網(wǎng)頁(yè)扁平化設(shè)計(jì)要點(diǎn)有哪些

網(wǎng)頁(yè)扁平化設(shè)計(jì)要點(diǎn)

網(wǎng)頁(yè)扁平化設(shè)計(jì)要點(diǎn)有哪些？在設(shè)計(jì)扁平化風(fēng)格界面時(shí)，特別是在圖標(biāo)的設(shè)計(jì)時(shí)，應(yīng)該遵循極簡(jiǎn)原則，復(fù)雜的、含義模糊的元素將會(huì)造成使用者的困擾。下面介紹網(wǎng)頁(yè)扁平化設(shè)計(jì)要點(diǎn)，希望可以幫助到大家。

1、極簡(jiǎn)的元素

扁平化設(shè)計(jì)追求的是一切極其的簡(jiǎn)潔、簡(jiǎn)單，反對(duì)使用復(fù)雜的、不明確的元素。在設(shè)計(jì)扁平化風(fēng)格界面時(shí)，特別是在圖標(biāo)的設(shè)計(jì)時(shí)，應(yīng)該遵循極簡(jiǎn)原則。復(fù)雜的、含義模糊的元素將會(huì)造成使用者的困擾，這與扁平化設(shè)計(jì)風(fēng)格直觀、簡(jiǎn)潔的總原則是相違背的。只有采用足夠簡(jiǎn)約的設(shè)計(jì)元素，才能達(dá)到最好的展示效果。

2、貼切的圖標(biāo)

在設(shè)計(jì)圖標(biāo)時(shí)，必須使用與所對(duì)應(yīng)功能緊密關(guān)聯(lián)的圖標(biāo)元素，并且這個(gè)元素應(yīng)是通用的、廣為人知的，基本不受地域、種族、文化、語(yǔ)言等因素影響。絕對(duì)禁止使用一些定義模糊，寓意不清的元素，或者某些行業(yè)特有的，某些領(lǐng)域?qū)Ｓ玫脑�素�?/span>

3、更多的圓角

在產(chǎn)品設(shè)計(jì)中，設(shè)計(jì)師經(jīng)常會(huì)采用圓角設(shè)計(jì)，以防止在產(chǎn)品使用過(guò)程中對(duì)使用者造成傷害，這種人性化的設(shè)計(jì)深受使用者的歡迎。同樣的道理，在用戶(hù)界面設(shè)計(jì)過(guò)程中，使用一些圓角圖案，不但會(huì)使設(shè)計(jì)更具親和力，也會(huì)讓使用者更容易接受設(shè)計(jì)者的設(shè)計(jì)意圖。這也符合大眾追求圓潤(rùn)、圓滿的心理需求。

4、中性之美

在扁平化設(shè)計(jì)中，色彩的應(yīng)用極為重要。由于拋棄了擬物化設(shè)計(jì)風(fēng)格的漸變、高光等特效，只能使用純色塊來(lái)進(jìn)行設(shè)計(jì)，那么在色彩的搭配和選擇上就極有講究。為了能讓使用者舒適的閱讀、使用設(shè)計(jì)者的作品，不造成眼睛疲勞或者其它不適感，設(shè)計(jì)師應(yīng)盡量選擇中性的顏色。也就是說(shuō)，要避免使用飽和度過(guò)高的純色，比如純紅、純綠、純藍(lán)等顏色，因?yàn)檫@些顏色在展示的時(shí)候會(huì)非常刺眼，嚴(yán)重影響使用者的視覺(jué)體驗(yàn)。

5、鮮明的對(duì)比

在色彩的應(yīng)用中，要注意顏色之間的對(duì)比，只有通過(guò)鮮明的顏色對(duì)比，才能迅速抓住使用者的眼球，讓設(shè)計(jì)師的意圖表現(xiàn)的更加明確。通常的技巧是，通過(guò)亮度、色溫、對(duì)比色、互補(bǔ)色等等手段來(lái)實(shí)現(xiàn)顏色的對(duì)比，應(yīng)盡量避免使用參數(shù)相近的顏色，這樣的顏色搭配會(huì)使閱讀困難，甚至?xí)�造成使用者的極度不適。可以通過(guò)下面的這張圖來(lái)體會(huì)其中的奧妙：

6、字體的選擇

在扁平化設(shè)計(jì)風(fēng)格中，因?yàn)樽非髽O致的簡(jiǎn)潔，力求最快速、最直觀的表達(dá)設(shè)計(jì)者的意圖，所以在字體的選擇上，也是以簡(jiǎn)潔、清爽為標(biāo)準(zhǔn)。應(yīng)采用通用的、筆劃清晰的字體，避免使用字跡不清的字體，比如草書(shū)，特殊字體等，也應(yīng)該避免使用已經(jīng)不再流通的字體，比如古代甲骨文、篆體字等等(特殊用途除外)。對(duì)于中文字體來(lái)說(shuō)，諸如雅黑、幼圓或者細(xì)黑等字體都是不錯(cuò)的選擇。

7、善用灰色

黑色、白色和灰色在扁平化設(shè)計(jì)中至關(guān)重要，由于采用了大量的色塊，難免給用戶(hù)以眼花繚亂的感覺(jué)。所以在有的時(shí)候，設(shè)計(jì)師為了突出重點(diǎn)，可減少色塊的使用，而轉(zhuǎn)由使用一種或者二種主要的顏色來(lái)突出主體，其它部門(mén)則通過(guò)灰色來(lái)表達(dá)。由于灰色與任何顏色都不沖突，所以在設(shè)計(jì)時(shí)，巧妙的使用灰色，將起到意想不到的效果。正確的使用灰色，將使主體更明確和突出，更容易被使用者接受。

8、擬物設(shè)計(jì)的轉(zhuǎn)型

對(duì)于原有的擬物設(shè)計(jì)風(fēng)格，如果要向扁平化設(shè)計(jì)轉(zhuǎn)型，那么只需要將原來(lái)設(shè)計(jì)風(fēng)格逐一拋棄，分別去除描邊、陰影、漸變、高光等等特效，讓設(shè)計(jì)回歸本原，用最簡(jiǎn)潔的幾何圖型和最清晰的顏色來(lái)表達(dá)設(shè)計(jì)者的靈感。當(dāng)然扁平化設(shè)計(jì)雖然有許多的優(yōu)點(diǎn)，但也并不是萬(wàn)能藥，并不是所有場(chǎng)合都適用扁平化設(shè)計(jì)，設(shè)計(jì)師要根據(jù)情況選擇正確的設(shè)計(jì)風(fēng)格，從而達(dá)到最佳的設(shè)計(jì)效果。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-52773.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050