發(fā)布時(shí)間:2024-01-25 20:03:09 瀏覽量:183次
扁平化并不是簡單的刪除多余的修飾效果,畢竟用幾根簡單的線條和幾個(gè)色塊來表達(dá)主題,并沒有用模擬真實(shí)物體表達(dá)來的那么直觀、容易。簡約的界面設(shè)計(jì)需要設(shè)計(jì)師,擁有更加準(zhǔn)確的視覺傳達(dá)能力,要運(yùn)用抽象而又嚴(yán)謹(jǐn)?shù)倪壿嬎季S方式,加上精準(zhǔn)的歸納總結(jié)才可以完美的表現(xiàn)出來。
扁平化界面形式要素
扁平化風(fēng)格并不代表著設(shè)計(jì)師的工作變輕松,更不能說明界面的可用性能被降低。在進(jìn)行扁平化風(fēng)格創(chuàng)作時(shí),不僅僅是探求視覺效果的問題,追求產(chǎn)品功能和使用效果才是最本質(zhì)的。
圖形
從圖形的角度來看,扁平化風(fēng)格設(shè)計(jì)已經(jīng)不再推崇寫實(shí)的圖形設(shè)計(jì),取消了原來設(shè)計(jì)中大熱的陰影、漸變、高光等3D效果,而采用簡潔直觀的呈現(xiàn)形式,用抽象、高度概括性的平面圖形取代三維效果的圖形。扁平化圖形創(chuàng)意的基本形狀有矩形、圓形、菱形、多邊形等,但要留意最好不要用多于六條邊的形狀,因?yàn)檫@樣人們的注意力,就有可能會在圖形的邊數(shù)上,而忽視掉圖形本來要表達(dá)的內(nèi)容信息。
雖然扁平化的圖形表面看起來十分簡約,但這并不是簡單地把擬物化設(shè)計(jì)中復(fù)雜的裝飾效果丟棄就能達(dá)到的,剛好相反它對設(shè)計(jì)者的要求更高,要求設(shè)計(jì)者對圖形有更加準(zhǔn)確的把控能力,通過既抽象又嚴(yán)謹(jǐn)?shù)乃季S條理,才能對扁平化圖形進(jìn)行精簡總結(jié),最終呈現(xiàn)完美的設(shè)計(jì)表現(xiàn)。
其中最重要的主旨就是要使圖形經(jīng)過抽象和簡化過后,依然能被受眾正確的辨別,從而有效的進(jìn)行信息的傳遞,讓用戶能有更好的體驗(yàn)。所以說,表面看起來很簡單的內(nèi)容,但其實(shí)內(nèi)部大有乾坤。如果扁平化圖形設(shè)計(jì)可以處理適當(dāng),就會給人一種簡約而不簡單,清新而不單調(diào)之感。
色彩
色彩的運(yùn)用在扁平化設(shè)計(jì)中有著舉足輕重的地位,在日常設(shè)計(jì)中我們就可以發(fā)現(xiàn),基本上所有的扁平化設(shè)計(jì)都脫離不了色彩。它不僅僅傳遞此圖形是什么顏色,它還是傳遞給觀眾情感的一種最直接的表達(dá)方式,一般扮演著和觀眾情感互動(dòng)的主要角色。所以,如果一個(gè)界面的色彩非常明快、活潑那么也就很容易吸引受眾的目光。
對于色塊的顏色,傳統(tǒng)的色彩規(guī)律不大適用于扁平化設(shè)計(jì)中了,扁平化設(shè)計(jì)一般都有特定的設(shè)計(jì)法則,一般用純色、復(fù)古色或是同類色會使設(shè)計(jì)更加出彩。例如:復(fù)古色調(diào),是在純色的基本上增添白色,以降低顏色的飽和度,讓顏色變得更加柔和。如果把復(fù)古色當(dāng)作設(shè)計(jì)的主色調(diào),這種顏色會讓頁面變得更加淡雅,讓人看著舒適。
總的主旨就是各種顏色搭配要協(xié)調(diào),雖然視覺上扁平,但整體界面會感覺豐富、活潑。在擬物化設(shè)計(jì)里,有很多界面的底紋都會采取肌理效果,使界面具有很強(qiáng)的質(zhì)感,給人一種親和力。而扁平化設(shè)計(jì)中,拋棄掉了真實(shí)質(zhì)感的底紋設(shè)計(jì)則會讓界面更簡潔直觀,從而可以更加清晰地向受眾傳達(dá)想要表達(dá)的情感和內(nèi)容。
字體
扁平化風(fēng)格的界面設(shè)計(jì),選擇簡單的字體最為適宜。文字的清晰度和粗細(xì)也都非常重要的因素,而且最好一個(gè)界面中字體系列保持在兩種左右,不易太多以免繁雜。字體不單單要迎合大眾的審美需求,也要實(shí)用、方便閱讀。
在扁平化設(shè)計(jì)中經(jīng)常采用的是無襯線字體,如:黑體、微雅等,這是由于它們特殊的字體形態(tài)更符合扁平的特點(diǎn)。無襯線體里,字體較寬,會讓人感到輕松,排版的時(shí)候不容易有緊張感,更容易閱讀,而且不管在任何背景上也都能輕松的識別。無襯線體的線條非常的簡練,具有幾何感,這種不帶有任何花哨的字體,與簡單明快的扁平化界面設(shè)計(jì)是非常吻合的,從而確保設(shè)計(jì)在視覺上的統(tǒng)一。
另外,扁平化界面設(shè)計(jì)中字體的排版也需要格外的注重,字體占據(jù)面積的比例一定要把控好,一定要適當(dāng)?shù)牧舭?,讓整個(gè)畫面有呼吸感,這樣可以更好的襯托出主體內(nèi)容,更易被受眾接受,文字占的空間面積大則會顯得擁擠,給人以壓迫感,也不適合扁平化簡約,明快的風(fēng)格。
扁平化界面的形式創(chuàng)新
在實(shí)際生活中也很容易發(fā)現(xiàn),扁平化的設(shè)計(jì)在辨識度上沒有擬物化那么直接,從而增加了使用者的學(xué)習(xí)成本。另外,扁平化設(shè)計(jì)如果沒有處理得當(dāng),就會顯得很平、沒有層次感,使用操作起來就會產(chǎn)生一些問題。
扁平化并不等于沒有一點(diǎn)設(shè)計(jì)修飾效果,在實(shí)際設(shè)計(jì)中,設(shè)計(jì)師應(yīng)根據(jù)設(shè)計(jì)理念、服務(wù)對象的特征以及要解決的問題靈活運(yùn)用扁平化風(fēng)格。一個(gè)較為成功的扁平化設(shè)計(jì)的創(chuàng)作,最根本上需要把產(chǎn)品功能排在第一位,而不單單只是考慮視覺呈現(xiàn)的問題,不要為了扁平化而扁平化,扁平化的視覺呈現(xiàn)也是為了產(chǎn)品的功能服務(wù)的。
在界面設(shè)計(jì)時(shí),我們要時(shí)刻牢記設(shè)計(jì)形式是服務(wù)于產(chǎn)品功能的,怎么樣用直觀的界面和交互向用戶,展示產(chǎn)品的整體構(gòu)架和功能,是我們首先要考慮的問題。簡約而不簡單的把影響用戶理解和使用產(chǎn)品的視覺要素刪除,合理的運(yùn)用效果,自然的指引用戶正確的使用產(chǎn)品是扁平化界面設(shè)計(jì)的宗旨。
有些設(shè)計(jì)不能完美的呈現(xiàn)出來,那么我們可以尋求另新的形式,來取代純粹的扁平化形式:扁平立體化,即是在扁平化的基礎(chǔ)上延伸出擬物化設(shè)計(jì)。在平面上展現(xiàn)出擬物的視覺效果,既簡單又富有趣味性,綜合了兩者的優(yōu)點(diǎn),避免了單純的扁平化不直觀的弊端。
設(shè)計(jì)服務(wù)于人,不管我們在設(shè)計(jì)時(shí)選用哪一種設(shè)計(jì)形式,扁平化、擬物化還是扁平立體化,都取決于哪種形式更能表達(dá)我們想要的最終效果,并且以用戶的情感需求為主導(dǎo)。設(shè)計(jì)師們應(yīng)根據(jù)用戶需要揚(yáng)長避短、合理的取舍,讓各種設(shè)計(jì)形式發(fā)揮自己最大的優(yōu)勢,既給人們帶來視覺上的盛宴,又有實(shí)質(zhì)上的便利。
作者:李亭翠 陳穎
來源:平面設(shè)計(jì)(pingmiandesigner)
如侵權(quán)請告知?jiǎng)h除
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對色彩在早期文明社會中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
10. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!