国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

設(shè)計師在呈現(xiàn)設(shè)計方案時，有哪些設(shè)計法則和設(shè)計模型可以讓你的設(shè)計更加有理有據(jù)，無可挑剔呢？本文將為大家呈現(xiàn)一份有效的設(shè)計法則應(yīng)用指南，幫助大家解決這個問題，enjor~

作為設(shè)計師，在傳達(dá)我們的設(shè)計理念，呈現(xiàn)我們設(shè)計方案時，我們經(jīng)常會援引一些設(shè)計法則和設(shè)計模型，以此來彰顯我們設(shè)計推導(dǎo)過程及方案的嚴(yán)謹(jǐn)性與合理性。

可是網(wǎng)上設(shè)計法則眾說紛紜，百家爭鳴，到底哪些法則才是我們在設(shè)計中最常使用，溝通中最常提及，宣講中最常引用，反饋中最常被認(rèn)可的設(shè)計法則呢？我們在各個設(shè)計階段，又該如何運用這些設(shè)計法則呢？

今天，筆者將結(jié)合自身工作經(jīng)驗，為你呈現(xiàn)一份最有效的設(shè)計法則應(yīng)用指南，讓你的設(shè)計更加有理有據(jù)，無可挑剔。

設(shè)計法則總覽

首先，我們來瞄一眼，設(shè)計師日常遵從的設(shè)計法則都有哪些呢？

大師設(shè)計法則概覽

主要包括“易用之王”雅各布·尼爾森經(jīng)典的【尼爾森10大可用性原則】，著有《GUI設(shè)計禁忌》的易用性資訊公司UI Wizards的總裁杰夫·約翰遜的【約翰遜9大界面設(shè)計準(zhǔn)則】，以及美國計算機科學(xué)家和教授本·斯奈德曼的《斯奈德曼8大界面設(shè)計黃金法則》。

除了這三位大師級人物總結(jié)的設(shè)計原則之外，以下這些也是我們作為設(shè)計師經(jīng)常為參考和遵從的設(shè)計原則。它們分別是【IOS 6大設(shè)計原則】【Android 5大設(shè)計原則】【格式塔原理】和我整理的設(shè)計師常用的【其他11大設(shè)計法則】。

經(jīng)典設(shè)計法則概覽

一下子看到如此多的法則是不是有點頭大？這么多法則，它們之間有什么關(guān)聯(lián)？我們在具體的設(shè)計中又是如何應(yīng)用的呢？下面請跟隨筆者的步伐逐一來看：

設(shè)計師常用設(shè)計法則

為了便于理解，我將我們設(shè)計師日常的設(shè)計工作，簡單拆解為布局設(shè)計和互動設(shè)計兩大類。我們現(xiàn)在分別來看，在這兩大類的主要工作中，常用的設(shè)計原則分別有哪些？

布局設(shè)計

任何互動設(shè)計的元素，都是內(nèi)嵌到某個具體的頁面內(nèi)的。所以，在講互動設(shè)計之前，我們必須要先要了解界面布局設(shè)計的基礎(chǔ)原則。根據(jù)經(jīng)典的【交互設(shè)計四策略】，我將所有的設(shè)計原則歸納在合理刪除、分層組織、適時隱藏和巧妙轉(zhuǎn)移四大設(shè)計策略之下。

合理刪除

在著手進(jìn)行布局之前，我們首先要進(jìn)行的工作，是要校驗所有需要布局的元素，確保所有展示在界面上的元素，都是用戶需要和可理解的。

這里利用到的設(shè)計原則就是【奧卡姆剃刀原理】——如無必要，勿增實體。不僅包括功能，也包括設(shè)計中常見的裝飾（如分割線、圖標(biāo)、引導(dǎo)語等），任何沒有必要顯示給用戶的元素，都不要顯示出來給用戶添加視覺負(fù)擔(dān)（同時也是增加項目成員設(shè)計、開發(fā)、維護(hù)的成本）。

分層組織

分層組織是界面布局的重點，我會從整體布局和元素布局上來拆解設(shè)計師經(jīng)常會用到的設(shè)計原則。

整體布局——三種典型的視覺流模型

