- 相關(guān)推薦
扁平化設(shè)計(jì)需要遵從的原則
在網(wǎng)頁(yè)設(shè)計(jì)中，扁平化風(fēng)格的逐漸盛行固然有它的道理，但本質(zhì)上它只是設(shè)計(jì)美學(xué)當(dāng)中的一種;與仿古、高光、金屬質(zhì)感、木質(zhì)等視覺(jué)效果相同，對(duì)視覺(jué)風(fēng)格的選擇必須以良好的信息架構(gòu)及交互模式為基礎(chǔ)。以下是小編整理的扁平化設(shè)計(jì)需要遵從的一些原則，就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
尤其在移動(dòng)設(shè)備上，過(guò)于復(fù)雜的效果非但很少能為應(yīng)用吸引用戶(hù)，反而時(shí)常讓用戶(hù)在視覺(jué)上產(chǎn)生疲勞，對(duì)產(chǎn)品界面中最基本的功能產(chǎn)生認(rèn)知上的障礙。因此我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中就需要參考“扁平化”的美學(xué)。
什么是扁平化設(shè)計(jì)
在實(shí)際當(dāng)中，“扁平化設(shè)計(jì)”一詞所指的是拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺(jué)效果，從而打造出一種看上去更“平”的界面。
網(wǎng)頁(yè)設(shè)計(jì)的好壞不是“美學(xué)”可以決定的
對(duì)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的選取最終還是要取決于具體產(chǎn)品的實(shí)際情況。在我個(gè)人看來(lái)，相比于擬物化而言，扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生。
無(wú)論采用怎樣的風(fēng)格，優(yōu)秀的界面設(shè)計(jì)都需要遵從一些共通的設(shè)計(jì)原則：
一致性
通過(guò)具有一致性的設(shè)計(jì)模式及視覺(jué)風(fēng)格，為用戶(hù)建立起完整一致的心智模型，使產(chǎn)品更加易用，提升整體體驗(yàn)。
對(duì)比
通過(guò)對(duì)配色、尺寸和布局的調(diào)整，使可點(diǎn)擊的界面元素在視覺(jué)上與其他元素形成鮮明的對(duì)比。
布局
可以嘗試使用960gs一類(lèi)的網(wǎng)格布局為界面設(shè)定視覺(jué)規(guī)范，使用戶(hù)的視線可以跟隨內(nèi)容本身所界定出的路徑自然的移動(dòng)，增強(qiáng)界面的視覺(jué)平衡。
層級(jí)化
最重要的東西要比相對(duì)次要的東西更容易被看到。關(guān)于這個(gè)話題我可以寫(xiě)一整篇文章出來(lái)，簡(jiǎn)單的說(shuō)，就是在界面設(shè)計(jì)中著重突出那些與核心功能與常見(jiàn)用例相關(guān)的交互元素，而將其他操作元素置于次要位置，這可以使界面得到最有針對(duì)性的優(yōu)化和簡(jiǎn)化。
“我個(gè)人的經(jīng)驗(yàn)是，無(wú)論扁平化還是擬物化都沒(méi)什么所謂，最重要的是界面能夠讓用戶(hù)在最短的時(shí)間內(nèi)清楚的識(shí)別出信息和功能的層級(jí)關(guān)系，并且很容易的知道接下來(lái)應(yīng)該做什么。” – Caroline Keem
目標(biāo)用戶(hù)
不同類(lèi)型的用戶(hù)所青睞的網(wǎng)頁(yè)設(shè)計(jì)的界面風(fēng)格也有所不同。建筑、設(shè)計(jì)、時(shí)尚等領(lǐng)域的用戶(hù)可以更好的擁抱扁平化風(fēng)格，而其他更加“普通”的用戶(hù)則更容易接受相對(duì)傳統(tǒng)的擬物化界面。
反饋
當(dāng)點(diǎn)擊行為發(fā)生時(shí)，要立刻向用戶(hù)提供清晰明確的視覺(jué)反饋。動(dòng)畫(huà)過(guò)渡效果就是一種比較常見(jiàn)的反饋方式，例如在用戶(hù)執(zhí)行操作后，使用旋轉(zhuǎn)圖標(biāo)提示用戶(hù)系統(tǒng)正在進(jìn)行響應(yīng)。
降低“摩擦力”
無(wú)論采用怎樣的網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)風(fēng)格，都要使界面盡量簡(jiǎn)化，減少用戶(hù)完成目標(biāo)所需執(zhí)行的操作，打造更加流暢的交互體驗(yàn)。任何一點(diǎn)障礙或額外的步驟都會(huì)提高操作成本，增加功能的復(fù)雜度，進(jìn)而降低轉(zhuǎn)化率。
鼓勵(lì)探索
了解目標(biāo)用戶(hù)有可能對(duì)產(chǎn)品進(jìn)行哪些方面的探索。一旦他們習(xí)慣了產(chǎn)品的界面與基礎(chǔ)功能，并開(kāi)始向“高級(jí)用戶(hù)”的階段進(jìn)發(fā)時(shí)，要為他們的探索和學(xué)習(xí)行為進(jìn)行必要的指引與“獎(jiǎng)勵(lì)”回饋。
原型
無(wú)論風(fēng)格如何，界面形式都取決于實(shí)際的功能。好的網(wǎng)頁(yè)設(shè)計(jì)方案離不開(kāi)產(chǎn)品前期的規(guī)劃工作，特別是通過(guò)草圖或線框原型進(jìn)行的探索。識(shí)別出最核心的用例需求，使用原型不斷嘗試和驗(yàn)證，為接下來(lái)的網(wǎng)頁(yè)界面設(shè)計(jì)工作打下堅(jiān)實(shí)的基礎(chǔ)。
【扁平化設(shè)計(jì)需要遵從的原則】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)的原則06-13
設(shè)計(jì)的一般原則教學(xué)設(shè)計(jì)06-22
交互設(shè)計(jì)原則有哪些08-24
網(wǎng)頁(yè)設(shè)計(jì)的6條配色原則07-07
網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配原則10-30
網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的原則與技巧10-02
勞動(dòng)需要知識(shí)教學(xué)設(shè)計(jì)09-06
一建考試需要把握好三個(gè)原則05-30