EasonDesign

記得之前有篇文章提到，何謂隱形的設計？今天又繼續與大家探討一些極簡設計的概念分享。

設計是一件讓user驅動性很強的工作。不論是平面設計或是網頁設計，隨著user越來越偏好更簡潔的界面，如何剔除多餘的元素，保留最基礎最重要的元素是極簡設計的關鍵。
極簡設計形式和功能完美結合。它最大的優點是極簡的表現形式，簡潔的線條，大方的留白，簡約的圖形化元素，就算是很複雜的內容，在這樣的設計下也會顯得很簡潔和幹練。當然，如果能有效的利用這些元素。

極簡設計必須要簡潔明瞭和一致的可用性 。交互系統應該透過清晰的視覺傳達（clear visual communication） 來解決user的問題。

這也是為什麼具備簡潔設計和高可用性的應用如此讓人深刻。即便只是一個通過極簡設計的導航，都能夠提供很強的交互方式。要做到這一點，你需要注意以下幾個事項。

1. 簡單的配色

簡單的配色能夠提高user體驗，太多的色彩則會給user負面的影響。
針對於初學者，有一些預先定義的標準顏色方案能夠讓你輕鬆創建新的顏色搭配。

單配色由特定色彩的不同的色調，陰影或顏色深淺所構成。
他們的原理是透過修改特定顏色的飽和度和亮度，可以生成多種協調的顏色，這種顏色搭配比較簡潔和優雅，不會給眼睛產生太大負擔。

相近色彩配色的思路是從色輪上取三個相鄰的顏色來做為配色。全手勢操作的應用 Clear 使用了近似色彩配色方案，它使用不同顏色來區分任務的優先級或者高亮關鍵的任務。（頂端的任務使用最鮮艷的顏色，而底部的任務則使用明亮精緻的顏色）

2. 模糊效果

模糊效果出現在極簡UI設計中是一件非常符合邏輯的事情，它能夠增加 UI 的層次感。
如果你的 UI 擁有多個層級，使用模糊效果能夠讓user清晰的瞭解到 UI 的前後層級的關係。
這也給了設計師一個完美的機會來設計多樣化的菜單和層級效果。

yahoo天氣顯示了一張當前位置的風景圖片，如果需要查看天氣的詳細信息，你只需要向上滑動便會馬上顯示出來。與在原先的頁面上疊加一層相比，這種方式在增加了詳細信息的易於獲取的情況下還保存了上一張圖片作為模糊背景後，幫助用戶在操作之後有更為直觀的反饋。而且交互方式極為自然，你可以很方便的就返回到上一層。

3. 避免使用太多種字體

在一個應用中使用多種字體會看起來很散亂。減少螢幕上字體的類型數量可以增強排版的效果。
當你在設計應用的時候你可以透過更改字體樣式，尺寸和大小來優化佈局效果，而不是更換字體。

4. 數據的視覺焦點

應該使用大號字體和醒目的顏色來讓特定的數據成為視覺的焦點。
使用中性的顏色（黑白灰）來展示普通的內容，而一些具備操作的部分則使用強對比的顏色來吸引user注意，從而給予user正確的指導和操作。

明亮的色調+中性的色調是最容易搭配的方案，同時也是視覺上最引人注意的搭配之一。

被放大的字體和顯眼的色彩能夠很好的吸引user的注意力，而不需要多餘的文字提示。
與此同時還提供了簡潔易用的信息收集體驗。

在螢幕特定的區域使用放大的字體和彈出的顏色能有效吸引user注意力。

5. 多使用圖像與線條

使用圖標用來表達某種功能或者內容，圖標作為一種視覺語言，它應該是簡約易於識別和理解的。
IOS 7 後許多極簡設計的 UI 都使用線條或者填充的圖標。來看看同一個圖標分別使用線條和填充的效果。

該圖標在應用中通常是作為導航的存在，所以指示當前user所在區域是很重要的，我們通常使用高亮圖標來表示當前user所選中的區域。這個時候，灰色的線性圖標表示為未選中的狀態。

簡約的 UI 和設計技術是完成優秀設計的關鍵，但是極簡設計的本身不是設計的目的。
我們最終的目標是要簡約 UI 的同時需要保證功能的完整性和高可用性。簡單的流程，清晰的視覺傳達和與設計的結合來打造無縫的交互體驗才是最重要的。