整體布局主要是要考慮用戶典型的視覺流，如果沒有特殊的視覺流引導(dǎo)趨向，那我們則盡量順應(yīng)用戶的視覺流方向，以便讓我們的設(shè)計更好的契合用戶的瀏覽習(xí)慣。

首先出場的是【尼爾森F型視覺模型】，經(jīng)過長期網(wǎng)站布局教育所形成的瀏覽習(xí)慣，多數(shù)用戶在查看信息類產(chǎn)品時，視覺會遵從F型方式進(jìn)行流動。所以，我們在考慮文本為主的信息類頁面布局時，通常會將重要的信息、導(dǎo)航放置在頁面的F型位置處。

尼爾森F型視覺模型

【尼爾森F型視覺模型】的主要特點是：視覺首先會從頂部開始從左到右水平移動。然后，目光再下移開始從左到右觀察但是長度會相對短些。再后是以較短的長度向下掃視，形成一個 F形狀。

接著，我們再看另一類經(jīng)典的視覺流【古騰堡圖表法】，它又被稱之為“對角線平衡的和諧狀態(tài)”。

它指出：人們在瀏覽頁面或布局時視線趨于從左上角移動到右下角，參見下圖：

古騰堡圖表法

在一些圖片、浮層或者其他一屏可見的頁面布局中，用戶獲取信息總是習(xí)慣從左到右，從上到下，以完成這個頁面的瀏覽。

但并不是四個角都能獲得同等的視覺關(guān)注度，往往作為開始和結(jié)束的對角線位置，會獲得用戶更高的關(guān)注。所以，在這種簡單頁面的布局中，建議將用戶重點關(guān)注的元素和操作，放在左上角的視覺起點和右下角的視覺落腳點，以順應(yīng)用戶的視覺流。

最后再來說一個【中區(qū)偏見】，它指的是位于屏幕中間的位置的元素，更容易獲得人們的注意力。

它的應(yīng)用場景通常是一些相對獨立的元素聚合在一起時，各個元素都有鮮明的特征，形態(tài)各異，百花齊放，但人們往往會首先注意頁面中間的元素。所以，在設(shè)計一些運營類場景畫面時，我們通常把最想用戶關(guān)注的元素放置在頁面中間區(qū)域，以引起用戶的重點關(guān)注。

中區(qū)偏見

元素布局——四大基本布局原則親密、對齊、對比、重復(fù)

細(xì)節(jié)元素的布局設(shè)計，往往是體現(xiàn)一個設(shè)計師專業(yè)性的首要因素。每一個元素的顯示狀態(tài)，和其他元素的相對位置、色彩、形狀等，都蘊含在細(xì)節(jié)設(shè)計中。

好的細(xì)節(jié)元素布局設(shè)計，可以讓用戶在不看內(nèi)容的前提下，對頁面關(guān)系、信息層級一目了然。

根據(jù)Robbins William提煉的四大基本布局設(shè)計原則【親密、對齊、對比、重復(fù)】，我把常用的設(shè)計原則也歸納其下：

親密

親密是指將一個頁面的所有信息按照邏輯進(jìn)行分組，并確定這些組之間的關(guān)系，然后通過組與組之間位置（接近性）和形式（相似性）的親密性來表現(xiàn)這些關(guān)系。

如果多個項相互之間存在很近的親密性，他們就會形成一個整體的視覺單元，而不是獨立的設(shè)計元素，從而為用戶提供簡單清晰的信息結(jié)構(gòu)。

【親密】親密性可以看著是格式塔原理【相似性】和【接近性】的綜合運用，對于有親密性（相似性）的功能，我們通常在布局設(shè)計上，也會考慮位置的親密性（接近性）。

親密性原則建議我們將相關(guān)項放置在一起，因為位置接近就意味存在著關(guān)聯(lián)。我們在設(shè)計時一定要注意，千萬不要把沒有任何共同點的兩個功能放置在一起。

多個親密性的功能/選項在一起排序時，還要考慮【序列效應(yīng)】。因為在列舉信息時，排在最前面和最后面的元素，會比中間的元素更加容易被記住。所以，多個相似元素進(jìn)行排序時，不能僅僅根據(jù)重要程度進(jìn)行線性排序，要考慮序列效應(yīng)，將重要的功能適當(dāng)?shù)氖孜卜植?，可以更好的獲得用戶的關(guān)注，并方便用戶點擊（原因可參見費茨定律）。

