扁平化設計需要遵從的原則

　　在網頁設計中，扁平化風格的逐漸盛行固然有它的道理，但本質上它只是設計美學當中的一種;與仿古、高光、金屬質感、木質等視覺效果相同，對視覺風格的選擇必須以良好的信息架構及交互模式為基礎。以下是小編整理的扁平化設計需要遵從的一些原則，就跟隨百分網小編一起去了解下吧，想了解更多相關信息請持續(xù)關注我們應屆畢業(yè)生考試網!

　　尤其在移動設備上，過于復雜的效果非但很少能為應用吸引用戶，反而時常讓用戶在視覺上產生疲勞，對產品界面中最基本的功能產生認知上的障礙。因此我們在網頁設計中就需要參考“扁平化”的美學。

　　什么是扁平化設計

　　在實際當中，“扁平化設計”一詞所指的是拋棄那些已經流行多年的漸變、陰影、高光等擬真視覺效果，從而打造出一種看上去更“平”的界面。

　　網頁設計的好壞不是“美學”可以決定的

　　對網頁設計風格的選取最終還是要取決于具體產品的實際情況。在我個人看來，相比于擬物化而言，扁平風格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產生。

　　無論采用怎樣的風格，優(yōu)秀的界面設計都需要遵從一些共通的設計原則：

　　一致性

　　通過具有一致性的設計模式及視覺風格，為用戶建立起完整一致的心智模型，使產品更加易用，提升整體體驗。

　　對比

　　通過對配色、尺寸和布局的調整，使可點擊的界面元素在視覺上與其他元素形成鮮明的對比。

　　布局

　　可以嘗試使用960gs一類的網格布局為界面設定視覺規(guī)范，使用戶的視線可以跟隨內容本身所界定出的路徑自然的移動，增強界面的視覺平衡。

　　層級化

　　最重要的東西要比相對次要的東西更容易被看到。關于這個話題我可以寫一整篇文章出來，簡單的說，就是在界面設計中著重突出那些與核心功能與常見用例相關的交互元素，而將其他操作元素置于次要位置，這可以使界面得到最有針對性的優(yōu)化和簡化。

　　“我個人的經驗是，無論扁平化還是擬物化都沒什么所謂，最重要的是界面能夠讓用戶在最短的時間內清楚的識別出信息和功能的層級關系，并且很容易的知道接下來應該做什么。” – Caroline Keem

　　目標用戶

　　不同類型的用戶所青睞的網頁設計的界面風格也有所不同。建筑、設計、時尚等領域的用戶可以更好的擁抱扁平化風格，而其他更加“普通”的用戶則更容易接受相對傳統的擬物化界面。

　　反饋

　　當點擊行為發(fā)生時，要立刻向用戶提供清晰明確的視覺反饋。動畫過渡效果就是一種比較常見的反饋方式，例如在用戶執(zhí)行操作后，使用旋轉圖標提示用戶系統正在進行響應。

　　降低“摩擦力”

　　無論采用怎樣的網頁設計視覺風格，都要使界面盡量簡化，減少用戶完成目標所需執(zhí)行的操作，打造更加流暢的交互體驗。任何一點障礙或額外的步驟都會提高操作成本，增加功能的復雜度，進而降低轉化率。

　　鼓勵探索

　　了解目標用戶有可能對產品進行哪些方面的探索。一旦他們習慣了產品的界面與基礎功能，并開始向“高級用戶”的階段進發(fā)時，要為他們的探索和學習行為進行必要的指引與“獎勵”回饋。

　　原型

　　無論風格如何，界面形式都取決于實際的功能。好的網頁設計方案離不開產品前期的規(guī)劃工作，特別是通過草圖或線框原型進行的探索。識別出最核心的用例需求，使用原型不斷嘗試和驗證，為接下來的網頁界面設計工作打下堅實的基礎。

【扁平化設計需要遵從的原則】相關文章：

網頁設計的原則06-13

設計的一般原則教學設計06-22

交互設計原則有哪些08-24

網頁設計的6條配色原則07-07

網頁設計中的色彩搭配原則10-30

網頁設計中色彩搭配的原則與技巧10-02

勞動需要知識教學設計09-06

一建考試需要把握好三個原則05-30

網頁產品設計的八個原則09-18

運用技巧設計網頁的圖片原則都有哪些03-21