先思考一個問題——

其實不難理解，

方法論通常涉及對問題各方面的論述，包括環(huán)境、階段、任務、目標、工具、方法、技巧等。通過一系列具體的分析研究、系統(tǒng)總結(jié)并最終得出較為一般性的通用原則。

再來思考下一個問題——

相信絕大多數(shù)設計師心里都有一個標準的答案——

學習方法論的目的是提升人們解決問題的能力，特別是在陌生領(lǐng)域嘗試跨界的時候，應用方法論可以帶來信心和有趣的過程。這有點像小時候老師經(jīng)常說的“舉一反三”，通過一件事情，然后以此類推知道其它許多事情，通過現(xiàn)象看本質(zhì)。

形式上表現(xiàn)為方法論一般不能直接解決具體問題，只能提供一套找到解決方案的思路，最終是通過方法論和具體問題的結(jié)合產(chǎn)出解決方案。

了解了方法論這個概念之后，我們再來進階細化去探討「設計方法論」

設計是一項偏感性的創(chuàng)意性工作，對于方法論這類偏理性的理論，也許會有一些設計師存有疑惑——

對設計師來說，這是個很常見的一個場景：設計師與需求方面對有分歧的設計的時候，作為需求方不能準確描述問題所在，只有說“不好看”。設計師經(jīng)常會被需求方以“不好看”理由虐待，不停的在修改設計稿，度過了一個又一個加班的夜晚。可作為設計師的你卻找不到明確的理由去說服需求方，除了生氣、苦惱、罵需求方傻逼，最后只能背負著設計師的稱號，卻憋屈干著美工的活。

所以，設計師學習方法論是很有必要——

用方法論來武裝自己，助力提升設計價值。

了解了什么是方法論，也認識到設計師學習方法論的重要性，接下來開始進入干貨環(huán)節(jié)了。

是不是迫不及待了，先看第一個——

菲茨定律用數(shù)學公式表示：

從一個起始位置移到一個最終目標所需時間（T），由到目標中心的距離（D）和目標的寬度（W）決定。

簡單的理解，那就是——

設計師們看到這里，是不是對菲茨定律又有疑惑？

目前存在三種主流人機交互的方式：觸摸式、語音識別和體感。在設計行業(yè)，無論是桌面端的鍵鼠操作，還是移動端的手勢觸屏，觸摸式依然是目前主流的交互方式。

對設計師而言，研究菲茨定律，就是研究如何縮短觸摸式操作流程時間，最終實現(xiàn)高效舒適的用戶體驗。

舉幾個菲茨定律應用的示例。

用Mac電腦的小伙伴對這個操作應該不陌生吧，就是應用了菲茨定律邊角無窮大原理去設計的人機交互。

手機來電的界面，很熟悉的操作吧，解鎖時來電點擊接聽，鎖屏時避免手機在口袋的時候突然來電，掏出手機時誤點擊接聽，應用菲茨定律反向應用，需要滑動到達目標，提高完成操作的難度，真是微妙又具備人性化的設計體驗！

大家記住菲茨定律的關(guān)鍵字：目標越大、距離越小，越容易操作。

接下來，看看第二個方法論——

一般情況下，用戶在進入一個網(wǎng)頁、一個APP，或者閱讀文章等，習慣性瀏覽方式基本是從左到右、從上往下的眼球Z型軌跡進行瀏覽。尼爾森曾對232名用戶對上千個網(wǎng)站的瀏覽習慣進行觀察，發(fā)現(xiàn)了普遍瀏覽者都存在的閱讀習慣：極少逐行逐字閱讀文字，越往下關(guān)注度越低，只尋找開頭的興趣點，如果發(fā)現(xiàn)喜歡的，會從當前位置水平線方向閱讀，整體瀏覽軌跡呈現(xiàn)F型，這個就是尼爾森F視覺模型。

可以簡單用下圖來概括——

看完這個模型，設計師會不會有疑惑？

了解用戶的閱讀習慣，設計師在進行界面設計、信息排版的時候，結(jié)合F視覺模型，能更加有效直接傳達關(guān)鍵信息。

我們常見的廣告文案的排版，基本都遵循F視覺軌跡去做排版，關(guān)鍵信息往左上去排，目的是更高效去傳達信息。

