設(shè)置
【首選項(xiàng)】中的設(shè)置
PS中的設(shè)置
常用模數(shù)（手機(jī)端别伏、PC端）
模數(shù)的概念：
在建筑設(shè)計(jì)中课舍，通常選定的標(biāo)準(zhǔn)尺寸單位坛猪，所有的建筑材料蛙紫、制品都以此標(biāo)準(zhǔn)尺寸長度進(jìn)行協(xié)調(diào)進(jìn)行設(shè)計(jì)。從而達(dá)到統(tǒng)一郁油、美觀本股、標(biāo)準(zhǔn)的設(shè)計(jì)目的。同樣的思路也可以被引用在網(wǎng)頁桐腌、app設(shè)計(jì)當(dāng)中拄显。
iOS：
iOS通常的設(shè)計(jì)都是在@2x分辨率下進(jìn)行，通常以2px作為倍數(shù)作為基本模數(shù)即可案站，基本可以參照Android的設(shè)計(jì)模數(shù)進(jìn)行調(diào)整躬审。但注意：在iOS中常用到而Android設(shè)計(jì)中不會用切圖大小 44px × 44px。
Android：
Android因?yàn)榉直媛时容^多，需要考慮不同分辨率的大小承边。因此在設(shè)計(jì)中通常使用xxhdpi作為常用分辨率進(jìn)行設(shè)計(jì)遭殉。通常使用8px作為基本模數(shù)。
因此在做Android的圖標(biāo)設(shè)計(jì)時(shí)博助，icon切圖通常是：
40px × 40px
48px × 48px
64px × 64px
72px × 72px
元素距通常用：64px险污、48px、32px
字體常用：32點(diǎn)富岳、40點(diǎn)蛔糯、48點(diǎn)、60點(diǎn)
總體來說窖式，都是以8作為基本模數(shù)來進(jìn)行設(shè)計(jì)蚁飒。通常來說，按照此標(biāo)準(zhǔn)做出來的設(shè)計(jì)會比較規(guī)整萝喘。
Web：
Web相對于App的不同在于承載的物理屏幕淮逻，在web中，我們通常以5作為最小的模數(shù)單位阁簸。而常用的多是10px爬早、20px...等5的倍數(shù)。
工具
【移動工具】的 自動選擇 功能
建議使用【自動選擇-圖層】强窖，因?yàn)橄鄬碚f凸椿，【群組】的選擇是比較少的。
【位移工具】V工具配合【直接路徑選擇工具】A 的使用
在zcool中看到有小伙伴提出不建議用【位移工具】的自動選擇翅溺，原因是會無操做脑漫，選擇到許多其他圖層。但是作者比較喜歡用【位移工具】配合【直接路徑選擇工具】來使用咙崎。
通常我們需要用到【位移工具】的時(shí)是因?yàn)槲覀冃枰?** 對圖層進(jìn)行位移操作 **优幸，那么可以分為，以下幾種情況
-
單一圖層移動
單一圖層的移動褪猛，建議使用【移動工具】簡單處理即可网杆。
此處應(yīng)配圖
-
僅有多圖層移動（可框選范圍）
比如在web設(shè)計(jì)中，通常我們會遇到需要選擇一個(gè)頁面中的一整個(gè)模塊進(jìn)行位移伊滋，這時(shí)候最方便的不是去打開【圖層】面板找圖層碳却，而是直接用【移動工具】直接左擊鼠標(biāo)按住拿出一個(gè)選框，被選框選中（哪怕只是局部選中）的圖層會可以直接進(jìn)行移動笑旺。當(dāng)然昼浦，這時(shí)候如果有部分icon或者其他元素需要增減進(jìn)移動的范圍，那么可以配合右鍵選擇+shift或者ctrl使用筒主。
此處應(yīng)配圖
-
僅有多圖層（不在同一框選范圍）
此處應(yīng)配圖
-
有不可見或者復(fù)雜圖層移動——放在最后因?yàn)槭谴笳邪关噪。鸟蟹。。?/h5>
有時(shí)候我們在作圖過程中很難免的會產(chǎn)生很多過程中的痕跡使兔，比如【隱藏圖層組】建钥。而這個(gè)時(shí)候如果我們需要選擇多圖層，而圖層之間可能還有很多【隱藏圖層組】虐沥，這時(shí)我們?nèi)绻凑障惹暗姆绞竭M(jìn)行操作熊经，結(jié)果只能是我們把很多隱藏圖層都召喚出來。
因此欲险，這個(gè)時(shí)候我們最合適的方式是使用【直接路徑選擇工具】進(jìn)行框選選擇奈搜，而再使用【位移工具】進(jìn)行移動。
那么為什么不直接使用【路徑選擇工具】呢盯荤？因?yàn)樵诙鄨D層的移動中，如果是用【路徑】的方式進(jìn)行移動焕盟，在作者的經(jīng)驗(yàn)中秋秤，發(fā)現(xiàn)會變得無比卡頓（可能是因?yàn)橛?jì)算機(jī)需要按照矢量進(jìn)行運(yùn)算所有位移），而且使用【直接路徑選擇工具】多圖層的時(shí)候脚翘，會有明確的選中路徑邊緣顯示灼卢，更加直接明了，因此最方便的方式是用【直接路徑選擇工具】来农。
此處應(yīng)配圖（此處應(yīng)有對比圖）
Ai配合Ps
在我們做Ps的時(shí)候鞋真，是不是會遇到一些小icon或者插圖需要畫。這時(shí)沃于，建議使用Ai涩咖，而不是使用Ps直接畫，好處如下：
- 可以節(jié)省Ps在渲染路徑過程中耗費(fèi)的系統(tǒng)資源（一個(gè)設(shè)計(jì)中運(yùn)用的路徑過多的時(shí)候繁莹，通常Ps會出現(xiàn)明顯的卡頓）檩互；
- 可以減少Ps中的圖層數(shù)量，降低管理圖層成本咨演。通常我們需要畫個(gè)插圖闸昨，沒有一、二十個(gè)圖層是搞不定的薄风。而過多的圖層在選擇和管理饵较，會降低我們的設(shè)計(jì)效率。
- 修改調(diào)整不會因無操作遭赂，影響其他圖層循诉。只要我們在Ai導(dǎo)入Ps的時(shí)候選擇【智能圖層】貼入，那么在我們需要調(diào)整插圖的時(shí)候的時(shí)候嵌牺，只要選擇雙擊插圖的智能圖層就可以完美切換到Ai打洼，而在Ai中保存后龄糊，Ps會只能調(diào)整呈現(xiàn)結(jié)果。
- Ai在做復(fù)雜路徑的方面比Ps更加方便募疮。在Ai中炫惩，除了定義了ps本身就有的鋼筆工具，還定義了 【增加錨點(diǎn)】阿浓、【刪除錨點(diǎn)】他嚷、【轉(zhuǎn)換錨點(diǎn)】工具，這樣的操作其實(shí)比單純用ps編輯路徑要方便很多芭毙。
巧用智能圖層
在我們的設(shè)計(jì)進(jìn)行過程中筋蓖，可能會有些元素在一個(gè)頁面要反復(fù)使用，而元素本身可能在后續(xù)進(jìn)行微調(diào)退敦。而如果進(jìn)行微調(diào)粘咖，那么勢必回帶來重復(fù)性勞動。因此作者習(xí)慣在這個(gè)時(shí)候使用【智能圖層】侈百，只需要在文件中瓮下，修改一個(gè)智能圖層，即可達(dá)到所有相同圖層修改的結(jié)果钝域。減少了設(shè)計(jì)中的重復(fù)性勞動讽坏。
規(guī)范的建立
從一開始就建立規(guī)范
只要是平臺類項(xiàng)目，建議從一開始就建立視覺規(guī)范例证。
無論是字體大小還是用色路呜，尤其是Android，在設(shè)計(jì)完成织咧，有些團(tuán)隊(duì)需要設(shè)計(jì)給出color.xml文件胀葱，因此最好養(yǎng)成習(xí)慣在設(shè)計(jì)開始就進(jìn)行規(guī)范的制定。
通常來說在設(shè)計(jì)的起始就考慮清楚一下問題笙蒙，在設(shè)計(jì)的過程中不易出現(xiàn)設(shè)計(jì)規(guī)范之間的矛盾巡社，從而影響到設(shè)計(jì)效率。
在建立規(guī)范的時(shí)候手趣，要考慮如下幾個(gè)設(shè)計(jì)點(diǎn)：
-
顏色
主色
輔助色
文字突出顏色
文字描述顏色
文字提示顏色
文字連接顏色
文字警示顏色
-
字體
主標(biāo)題
副標(biāo)題
普通文字大小
備注文字大小
-
間距
左右模塊之間間距
上下模塊之間間距
模塊內(nèi)元素之間間距
模塊內(nèi)圖片之間間距
模塊內(nèi)文字之間間距
-
分割
模塊內(nèi)部分割方式
模塊之間的分割方式
-
按鈕
大按鈕
中按鈕
小按鈕
-
圖標(biāo)
-
表單
圖層歸檔
何時(shí)使用 Ctrl+G
設(shè)計(jì)師的源文件通常都是慘目人睹的晌该。而處女座的設(shè)計(jì)師無疑比慘目人更讓接手的設(shè)計(jì)師抓狂。
此處應(yīng)有vicky圖層對比類似的圖绿渣。
歸檔命名規(guī)范
移動端的歸檔命名規(guī)范
移動端通常的命名通常形式為【模塊+類型+一級名稱+二級名稱】的形式組成
Web端的歸檔命名規(guī)范
文件歸檔
版本迭代
文件命名
文件夾整理
輸出
sketch配合zeplin——設(shè)計(jì)與開發(fā)撕逼終結(jié)神器
Ps CC 15配合Ps CC 16——CC16也有愛
之所以使用CC15配合
