1、組件化設(shè)計(jì)
盡量使用模塊化的設(shè)計(jì)方式，復(fù)用已經(jīng)設(shè)計(jì)好的組建，提高設(shè)計(jì)效率，減少用戶的學(xué)習(xí)成本。
主要是一些通用組件，比如對話框、表單控件、常用列表等等，在設(shè)計(jì)這些組件的時(shí)候就應(yīng)該考慮好可能要用到情況，提高兼容性。
有時(shí)間話制作專門的組件庫，可以給不同人員或部門的人使用，也可以作為產(chǎn)品的規(guī)范，甚至是產(chǎn)品矩陣的規(guī)范。
2、設(shè)計(jì)稿的視覺效果和成品的差別
即使開發(fā)百分百完還原了設(shè)計(jì)稿，出來的產(chǎn)品的視覺效果和設(shè)計(jì)稿還是有區(qū)別。更不要說，一般的程序壓根就沒有心思去還原你的設(shè)計(jì)稿。另一種情況是，前端做完以后，和你說這個(gè)效果在技術(shù)上無法實(shí)現(xiàn)，也很讓人抓狂。一方面是缺少溝通造成的，另一方面是設(shè)計(jì)師也要弄一些技術(shù)（才不會(huì)被程序坑）。
不同設(shè)備的差別，主要包括尺寸的差別和顯示的差別，顯示的差別又包括色彩的鮮艷程度、亮度、溫度等等的差別。同一個(gè)界面，兩個(gè)設(shè)備出來的效果可能是完全不同，所以要多試試不同的設(shè)備，使用比較能代表大部分用戶的設(shè)備作為參考（比如三星蘋果）。
單位不同（PX和DP），和上一條設(shè)備相關(guān)，不同的設(shè)備DP和PX的換算關(guān)系是不同的，設(shè)計(jì)師只能把某一個(gè)尺寸作為設(shè)計(jì)稿的標(biāo)準(zhǔn)（為了節(jié)約開發(fā)成本和設(shè)計(jì)成本），所以我們的設(shè)計(jì)是理想化的設(shè)計(jì)，這也說明了為什么實(shí)現(xiàn)的界面總是比我們的設(shè)計(jì)稿要差。也許，是時(shí)候拋棄“糾結(jié)每一個(gè)像素”的老久觀念了。
自適應(yīng)布局，沒有寫過WEB的設(shè)計(jì)師會(huì)比較難以理解這東西?？赡苡行┡笥巡焕斫猓赃m應(yīng)布局就是一張網(wǎng)，當(dāng)網(wǎng)被擠成一小塊的時(shí)候，網(wǎng)孔很小，當(dāng)網(wǎng)被拉大的時(shí)候，網(wǎng)孔隨著網(wǎng)一起變大，這就是自適應(yīng)很簡單吧。實(shí)際上自適應(yīng)不是什么新潮的玩意，老外早就把這東西玩過了。自適應(yīng)布局更加要求設(shè)計(jì)師“不要糾結(jié)每一個(gè)像素”，像素是一個(gè)絕對單位，在這個(gè)多設(shè)備共存的時(shí)代，我們更加需要的是相對單位（扯遠(yuǎn)了）。在設(shè)計(jì)的時(shí)候，我們應(yīng)該更多的考慮相對位置，相對長度，相對大小。
移動(dòng)端效果，拿在手上和放在電腦里面的看的效果真的是完全不同的，做完了設(shè)計(jì)稿以后，導(dǎo)出到手機(jī)看看，或許不是你想要的東西。
以最終的設(shè)備顯示效果為準(zhǔn)，這是我們的最終目標(biāo)，是你的價(jià)值的最終體現(xiàn)，設(shè)計(jì)稿再牛，實(shí)現(xiàn)出來的東西貨不對版一樣是設(shè)計(jì)師的責(zé)任。
3、定義色值規(guī)范
分為彩色和無彩色，無彩色的選擇相對簡單一些，無彩色主要用于區(qū)分文字的重要程度，需要給用戶閱讀提供層次感。選色要注意，保證在不同設(shè)備都是可以閱讀的。彩色的選擇，主色的選擇決定了80%的效果，一般來說至少需要一個(gè)主要的輔助色，其他的顏色都是點(diǎn)綴作用。
在做設(shè)計(jì)的時(shí)候，往往是到了需要的時(shí)候才去增加一個(gè)配色，導(dǎo)致一個(gè)問題就是配色越來越多，越來越亂。也許設(shè)計(jì)師一開始只配了4個(gè)顏色，最后加到了7種，這就需要設(shè)計(jì)師要有預(yù)見性，甚至提前準(zhǔn)備好可能用得到的配色，如果沒有用到則先放著，而不是設(shè)計(jì)到一半的時(shí)候急急忙忙去找色。另外就是用色需要克制，需要色彩的時(shí)候，再三思考，是否需要色彩，是否需要增加一個(gè)新的色彩，使用已經(jīng)有的色彩行不行。
4、移動(dòng)端的配色不可套用平面設(shè)計(jì)的配色
在移動(dòng)端配色時(shí)候，我們會(huì)打開配色網(wǎng)站，挑選符合應(yīng)用氣質(zhì)的配色組，然而這組配色很難套用到界面元素里，原因在于配色組的靈感來源大多是平面作品，平面作品的色彩面積是鋪滿整個(gè)作品的，而移動(dòng)端應(yīng)用更多的是為了呈現(xiàn)內(nèi)容。這也是為什么我不提倡“過多設(shè)計(jì)”設(shè)計(jì)稿，好看的設(shè)計(jì)稿都是經(jīng)過內(nèi)容賽選，精心組織的，和真實(shí)項(xiàng)目差很遠(yuǎn)?；氐脚渖膯栴}，和平面設(shè)計(jì)一樣，移動(dòng)端的配色體現(xiàn)了品牌的氣質(zhì)、帶給用戶的視覺感受。不同之處在于，移動(dòng)端的主色一旦確定了再想更改就很難，需要在一堆應(yīng)用里突圍，需要符合使用人群的預(yù)期，需要更好的承載信息，需要被不同地域的人接受。輔助色需要符合功能要求，視覺體驗(yàn)次之。
5、ICON以視覺效果為準(zhǔn)
ICON在應(yīng)用中一方面起到提示的作用，另一方面還起到修飾的功能，使得應(yīng)用不那么單調(diào)。繪制ICON基本要求還是統(tǒng)一，尺寸統(tǒng)一，描邊粗細(xì)統(tǒng)一，圓角統(tǒng)一，轉(zhuǎn)角統(tǒng)一，風(fēng)格統(tǒng)一。具體制作的時(shí)候也需要“見機(jī)行事”，尺寸并不是定死了的（預(yù)留一點(diǎn)空隙以便調(diào)整），以視覺效果的統(tǒng)一為目標(biāo)，例如同等尺寸的圓形和正方形在視覺上就不等，需要我們手動(dòng)調(diào)整，這里沒有固定的套路，憑設(shè)計(jì)師的協(xié)調(diào)感。
6、站在開發(fā)的角度上思考布局
使用固定大小還是自適應(yīng)布局，還是根據(jù)內(nèi)容的多少改變大小。效果給到開發(fā)能否做出來，是不是要耗費(fèi)大量的時(shí)間開發(fā)，加載性能如何。
這么做有連個(gè)好處，一個(gè)可以照顧開發(fā)的感受，不會(huì)做出一些奇葩的設(shè)計(jì)，為難我們的開發(fā)（并且被鄙視）。還有提高自己的程序思維，說白了就是邏輯思維。
比如一個(gè)界面需要做一個(gè)滑動(dòng)消失效果，一般我們和開發(fā)說向上滑動(dòng)，導(dǎo)航欄消失就好了?；鼓睦锵?，怎么消失，是縮小消失還是透明消失，消失的數(shù)值和滑動(dòng)的數(shù)值之間是什么函數(shù)關(guān)系。這個(gè)東西在Origami里面會(huì)用到，這里就不攤開說了。不要把所有問題都留給開發(fā)，其實(shí)很可能是我們沒有把問題想清楚。
7、從整體到細(xì)節(jié)
避免一開始就糾結(jié)細(xì)節(jié)，不要一開始就糾結(jié)按鈕的樣式，先考慮清楚按鈕是不是必要的，有沒有其他代替的方案，用戶能不能理解按鈕的功能。
優(yōu)先考慮整體，界面是否協(xié)調(diào)，功能是否表達(dá)清楚，樣式是否統(tǒng)一。其次考慮細(xì)節(jié)，最后再回到整體，過程為：整體-細(xì)節(jié)-整體。
記住一點(diǎn)，如果第一印象不好，沒有人會(huì)再注意細(xì)節(jié)。
8、概念搞不具有很強(qiáng)實(shí)際意義
概念搞一般只有幾個(gè)界面，設(shè)計(jì)人很可能沒有考慮清楚邏輯，產(chǎn)品的定位，商業(yè)價(jià)值等等。可以作為參考，但不具有很強(qiáng)的實(shí)際意義。
概念搞更像是平面設(shè)計(jì)作品，作為展示，設(shè)計(jì)師難免花了太多心思在平面上，可能只要三兩句話就能表達(dá)的東西，平面作品卻難以表達(dá)。
9、熟悉設(shè)計(jì)模式
設(shè)計(jì)模式具有很好參考價(jià)值，分辨不同設(shè)計(jì)模式之間的區(qū)別。對于有一定歷史的模式，應(yīng)該熟練使用，優(yōu)先使用。
10、設(shè)計(jì)風(fēng)格給人什么感覺
產(chǎn)品整體表現(xiàn)出來的氣息。體現(xiàn)專業(yè)感還是體現(xiàn)親近感，體現(xiàn)藝術(shù)感還是體現(xiàn)科技感，需要結(jié)合產(chǎn)品的定位、人群來考量。需要很強(qiáng)的整體把控能力。
設(shè)計(jì)風(fēng)格不是A就是B，不要想要顧及A又顧及B，這樣只會(huì)失去A又失去B。大眾風(fēng)格理論上能夠兼容大部分用戶，同時(shí)也失去了個(gè)性化。
11、不斷整合更新你的設(shè)計(jì)文件
移動(dòng)產(chǎn)品的設(shè)計(jì)是和程序一樣需要不斷迭代的，新的設(shè)計(jì)不斷代替老的設(shè)計(jì)，有生命力的產(chǎn)品不斷地更新進(jìn)化，失敗的產(chǎn)品走向死忙，也就不需要更新了。所以說，好的移動(dòng)產(chǎn)品永遠(yuǎn)沒有最終設(shè)計(jì)稿。
使用sketch可以輕松的HOLD住你的設(shè)計(jì)文件，排列畫板這種細(xì)節(jié)也很重要，否則當(dāng)畫板數(shù)量達(dá)到五、六十個(gè)的時(shí)候，尋找畫板將會(huì)變得困難，最簡單的辦法是按照模塊來排列畫板。我在整理圖層的時(shí)候，首先會(huì)編組并命名一些大的模塊，對于很多重復(fù)的元素則不會(huì)一個(gè)個(gè)的單獨(dú)命名，以提高效率。還有一個(gè)專門的區(qū)域放置數(shù)十個(gè)ICON畫板，這樣有利于我統(tǒng)一管理所有ICON，在界面需要的時(shí)候可以隨時(shí)拉取。可能還會(huì)有一些特殊畫板，比如banner畫板、規(guī)范畫板、配色畫板等等，按照你的需要，怎么順手怎么擺放。
畫板的命名，和寫程序類似，必須唯一不能重復(fù)，否則會(huì)亂。圖層的命名，避免無意義的數(shù)字或者代號，盡量使用大家都能懂的，這樣在文件交接的時(shí)候可以避免很多麻煩，也是對其他同事負(fù)責(zé)。
當(dāng)文件變得越來越大的時(shí)候，打開的速度和使用的過程會(huì)變得很卡，建議分離一些圖片很多又不會(huì)經(jīng)常用到的部分，形成兩個(gè)文件，一個(gè)是常用文件，一個(gè)是附屬文件。
每隔一段時(shí)間備份你的重要文件，使用云盤或者移動(dòng)硬盤，否則你的電腦硬盤會(huì)滿掉。
有序的排列你的設(shè)計(jì)，使用良好的命名，保證你在很久以后依然可以輕松使用他。在產(chǎn)品迭代的過程中不斷更新整理，發(fā)現(xiàn)遺漏的地方。也許過一段時(shí)間回頭看自己設(shè)計(jì)的界面的時(shí)候，會(huì)發(fā)現(xiàn)新的東西。