為了避免F瀏覽模式導致版面的右下角信息易忽略，設計師會通過混合排版的方式，打破固有的結(jié)構(gòu)，有效避免F瀏覽模式導致的視覺疲勞。

總結(jié)起來，尼爾森F視覺模型的重點，一個是利用F視覺模型去有效傳達信息，另一個是通過混合排版避免F瀏覽模式導致的視覺疲勞。

接下來，我們開始學習下一個方法論——

從字面的意思去理解：就是用直尺和圓規(guī)去畫圖。

理解了什么是尺規(guī)作圖，接下來思考一個問題——

首先說明幾點理解誤區(qū)，尺規(guī)作圖不是為了裝逼而后期硬加上，也不是檢驗設計優(yōu)秀與否的標準。尺規(guī)作圖真正的意義，是一開始就用尺規(guī)嚴格規(guī)范設計，是對設計細節(jié)把控的輔助技巧，特別是對于像素級別嚴謹?shù)慕缑嬖O計，嚴格摳細節(jié)到每一個斜角、圓弧、間距、弧度都要做到統(tǒng)一美觀。比起自己手動用鋼筆工具去畫和調(diào)瞄點，用幾何圖形去切既準確又快速，從整體到細節(jié)無一不充分體現(xiàn)設計師“工匠精神”。

怎樣通過尺規(guī)去作圖呢？

布爾運算是尺規(guī)作圖的關(guān)鍵，做設計的都應該不陌生，就是圖形的聯(lián)合、相交、相減組成新的形狀。

舉幾個經(jīng)典的尺規(guī)作圖的案例——

最常見的一個場景：商標設計。

另一個也很常見的場景：圖標設計。

總結(jié)下尺規(guī)作圖的關(guān)鍵點：從設計應用的角度去看，尺規(guī)作圖是一種象征嚴謹?shù)妮o助性技巧。

接下來，我們來學習第四個方法論——

設計師對這個理論應該一點都不陌生。

關(guān)鍵字是0.618。

黃金分割比例還衍生兩個新的視覺模型——

怎么理解黃金分割比例的實際應用？

跟前面提到的尺規(guī)作圖很相似，黃金分割比例不是為了裝逼而后期硬加上，更不是檢驗設計優(yōu)秀與否的唯一標準，更多是作為輔助參考的線性模型。事實上，我們的大腦似乎本能地更喜歡使用黃金比例的對象和圖像，是被公認為最具美感的比例。這幾乎是一個潛意識的力量，以至于哪怕為圖像作更接近黃金比例的微妙調(diào)整，對我們的視覺美感也有很大正面影響。

怎么去使用呢？

舉幾個例子，黃金分割比例模型一般常用于非軸對稱的廣告設計。

界面設計也會參考黃金分割比例去制定尺寸，讓整體視覺更協(xié)調(diào)、更具美感。

通過以上案例分析，能深刻學習到黃金分割比例的應用意義，它更多是一種輔助參考的模型，通過更接近黃金比例的調(diào)整，哪怕是微妙的，也能對我們的視覺美感有很大提升。

打鐵趁熱，我們繼續(xù)學習下一個方法論——

跟黃金分割比例很相似，但又有所區(qū)別。

在上面展示的模型的基礎(chǔ)上，把關(guān)鍵信息的重心分布在四個交點上，或者黃金分割線上，這樣更符合人的審美習慣，達到突出主題并讓畫面更協(xié)調(diào)的目的。

跟前面提到的尺規(guī)作圖和黃金分割比例一樣，三等分構(gòu)圖更多是作為輔助參考的線性模型。該模型應用在攝影或軸對稱的排版比較多，目的是為了突出主體，讓版面平衡感更強。

我們來看幾個案例加深理解——

也可以應用在非軸對稱的信息排版設計中。

界面設計工作中，我們也常常借助三等分模型去輔助排版，讓版面更加平衡，突出主體，視覺感更符合主流審美。

舉個空狀態(tài)頁面的例子，一般情況下，絕大多數(shù)設計師都是憑感覺去做排版——

是不是感覺總有那么一丟丟畫面的重心往下掉？

套入三等分模型優(yōu)化后，只需要往上移動空狀態(tài)圖標那么點高度到黃金分割線上，是不是就感覺整體視覺平衡感更加協(xié)調(diào)了呢！

到這里已經(jīng)分享了5個方法論，個個都是信息量滿滿的，小伙伴們一定要好好吸收，并能應用到我們設計中哦。