對齊

對于設(shè)計師來說，任何兩個元素的位置和對齊方式都是經(jīng)過深思熟慮的。每個元素都應(yīng)當(dāng)與頁面上的另一個元素有某種視覺聯(lián)系。這樣規(guī)律的對齊原則能建立一種清晰的、精巧而且清爽的外觀，讓用戶的視覺流更加順暢，并提高用戶的瀏覽效率。

在所有對齊方式中，我們在界面設(shè)計時，最常用的是左對齊，居中對齊和右對齊相對較少，如果想要在界面中采用居中對齊或者右對齊的方式，一定要考慮這種對齊方式的必要性及特殊意義，而且在整個產(chǎn)品中，貫穿這種對齊原則，讓用戶理解并適應(yīng)產(chǎn)品的對齊方式。

此外，還有一種容易被大家忽略的對齊方式【區(qū)域?qū)R】，當(dāng)需要對齊的元素形狀各異，而且不對稱時，如果采用居左、居右或者居中對齊的方式，會導(dǎo)致視覺重心參差不齊。

這種情況下，就有必要采用【區(qū)域?qū)R】——即中軸線對齊，將要對齊的元素順著中軸線擺放，讓中軸線兩邊的視覺重心或者面積相等，這樣雖然邊線沒有對齊，但整體感覺卻是對齊的。

區(qū)域/中軸線對齊

對比

對比的基本思想是：要避免頁面上的元素太過相似。如果元素（字體、顏色、大小、線寬、形狀、空間等）需要有所不同，那就讓它們截然不同，這與Android的系統(tǒng)提倡的鮮明異曲同工。

重復(fù)

讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)?？梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片等，這樣可以增強模塊與模塊之間的相似性，延續(xù)用戶的瀏覽習(xí)慣和認(rèn)知習(xí)慣，降低用戶的學(xué)習(xí)成本。同時提高信息的獲取效率，也讓頁面整體布局更加統(tǒng)一有節(jié)奏。

適時隱藏

考慮到界面布局的簡潔性和用戶認(rèn)知的局限性，漸進(jìn)式設(shè)計越來越盛行。

這其實就是【適時隱藏】原則的應(yīng)用，把用戶需要的信息和功能在用戶需要的時機適時地展示出來，其他時候則隱藏起來，減少用戶視覺及認(rèn)知負(fù)擔(dān)。

這樣做的原因主要是因為【4±1原則】，用戶一次性能記住的事物上限只有4±1，如果我們提供的信息超過這個上限，用戶就只能記住其中的一部分，就可能無法順利的完成下一步的操作任務(wù)，造成用戶需要反復(fù)操作以確認(rèn)自己的信息。

同時，根據(jù)【希克定律】，我們提供的信息越多，用戶的選擇障礙也就越大，決策時間也越長，反而會促使更多的用戶放棄決策，中斷任務(wù)。

巧妙轉(zhuǎn)移

巧妙轉(zhuǎn)移，一般是指任務(wù)支持多平臺協(xié)作時，將某些復(fù)雜的功能轉(zhuǎn)移至其他平臺進(jìn)行處理，讓各平臺互相聯(lián)動，共同發(fā)力。這對于多平臺聯(lián)動的工具來說非常適用。

此外，巧妙轉(zhuǎn)移，還可以用在用戶任務(wù)和項目任務(wù)的轉(zhuǎn)移。很多時候，我們其實是可以通過項目的開發(fā)或項目人員的后臺處理，來幫助用戶更好的解決當(dāng)前問題，通過將成本轉(zhuǎn)移至項目組，從而降低用戶的使用成本。

不管你采用何種布局形式，采用什么設(shè)計法則，最終完成整體布局和細(xì)節(jié)設(shè)計之后，請一定利用【美即適用】原則進(jìn)行檢驗，看看整體頁面的設(shè)計是否有某種節(jié)奏感和韻律感。一個糟糕的第一印象往往會拒用戶于千里之外，還來不及品味你的內(nèi)容和細(xì)節(jié)，就直接退出了你的產(chǎn)品，所以這一步必不可少。

布局設(shè)計說到這里就告一段落了，下面我們來看一下，另一大類互動設(shè)計。

互動設(shè)計

