基礎(chǔ)知識(shí)，分享常用的對(duì)齊技巧

對(duì)齊與間距，無(wú)非左右上下的關(guān)系，怎樣才能讓符合用戶(hù)的視覺(jué)感知呢？蕓蕓眾生，紅塵滾滾，有幸讓他（她）瞄上一眼，留下個(gè)“很舒服”的第一印象，非常重要，而且在實(shí)際設(shè)計(jì)的流程中，如果經(jīng)常因?yàn)槟睦餂](méi)對(duì)齊被批，會(huì)影響整個(gè)團(tuán)隊(duì)效率，你在團(tuán)隊(duì)中信任度也會(huì)降低。不要迷信什么大神了，還是把自己當(dāng)前水平該掌握的基礎(chǔ)知識(shí)，拿到手，更靠譜。

說(shuō)的玄乎點(diǎn)是設(shè)計(jì)師的態(tài)度，說(shuō)大白話(huà)就是基礎(chǔ)不牢固，還總要建高樓。好，不念經(jīng)了，說(shuō)基礎(chǔ)，希望能發(fā)揮點(diǎn)作用。

工欲善其事，必先利其器。

利用參考線對(duì)齊。在Photoshop的【編輯】-【首選項(xiàng)】菜單中可以設(shè)置合適的網(wǎng)格尺寸。

在設(shè)計(jì)前期將界面進(jìn)行設(shè)置框架參考線，通過(guò)參考線將按鈕、文字、圖形對(duì)齊。

PS參考線小插件-GuideGuide

這是一個(gè)非常便捷的畫(huà)參考線的工具，讓你節(jié)省了時(shí)間去算參考線。在插件你可以輸入一些數(shù)字，GuideGuide可以通過(guò)你設(shè)定的單位自動(dòng)劃分號(hào)好網(wǎng)格。這個(gè)軟件最強(qiáng)大的地方就是：可以通過(guò)畫(huà)布中選區(qū)的大小生成對(duì)應(yīng)的網(wǎng)格參考線。真是畫(huà)參考線的神器也！

對(duì)齊三大招：齊行、居左、居中。（貌似初一就學(xué)過(guò)，干活卻老忘）

齊行式：運(yùn)用在閱讀性文本中，比較長(zhǎng)的文本段。一般用在詳情頁(yè)中。（圖：貓眼電議）

居左式：這種用的比較多，常常運(yùn)用在APP的設(shè)計(jì)中，列表信息展示等。這種對(duì)齊方式比較容易閱讀，能很好的區(qū)分主次文本的層次。（圖：淘寶）

居中式：主要使用在信息流式的文本表現(xiàn)方式中。（圖QQ音樂(lè)）