統(tǒng)一的力量是強大的。作為人類，在日?；顒又校覀儩撘庾R期望某種協(xié)調(diào)和秩序。世上每個禁行標(biāo)記看起來都很像，這是有原因的。我在澳大利亞時，學(xué)著在道路另一側(cè)駕駛就已經(jīng)很艱難了。想象一下，如果每個城市都有自己特定的禁行標(biāo)志——紫色霓虹燈禁行標(biāo)志——那會是什么情況！某種程度上來說，我們靠一致性來使自己感到平常和舒適。

我們會注意到相互迥異的事物，這可能讓人沮喪和迷惑。但有時又會讓人耳目一新、為之著迷。我愛星巴克，我會本能地購買咖啡，動作一氣呵成。領(lǐng)取我的白色超大杯咖啡時，也沒有絲毫畏縮。忽然，在十一月的某天，我手捧著一杯迷人的紅色假日杯，上面有一些令人感到安逸的冬季圖案。白色的杯子星巴克已經(jīng)使用多年，沒有什么打破過這一傳統(tǒng)，但有時制造點混亂也不錯。它能通過人們不熟悉的方式，吸引和迷住顧客。

所有這些，也發(fā)生在我們與科技的關(guān)系中。作為設(shè)計師，我們應(yīng)該擁抱統(tǒng)一的力量。了解何時應(yīng)該嚴格遵循風(fēng)格指南，何時運用創(chuàng)意打破陳規(guī)，這是非常有益的。

我們會注意到相互迥異的事物，這可能讓人沮喪和迷惑。但有時又會讓人耳目一新、為之著迷。

構(gòu)建一致性

設(shè)計是有難度的，尤其在項目的起步階段。有這么多點子，要篩選如此多種字體組合、配色方案、圖標(biāo)和按鈕樣式、排版趨勢、圖片處理方式。理想情況下，所有這些元素相互配合，向你的用戶傳達出清晰的訊息。但是要把它們恰當(dāng)?shù)叵嗷リP(guān)聯(lián)起來，其中困難重重。

雖然這很明顯，我們還是迅速回顧一下統(tǒng)一的基本要點。要構(gòu)建一致性，我們要牢記以下元素：

• 色彩：主色、輔助色、次要顏色，配色方案
• 字體：標(biāo)題、正文、手書字體，還有它們之間的層次與位置
• 視覺元素：圖標(biāo)集、按鈕、照片的處理、插畫
• 排版：導(dǎo)航/菜單的位置、柵格結(jié)構(gòu)，還有響應(yīng)式變換
• 交互：表單元素、對話框、動畫、過渡效果、菜單等

下面這些案例中，樣式庫和風(fēng)格指南都執(zhí)行得很到位：

在設(shè)計中構(gòu)建統(tǒng)一，有助于強化品牌，并使品牌信息保持清晰。在顏色、照片、字體、插畫、圖標(biāo)等元素間規(guī)定統(tǒng)一關(guān)系，決定了用戶如何與品牌建立聯(lián)系、感受如何，還有如何使用。

這些框架和模式一旦成熟，確立下來了，懷著一致性進行設(shè)計應(yīng)該相當(dāng)簡單。這會取悅用戶。統(tǒng)一的界面學(xué)習(xí)成本更低，因為用戶可以將他們的理解轉(zhuǎn)移至其他界面，讓整個體驗更加流暢。易于理解促成了信任和舒適，會使用戶更加投入（并轉(zhuǎn)化為顧客）。

在設(shè)計中構(gòu)建統(tǒng)一，有助于強化品牌，并讓品牌信息保持清晰。

別忽略了用戶

在設(shè)計中也有反對統(tǒng)一的聲音。其中之一，是很多設(shè)計師過于注重新設(shè)計與舊設(shè)計是否一致，而忽略了新設(shè)計是否符合目標(biāo)用戶當(dāng)下的理解（Spool, 2005）。

每個按鈕都要是藍色的嗎？每個頁面都需要搜索框嗎？各處的頁尾都要保持一致嗎？正文字號永遠是14像素嗎？這些取決于具體情況。用戶所處的環(huán)境通常應(yīng)該先于一致性。

我們創(chuàng)建的風(fēng)格指南和樣式庫，并非不容置疑。除了統(tǒng)一外，還有界面設(shè)計的原則，有時候這些原則應(yīng)該優(yōu)先于一致性。底線是：我們應(yīng)該努力為用戶提供最好的體驗，有時這就意味著，要為其他某方面犧牲一致性。

少關(guān)心“我的設(shè)計與其他地方是否統(tǒng)一？”，多關(guān)心“我的設(shè)計是否吻合我們之前提供的用戶體驗？”。統(tǒng)一的設(shè)計讓用戶自信——用戶會期望它的表現(xiàn)與之前體驗過的一致。

除了統(tǒng)一外，還有界面設(shè)計的原則，有時候這些原則應(yīng)該優(yōu)先于一致性。

打破規(guī)則

還有一股邪惡勢力在與一致性抗?fàn)?，這就是設(shè)計創(chuàng)新的自然動力。任何時候我們都希望表現(xiàn)出創(chuàng)造力。在確定的風(fēng)格指南或樣式結(jié)構(gòu)框架內(nèi)設(shè)計，真的很令人沮喪。別擔(dān)心，我們可以利用這一點。

在使整個界面變得一板一眼之前，牢記矛盾性的利用價值。迥異的元素和表現(xiàn)會吸引注意力——你若想讓特殊元素被注意到，這就很管用。使用一種新的顏色，或是特殊的布局，能讓用戶從潛意識中驚醒。我愛把這種策略稱作矛盾。

迥異的元素，在銷售或追求顧客轉(zhuǎn)化方面極其有效。我們可以做些小動作來擾亂常規(guī)體驗：

• 增加新的說明元素
• 改變排版和焦點區(qū)域
• 顯著改變標(biāo)題字號
• 引入新的照片處理方式
• 大膽配色

Classy的登錄注冊頁面，排版和樣式看上去和主頁、探索和公司介紹頁面完全不同。在這些頁面上，我們可以推測出用戶的意圖，也不希望有不必要的元素混雜其中。如果為了與其他頁面保持統(tǒng)一，在此完完整整加入頂部導(dǎo)航、搜索和頁尾，那就太愚蠢了。

其他一些重大的迥異之處：

比如Campaign Monitor，只在Customers頁面的焦點區(qū)域用了動畫效果。

Mailchimp's SNAP的app頁面，交互和動畫有別于其他頁面。

最后的思考

優(yōu)秀的設(shè)計師會明智地運用統(tǒng)一。大多時候，設(shè)計師必須努力實現(xiàn)一致和統(tǒng)一，來盡可能創(chuàng)造最易用的界面。但是，一致性原則不能盲從。熟練的設(shè)計師不僅學(xué)著遵循這些原則，還會徹底地檢驗它們，并且學(xué)會何時以有意義的、目的導(dǎo)向的方式打破原則。

良師益友Ralph Waldo Emerson說得很好——“頭腦簡單者才需要傻傻地保持統(tǒng)一?！?/p>

當(dāng)前文章：擁抱統(tǒng)一與迥異
文章出自：http://www.rwnh.cn/news45/161895.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站排名、自適應(yīng)網(wǎng)站、用戶體驗、做網(wǎng)站、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)