為了方便大家具體的設(shè)計運用和設(shè)計檢驗，我將所有的互動設(shè)計原則都?xì)w納到互動旅程——操作前有預(yù)期，操作時有反饋，和操作后可撤銷里。大家可以根據(jù)互動的階段，有效的利用以下這些設(shè)計法則進(jìn)行思考和檢驗。

操作前有預(yù)期

為了讓用戶在操作前有預(yù)期，我們可以采用的設(shè)計原則有【隱喻】【一致性】【功能可見性】【易取選擇】【識別勝過記憶】【易掃原則】。

在設(shè)計創(chuàng)造一個新的功能/概念時，我們可以先考慮【隱喻】/【擬物】的設(shè)計手法，借鑒現(xiàn)實生活中的一些元素及模型，來增加用戶對新生事物的熟悉感和操作預(yù)期，這是一種非常有效的設(shè)計方式。各大平臺、軟件最初和現(xiàn)在都在積極的運用這種手法，并取得了顯著的成效。

比如：Window的桌面圖標(biāo)設(shè)計、IOS系統(tǒng)的擬物化設(shè)計、Android系統(tǒng)的material design、QQ的漂流瓶，Whchat的搖一搖，網(wǎng)易的留聲機播放界面等等。

隱喻/擬物其實也是著名的MAYA(Most advanced yet acceptable)原則的應(yīng)用，在設(shè)計中兼顧熟悉性和新奇性，把用戶原本熟悉的事物在一個新的環(huán)境/平臺中進(jìn)行設(shè)計呈現(xiàn)，這樣熟悉而又新鮮的組合——也就是我們常說的創(chuàng)意（舊元素的新組合），往往會帶來意想不到的傳播效果。

對于一個非新生的事物和概念，我們在設(shè)計之前，一定要先了解一下行業(yè)內(nèi)都是如何進(jìn)行設(shè)計表達(dá)的。如果在整個行業(yè)內(nèi)，大家的設(shè)計已經(jīng)形成了某種合理的共通性，那我們在設(shè)計時，應(yīng)遵守【一致性】原則，盡可能借鑒它們的處理方式。

設(shè)計講求創(chuàng)新，但并不需要在所有的地方都創(chuàng)新，更切記不要重復(fù)發(fā)明輪子，對于用戶已有概念的心理模型，我們最好的方式是順應(yīng)而非改變它。就像著名的交互設(shè)計大師諾曼所說，除非有更好的設(shè)計方式，否則就請準(zhǔn)守標(biāo)準(zhǔn)。

要做到操作前有預(yù)期，一個很重要的起點就在于【功能可見性】，如果一個功能對于用戶來說不可見，那么這個功能很有可能等同于不存在。

要做到功能可見性有兩種表現(xiàn)方式：

一是直接可見，即在用戶需要用到此功能的場景/頁面，直觀的呈現(xiàn)該功能入口（這個功能入口最好還要遵守標(biāo)準(zhǔn)化和一致性原則，放在用戶習(xí)慣的位置上，這樣能提升用戶檢索的效率和成功率）。

如果一個功能不能做到在頁面上直觀可見，那么也需要考慮標(biāo)準(zhǔn)化和一致性原則，讓用戶可以根據(jù)自己的經(jīng)驗，沿著特定的路徑尋找到它，這也是標(biāo)準(zhǔn)化和一致性設(shè)計的功勞，雖然在用戶眼前不可見，但在用戶的心理是可見的。

【識別勝過記憶】和功能可見性類似，只是應(yīng)用的對象有所區(qū)別（通常指信息而非功能）對于當(dāng)前頁面用戶需要的決策信息，應(yīng)該直接羅列出來，而非讓用戶去其他界面查找。

因為工作記憶的局限性，和環(huán)境的干擾性，用戶可能會快就會丟失掉剛剛獲取的信息，在需要用戶決策的頁面，直接呈現(xiàn)相關(guān)的決策信息，可以有效的降低用戶的決策成本和操作負(fù)擔(dān)，這也是【易取】原則的具體應(yīng)用之一。

【易取】原則在【功能可見性】的基礎(chǔ)上，還提出了更高的要求——易取。不但可見，還要易取，查找路徑、操作路徑都要盡可能的短，盡可能的減少用戶的認(rèn)知負(fù)擔(dān)和操作成本。