接下來繼續(xù)下一個——

從字面的意思去理解，就是人的眼睛可觀察到角度和視野清晰度的關(guān)系。看下水平視線和垂直視線的模型。

從上面圖例可以了解到一個關(guān)鍵信息——

比如桌面端大屏幕、大尺寸畫布印刷品等可視范圍大、人眼無法一目了然的設計，要想保證最優(yōu)視覺傳達體驗，瀏覽者一眼關(guān)注到關(guān)鍵信息，就需要綜合考慮人眼視度的應用。

人眼平視最佳轉(zhuǎn)動區(qū)在30-60°，垂直視線最佳轉(zhuǎn)動區(qū)為30°，超過30°的區(qū)域就看不清楚了，需要轉(zhuǎn)動脖子才能看清。所以，要想快速抓住用戶視線，就要保證設計焦點在精準區(qū)內(nèi)，從而鎖定用戶視線，達到最優(yōu)視覺體驗。

怎么去計算30°人眼精準識別區(qū)呢？

我們可以把這公式應用到很多場景，比如網(wǎng)頁設計，我們設計的顯示區(qū)域要設置多大的尺寸，用戶瀏覽網(wǎng)頁的視覺體驗比較好？

還可以應用在一些線下物料的設計，比如X展架，我們了解了人眼精準識別區(qū)間，可以在進行設計過程中，把關(guān)鍵信息集中在精準識別區(qū)內(nèi)，快速抓住用戶視線。

目前無論是屏幕尺寸，還是分辨率都越做越大，但是依然有很多知名的網(wǎng)站，為保證最優(yōu)的閱讀體驗，最大板塊展示寬度依然設置在人眼識別區(qū)內(nèi)。

以上案例說明，學習人眼視度的理論，可以輔助設計師更加有效進行信息排版布局。

接下來我們繼續(xù)來學習下一個理論——

大家看這個理論的名稱，可能感覺比較陌生，但實際上卻是一個很常見的一個方法論，相信看到下面模型就豁然開朗了。

也叫做四象限（十字）模型，最初建立該模型是用于做時間管理計劃，把自己要做的事都放進去，然后先做緊急重要那一象限中的事，用來提升工作效率。

實際上，我們也可以通過四象限（十字）模型用來處理時間管理以外的事，比如界面設計。

當設計師面對一個元素較多的界面的時候，可以通過該模型，有效快速化繁為簡，分清主次，同時結(jié)合其他設計原理，最終使界面的設計表現(xiàn)更符合用戶操作體驗。

關(guān)鍵字就是——

舉個應用實例，我們嘗試去優(yōu)化下支付寶的螞蟻莊園。

個人覺得目前的螞蟻莊園操作按鈕布局層面上存在幾個明顯的問題：可操作的按鈕越來越多，可玩性越來越高，相對操作就越來越復雜，對新手友好度越來越低，甚至有些重要且高頻的操作放在了不易點擊的區(qū)域，比如加速喂食速度的道具按鈕等等。新人第一次進去游戲，可能最大的感覺，我是在哪里？我要干什么？得花不少時間點擊操作去熟悉，甚至要仔細閱讀操作說明才能弄懂規(guī)則。這次優(yōu)化的方向，是做到“奶奶都會玩”的用戶體驗程度。

首先分解布局層元素。

然后建立十字模型，分為重要和操作頻率兩個維度，把界面功能操作進行分組，再排優(yōu)先級分布放在四個先后等級象限內(nèi)。

結(jié)合前面學習的菲茨定律，按優(yōu)先級先后把操作按鈕放進去操作熱區(qū)模型，重要且高頻的操作放在易操作的區(qū)域內(nèi)，最后優(yōu)化完的布局層，視覺上更具備游戲易操作的特性，對新手友好度提升，奶奶都不用看說明就知道怎樣玩了吧。

這是個典型的結(jié)合多個方法論去解決問題的案例。

接下來繼續(xù)學習下一個方法論——

怎么去理解配色黃金法則呢？

氛圍色

可以理解為背景色，一般選用中性（黑白灰）或帶灰調(diào)的色彩，不會搶占過多視線，起到烘托氛圍效果。

輔助色

