




版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、5扁平化設(shè)計(jì)的 大要點(diǎn)如今設(shè)計(jì)界最炙手可熱的明星大概就是扁平化設(shè)計(jì)了吧,關(guān)于它的討論至今都沒(méi)有冷卻的跡象。諸多設(shè)計(jì)師分成了涇渭分明的兩個(gè)陣營(yíng),一邊努力把扁平化做到極致,一面對(duì)其不屑一顧。那么,扁平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢?下文將要做的就是分析扁平化的五個(gè)最典型的特征,同時(shí)也介紹一下偽扁平化(不含貶義,只是一種折衷的設(shè)計(jì)方式)。一 、拒絕特效 扁平化這個(gè)詞來(lái)自于這種設(shè)計(jì)所使用的樣式和形狀,它完全屬于二次元世界,一個(gè)簡(jiǎn)單的形狀加沒(méi)有景深的平面,不叫扁平化都浪費(fèi)這個(gè)詞了。這個(gè)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出3D效果的元素一
2、概不用。所有的元素的邊界都干凈俐落,沒(méi)有任何羽化、漸變或者陰影。這一設(shè)計(jì)趨勢(shì)極力避免任何擬物化的元素,這導(dǎo)致這一設(shè)計(jì)風(fēng)格在其它平臺(tái)有時(shí)候顯得突兀,前景圖片、按鈕、文本和導(dǎo)航欄與背景圖片格格不入,各成一派。那么,扁平化的效果如何呢?因?yàn)檫@種設(shè)計(jì)有著鮮明的視覺(jué)效果,它所使用的元素之間有清晰的層次和布局,這使得用戶(hù)能直觀的了解每個(gè)元素的作用以及交互方式。如今從網(wǎng)頁(yè)到手機(jī)應(yīng)用無(wú)不在使用扁平化的設(shè)計(jì)風(fēng)格,尤其在手機(jī)上,因?yàn)槠聊坏南拗?,使得這一風(fēng)格在用戶(hù)體驗(yàn)上更有優(yōu)勢(shì),更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來(lái)格外簡(jiǎn)單。二 、界面元素 扁平化設(shè)計(jì)通常采用許多簡(jiǎn)
3、單的用戶(hù)界面元素,諸如按鈕或者圖標(biāo)之類(lèi)。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。這些用戶(hù)界面元素方便用戶(hù)點(diǎn)擊,這能極大的減少用戶(hù)學(xué)習(xí)新交互方式的成本,因?yàn)橛脩?hù)憑經(jīng)驗(yàn)就能大概知道每個(gè)按鈕的作用。此外,扁平化除了簡(jiǎn)單的形狀之外,還包括大膽的配色。但是需要注意的是,扁平化設(shè)計(jì)不是說(shuō)簡(jiǎn)單的搞些形狀和顏色搭配起來(lái)就行,它和其他設(shè)計(jì)風(fēng)格一樣,是由許多的概念與方法組成的。三 、優(yōu)化排版 由于扁平化設(shè)計(jì)的使用特別簡(jiǎn)單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺(jué)效果,甚至可能間接影響用戶(hù)體驗(yàn)。字體是排版中
4、很重要的一部分,和其他元素相輔相成。想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無(wú)襯線(xiàn)字體的例子。無(wú)襯線(xiàn)字體家族龐大分之眾多,其中有些字體會(huì)在特殊的情景下會(huì)有意想不到的效果。但注意,過(guò)猶不及,不要使用那些極為生僻的字體,因?yàn)楸2积R它就把你帶進(jìn)坑里了。如何使用字體也是一門(mén)學(xué)問(wèn),要學(xué)會(huì)讓不同的字體表達(dá)不同的概念,通過(guò)字體告訴用戶(hù)這某一設(shè)計(jì)功能的含義,努力使字體成為你簡(jiǎn)化設(shè)計(jì)的有力武器。四 、 如何配色 扁平化設(shè)計(jì)中,配色貌似是最重要的一環(huán),扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮、炫麗的顏色。同時(shí),扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如,其
5、他設(shè)計(jì)最多只包含兩三種主要顏色,但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種。而且扁平化設(shè)計(jì)中,往往傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復(fù)古色(淺橙、紫色、綠色、藍(lán)色等)。五 、最簡(jiǎn)方案 設(shè)計(jì)師要盡量簡(jiǎn)化自己的設(shè)計(jì)方案,避免不必要的元素在設(shè)計(jì)中出現(xiàn)。簡(jiǎn)單的顏色和字體就足夠了,如果你還想添加點(diǎn)什么,盡量選擇簡(jiǎn)單的圖案。扁平化設(shè)計(jì)尤其對(duì)一些做零售的網(wǎng)站幫助巨大,它能很有效的把商品組織起來(lái),以簡(jiǎn)單但合理方式排列。另:偽扁平化設(shè)計(jì)范例: 有一種趨勢(shì)值得關(guān)注,一些設(shè)計(jì)師把某一項(xiàng)特效融入整體的扁平化之中,是其成為一種獨(dú)特的效果。比如說(shuō),在簡(jiǎn)單的按鈕加一點(diǎn)點(diǎn)漸變或陰影,從而使這種風(fēng)格成為其特色,產(chǎn)生出一種扁平化設(shè)計(jì)的變種。這種設(shè)計(jì)要比單純的扁平化更具有適
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 【正版授權(quán)】 IEC TR 63309:2025 EN Active fibres – Characteristics and measurement methods – Guidance
- 2025至2030中國(guó)電鍍表配件行業(yè)深度研究及發(fā)展前景投資評(píng)估分析
- 2025至2030中國(guó)電子商務(wù)食品行業(yè)深度研究及發(fā)展前景投資評(píng)估分析
- 2025至2030中國(guó)電動(dòng)尾門(mén)行業(yè)產(chǎn)業(yè)運(yùn)行態(tài)勢(shì)及投資規(guī)劃深度研究報(bào)告
- 2025至2030中國(guó)瑪瑙飾品行業(yè)市場(chǎng)占有率及投資前景評(píng)估規(guī)劃報(bào)告
- 幼兒園營(yíng)養(yǎng)性疾病知識(shí)培訓(xùn)
- 智慧教育大數(shù)據(jù)驅(qū)動(dòng)的教學(xué)效率變革
- 探索不同國(guó)家在線(xiàn)教育平臺(tái)的創(chuàng)新實(shí)踐
- 教育中的心理學(xué)技巧激發(fā)學(xué)生潛能的實(shí)踐
- 【MOOC】教育研究方法-浙江大學(xué) 中國(guó)大學(xué)慕課MOOC答案
- 《回歸分析》課件
- 心臟手術(shù)圍手術(shù)期
- 餐車(chē)經(jīng)營(yíng)食品安全應(yīng)急預(yù)案
- DB43T 876.11-2017 高標(biāo)準(zhǔn)農(nóng)田建設(shè) 第11部分:耕地地力評(píng)定技術(shù)規(guī)范
- 2024新版(外研版三起孫有中)三年級(jí)英語(yǔ)上冊(cè)單詞帶音標(biāo)
- 2024至2030年中國(guó)漢白玉石雕數(shù)據(jù)監(jiān)測(cè)研究報(bào)告
- 三年級(jí)下冊(cè)混合計(jì)算題100道及答案
- DB12T 998-2020 殯葬服務(wù)機(jī)構(gòu)消毒衛(wèi)生規(guī)范
- 廣東省廣州市五校2023-2024學(xué)年高一下學(xué)期期末聯(lián)考化學(xué)試卷
- 2024年天津高考數(shù)學(xué)真題試題(原卷版+含解析)
評(píng)論
0/150
提交評(píng)論