我們的用戶是忙碌的，沒有耐心，他們不愿意花更多時間來學習使用你的產品。所以我們在做設計時候，就盡量多遵循常用的UI Patterns，它是什么？是一種常用可用性問題的一種通用解決方案。

但是如果一味遵循常有的Design Patterns，會導致我們界面看起來無創新，那么該什么時候突破這種界限，下面我會簡單舉例說明。

影響它的關鍵要素

顏色、間距、字體大小、圖標一致性、規則一致性、交互操作等，我們在做界面設計時，如何科學把控這些？

這里就要告訴大家一個常用的設計法則“重復”“節奏”“韻律”，學過平面設計的同學應該知道，這幾個點吧，在平面設計中運用比較多的種設計方法。

舉一個例子，重復如何運用在UI設計中？

重復間距

上兩圖中，我們看可以看出里面設計采用的間距都是基于8的倍數，并重復運用。有節奏、有韻律的重復使用這些間距，可以產生節奏美。

重復控件

上圖facebook截圖，按鈕表象層圓角基因一致。如果有大小差異，它們使用參數化原則去定義圓角，大一點的控件圓角大一些，反之亦然。

布局規則

上圖是騰訊視頻界面截圖，我們可以看到他們在布局上制定了一些規則。

比如欄目與欄目之間才有重復使用相同布局，2×3（指單個欄目擺放視頻數量），然后接著下面欄目就是1×1，下面又接著2×3，后面欄目將1X1和2X3集合起來，然后重復使用。

這樣重復的網格布局，對我們產品有什么好處呢？大家有沒有發現目前市面上的視頻類和音樂類的產品差不多這樣布局嗎？（這其實就是外部一致性原則）。

因為用戶已經熟悉且掌握這種模式，不再需要重新學習。

那么如何在這種同質化的產品中脫穎而出呢？布局中可以使用對比，突出核心功能體驗，又如還可以內容優于同類產品，品牌特征打造，符號運用。

一致性原則 影響著用戶行為

如導航模式；一級導航，二級導航，如果采用常用設計模式，用戶基本可以很輕松的找到自己想要的內容。

再來說下顏色如何影響用戶行為：比如系統里面定義藍色是可點擊的顏色，那么我們在做設計是時候就要注意，哪些可點擊，顏色使用是否合理，同類顏色，表達相同的含義，就不能用在其他意義的元素上。

大原則：相同含義的元素在不同的地方執行相同的操作時候，反饋機制需要一致。

總結

一致性設計大方向為產品有更杰出的體驗，在保證用戶體驗良好的同時，我們需要與同類產品做出差異化競爭設計，這就需要我們平時多觀察互聯網設計趨勢，國外設計趨勢，集合自己品牌去打造一套好用的產品。

在產品設計中我們時刻留意著關鍵元素的一致性的運用，確保產品整體體驗一致。

1.顏色：在使用顏色上需要嚴格去定義，比如綠色用于正確顏色，紅色用語錯誤顏色，藍色是可以點擊顏色，這些都是常用的設計模式。

2.布局／排版：布局遵循最小化設計原則，導航路徑清晰可見，一級導航和二級導航一定要區分清楚，二者不可混用，排版布局上盡量遵循格式塔心理學原理。

3.字體：一個app使用一種字體貫穿整個產品設計，字體大小運用重復原則，重復可以使其保持一致性。

4.交互：這里我簡單說下，操作模式，反饋機制要符合用戶心理表真，常用功能操作流程要和外部環境保持一致性，比如我點擊界面上藍色文字這時候就要有正確反饋機制，而不是出一個彈窗。

5.圖標：圖標一致性我相信大家都懂吧。

以上就是本期分享的內容了，希望對各位小伙伴有所幫助~

轉載聲明：本文來源于網絡，不作任何商業用途