可以理解為配角色，相當于催化劑，在背景色中有存在感，但又能加強主強調(diào)色的視覺效果。可以不保留，配色比例可以調(diào)整成80%氛圍色、20%強調(diào)色，即82法則。

強調(diào)色

可以理解為主角色，簡單來說，它就是萬綠叢中一點紅，人群中你最愛的那個墻頭！大膽用那些妖艷賤貨色彩吧，大紅大綠大紫，想用就用！當然了，設計一般以品牌色為主，可以單色，也可以雙色組合或漸變色。

該理論不僅僅是廣告界的寵兒，實際上——

色彩除了表達情緒、承載品牌信息外，更多是在構(gòu)成版面設計的同時，形成對比，突出關(guān)鍵信息。不同色彩比例的組合，特別是在需要展示的信息較多的應用界面，需要考慮如何在有限的版面更直觀、更高效傳達重點信息，并能給瀏覽者留下深刻的記憶。

越來越多的APP也逐漸參考6/3/1配色黃金法則進行配色，以60%灰調(diào)背景、30%信息傳達、10%強調(diào)色的黃金比例組合。在有效傳達關(guān)鍵信息的前提下，10%的強調(diào)色更是承載了品牌信息的同時又不破壞整體視覺重心，起到畫龍點睛的作用。

舉一些應用實例——

我們再來對比下，同一個界面，但是不同的色彩比例，按照6/3/1法則配色的方案是不是最佳的選擇？

很明顯的，左側(cè)配色方案過重的強調(diào)色有點畫蛇添足，甚至是喧賓奪主的感覺；右側(cè)方案比例的強調(diào)色，起到畫龍點睛的作用，保證了界面信息高效傳達的同時，又不破壞整體視覺重心。這也證明了配色黃金比例的實用性是經(jīng)得起考驗的！

已經(jīng)分享完8個方法論了，接下來這個方法論，除了排序是第9個，內(nèi)容其實跟“9”也有關(guān)系的，繼續(xù)往下看——

什么是米勒7±2法則呀？

為了更加深刻去理解這個理論，先來思考回答下面幾個問題——

以上兩個問題的目的，是做個小實驗證明大家記憶手機號碼或身份證號碼的方式，實際上都是大同小異的——

在生活中，我們經(jīng)常會把一長串的數(shù)字分割成7個左右的數(shù)組來記憶。

這樣會使記憶難度降低很多，米勒稱這種單位為“組塊”。我們學英文時由字母到單詞，由單詞到短句，有短句到長句的記憶方式也是利用7±2法則，將零碎信息變成組塊記下來的。

米勒法則怎樣應用到設計中？

舉幾個例子——

以上案例可以看出來，米勒7±2法則，幾乎是業(yè)界不成文的定律，應用在設計的各個領(lǐng)域。我們設計師在設計過程中，也要盡量去遵守，才能更加有效傳達信息。

到這里，全部9個理論已經(jīng)分享完了，回應上面提到的米勒7±2法則，事不過“9”嘛！

最后，再跟大家啰嗦一下方法論之外的話題——

作為設計師，我們首先要清楚，我們的職業(yè)和職責是什么？

也許會有人疑惑：“前面提到那么多方法論，似乎很多都是偏向交互崗位的，跟界面設計或視覺設計關(guān)系不大呀！”。如果從事設計的同學也有這樣的感想的話，這說明一點，對自身工作的認識還不夠深。界面設計師除了加強本身表現(xiàn)層設計水平外，更應該在交互結(jié)構(gòu)層的基礎(chǔ)上，最大化優(yōu)化布局層，最終目的是達到最優(yōu)視覺體驗效果，而不是僅僅停留在表現(xiàn)層面。

除了學習設計方法論，還有一些知名設計心理學，比如尼爾森原則、格式塔原則等等也應該熟讀掌握。在工作中我們應當把這些定律巧妙運用到設計中，結(jié)合設計方法論，貫穿在我們的UI設計中，最終設計出用戶體驗好的作品。

那么，問題又來了——

我們可以參考以下的金字塔模型來考核自己——

記住關(guān)鍵的點，我們是做商業(yè)設計的設計師，商業(yè)價值是結(jié)果，是建立在設計師專業(yè)認可、普遍用戶認可的基礎(chǔ)上實現(xiàn)的。

設計方法論，讓你的設計有理論支持，讓你設計思維更專業(yè)，助力提升設計商業(yè)價值。