【易掃】原則主要是前面布局設(shè)計中提到的，要將界面布局按照經(jīng)典和一致的布局結(jié)構(gòu)進(jìn)行設(shè)計，讓用戶可以根據(jù)自己的經(jīng)驗和習(xí)慣，直接在特定位置上找到需要的信息，而不是每打開一個界面，都要重新思考和掃描全屏去獲取信息。

操作時有反饋

當(dāng)用戶進(jìn)行操作時，最重要的設(shè)計原則是【用戶控制原則】。

為了達(dá)到這個目標(biāo)，我們在設(shè)計過程中要時時刻刻以用戶為中心，并采用一系列的細(xì)分設(shè)計原則，才能真正讓用戶產(chǎn)生控制感。

第一是【采用用戶的語言】，以用戶可以理解的語言進(jìn)行信息表達(dá)，讓用戶可以很有信心的理解并選擇對應(yīng)的信息進(jìn)行認(rèn)知加工和操作。

第二是【專注于用戶任務(wù)，而非技術(shù)】，并【為常見情況而設(shè)計】，盡可能簡化用戶頻繁操作的任務(wù)流程，并根據(jù)用戶的目標(biāo)任務(wù)進(jìn)行界面設(shè)計，把任務(wù)流程按照用戶的心理模型進(jìn)行組織，而非技術(shù)或系統(tǒng)模型的直接外顯。

在信息設(shè)計中，還要注意【傳遞信息，而非數(shù)據(jù)】，把系統(tǒng)運行的內(nèi)在數(shù)據(jù)和狀態(tài)，轉(zhuǎn)化成用戶可以看懂的信息，涉及到計算時，直接為用戶呈現(xiàn)計算的結(jié)果。涉及到操作時，考慮【費茨定律】，時時刻刻以用戶為中心，不要讓用戶思考，也不要讓用戶勞累，能省則省，能簡則簡。

當(dāng)用戶與產(chǎn)品發(fā)生交互行為時，發(fā)生交互行為的元素要實時響應(yīng)用戶的行為，并將這種響應(yīng)狀態(tài)以直觀的形式表現(xiàn)出來——即反饋的【狀態(tài)可見性】。

如果當(dāng)前元素不便于直接發(fā)生變化，需要有其他新元素來體現(xiàn)反饋的狀態(tài)，則新元素出現(xiàn)的位置首先要遵從【就近原則】，盡可能在操作元素附近1~2cm范圍內(nèi)出現(xiàn)，以保證用戶能夠注意到它。

同時，新元素狀態(tài)還要遵守【環(huán)境貼切原則】，以合適的形式進(jìn)行展現(xiàn)，以符合用戶的心理預(yù)期。當(dāng)用戶的操作涉及到多個元素時，多個元素要同時出現(xiàn)響應(yīng)狀態(tài)，即符合【共同命運】原則。

在用戶與產(chǎn)品發(fā)生交互時，如果用戶可能會犯錯，就一定會有用戶犯錯，所以我們在設(shè)計時，要優(yōu)先考慮是否有更合理的設(shè)計，可以避免用戶犯錯——即【防錯原則】。

比如：選擇將來的日期時，控件范圍就只能從將來開始，從而避免用戶選擇過去的日期。同時，如果無法在設(shè)計上避免用戶犯錯，我們則可以采取一定的【容錯原則】，盡可能包容用戶的錯誤，并提供正確的反饋及結(jié)果，比如輸入銀行卡號時，可以自動忽略卡號中間的空格等。

操作后可撤銷

操作后可撤銷即【撤銷重做原則】，顧名思義，指的是：任何時候，我們都應(yīng)該給用戶提供反悔的機會，讓用戶可以取消剛才的一個甚至一系列的操作行為。

這樣可以讓用戶更有安全感，可以毫無顧慮的自由探索我們的整個產(chǎn)品。這種安全感既可以增強用戶探索的廣度，也可以提升用戶體驗的深度，對于提升用戶對產(chǎn)品的安全感和滿意度非常有助益。

設(shè)計師常用的設(shè)計原則就介紹到這里啦，作為設(shè)計師的你，是否還有你常用的其他設(shè)計原則呢，歡迎留言一起交流哦~~

本文由@悅悅兔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。