扁平化設計原則

jopen 11年前發布 | 16K 次閱讀 扁平化

設計社區不停討論關于扁平風格。

這種風格很帶感  . 但大多數設計師不能彰顯這種風格, 或者直接討厭這種風格 .

我很現實 ,創件有用的設計才是好的設計 . 由于最近流行的扁平風格,而去設計這個風格,但它不適合所有的項目,所以別硬套這種設計 風格

我們來看一下, 這有五個很獨特的扁平風格的例子.我們分析一下,再"戲說"一下什么叫扁平風格

去除特效

扁平化設計原則

扁平化設計原則

扁平化設計原則

扁平化設計以其形命名。平的設計就是其獨特的二維風格,簡單地平。


這一概念點綴 — — 陰影、棱臺、壓花 、漸變 或 其他 工具 的 添加 深度工作 。 每個元素或框中 ,從圖像幀到按鈕的導航 工具 ,是脆 , 缺乏羽化的邊緣或陰影 。


不添加額外的元素并看起來更加逼真 ,不同于skeuomorphic 設計項目中使用技巧來使元素更逼近3D 。扁平化的圖層 在 反映 在 其他項目中,不設計另類的 背景圖片 、 前景圖像或按鈕 、文本和導航 。


那么它是如何工作的捏 ? 平面設計有獨特的外觀和感覺 ,但沒別的了 。 它 需要設計明確的層次結構和元素放置 , 使用戶可以更加容易專注項目 , 理解交互 。 雖然越來越多的網站使用扁平化設計風格 , 或許移動設計和應用中的風格更受歡迎 。 較小的屏幕占用 , 少的按鈕和選項 , 讓扁平界面的應用使用起來嘎嘎容易 (so easy?)。

簡元素

扁平化設計原則

扁平化設計原則

扁平化設計原則

扁平化設計原則

平面設計使用一些簡單的用戶界面元素如按鈕和圖標。設計師只需找些簡單的形狀,如矩形、 圓形或正方形,保持每個形狀孤立。形狀邊緣可以完美地方角化或者包含一點點曲率。

每個 UI 元素應該只是簡單和容易單擊或切換。對用戶很直觀的互動,沒有一些為設計而作的過度設計。

除去簡單的樣式,鼓勵大膽的去可點擊的按鈕上色。但不要混淆簡單元素和簡單設計,扁平設計的概念也可以像其他設計方案一樣復雜。

需要獲得幫助開始你的設計嗎(譯者注:下面是廣告)?Designmodo 提供了各式各樣的 UI 工具包使用平面樣式 —— 從 Square UI FreeFlat UI Free,包含一些簡單的 PSD/HTML 用戶界面工具包與基本組件,到Square UIFlat UI Pro 完整打包 PSD/HTML 用戶界面包的網站和應用的設計項目。

專心搞排版

扁平化設計原則

扁平化設計原則

扁平化設計原則

由于 元素 平面 設計 簡單 特性 排版 極其 重要

字型的定格 整體方案 設計相符 — — 高度 點綴 字體 可能 看起來 奇怪 反對 超簡單 設計 使用加黑字體 簡單地 高效的單詞 使 最終 產品 一致 可以在可視化方式 文本上 作些 努力

考慮 一個 簡單 襯線 (sans serif)類型 很多 變化 權重 版式 使用 平面 設計 站點 添加 一些別致的 觸點 一個 新奇的 字體 來作為 設計 元素 小心 使用過火 專業 字樣

字體設計中 應該 告訴 用戶 如何 使用該設計 標簽 按鈕 其他 元素 增加 引入的 易用性 交互性

專注于顏色

扁平化設計原則

扁平化設計原則

扁平化設計原則

顏色 平面 設計 一部分 。不同于其他網站 設計,扁平設計中 顏色 調色板 往往 是強調 很多 更亮 鮮艷

扁平設計中的顏色 調色板 項目 通常 包含 更多的 色調 雖然 大多數 顏色 調色板 專注 三種 顏色 但扁平 設計 中調色板 通常 使用 八個 顏色

扁平設計中色調趨向 充滿活力 — — 顏色 轉盤 — —     沒有 淡色 最純 初級和 次級 顏色 最受歡迎 另外 ,一些特定顏色的使用頻率較高, 重復 扁平 設計 方位色,復古 顏色 — — 包括 鮮肉色 紫色 綠色 藍色 — —  這些 受歡迎

簡約的方法

扁平化設計原則

扁平化設計原則

扁平化設計原則

扁平化的設計本質上是簡單的,它與整體簡約的設計方法相得益彰。

在網站的整體設計中避免太多花哨的東西。簡單的顏色與文字就已足夠。如果你要添加視覺效果,選擇簡單的圖像。

有些零售網站,比如Svpply(見上),使用效果很棒的扁平化設計,這是將一些條目放在一個簡單的背景上做到的。(提醒一下這些圖片確實具有一些自然深度,但仍然和諧融入到整個扁平化的設計中)

“接近”扁平化的設計

扁平化設計原則

扁平化設計原則

扁平化設計原則

扁平化設計原則

扁平化設計原則

一個更多設計師都傾向于贊同的風格,就是“接近”扁平化的設計。

“接近”扁平化的設計中,使用了扁平化風格的基本主題,但是一些特效被添加到設計方案中。例如按鈕,可能包含輕微的梯度或者陰影。設計師通常挑選一種特效并專門用在一種“接近”扁平化的項目中。

這個風格,相對于一些扁平化設計背后的、無特效思想中的剛性,容納了更多一些的彈性。

設計師們因為附加的深度和紋理而喜歡它。用戶們喜歡它是因為,這個風格沒有那么生硬,并且有利于引導適當的交互。另一方面,設計師們不喜歡它是因為,它以一種方式結合了兩種風格,而這種方式可能缺少了對于一個真正風格的定義。

關于扁平化設計的更多信息


Designmodo已經成為扁平化設計趨勢的討論中的領導者。閱讀我們之前的文章,了解關于扁平化設計的更多信息。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!