UI設(shè)計(jì)細(xì)節(jié)及技巧

2022-12-26 14:25:42 來源/作者: / 己有:21人學(xué)習(xí)過

UI設(shè)計(jì)細(xì)節(jié)及技巧
大家在排版、布局、測(cè)距離的時(shí)候,普遍會(huì)用標(biāo)尺工具和參考線。其實(shí)呢,我一般會(huì)用UI設(shè)計(jì)細(xì)節(jié)及技巧來測(cè)或者平均距離。在ps cs6中,可以隨意調(diào)整矩形工具大小,具體看如下:

UI設(shè)計(jì)細(xì)節(jié)及技巧
我們要的距離是32px,我們只需要按住ALT+左鍵拖動(dòng),就能精確的排列著四個(gè)圖標(biāo)的間距

UI設(shè)計(jì)細(xì)節(jié)及技巧

先中矩形工具UI設(shè)計(jì)細(xì)節(jié)及技巧我們還可以隨意調(diào)整矩形的長(zhǎng)寬,他就相當(dāng)于一把隨意的尺子。

UI設(shè)計(jì)細(xì)節(jié)及技巧

UI設(shè)計(jì)細(xì)節(jié)及技巧
我們來看下面圖標(biāo)(按住CTRL和路徑選擇工具切換使用)

UI設(shè)計(jì)細(xì)節(jié)及技巧

UI設(shè)計(jì)細(xì)節(jié)及技巧

UI設(shè)計(jì)細(xì)節(jié)及技巧

寫的有點(diǎn)多了,相信大家也累了,用了ps這幾年,從不會(huì)到熟練,中間也付出了很多,從最開始的了解各個(gè)工具到后來能做出自己想要的效果,都離不開辛勤的練習(xí),學(xué)習(xí)。平時(shí)我除了用ps外,手還要練著PRO-E軟件,沒辦法,自己是工業(yè)設(shè)計(jì)專業(yè)出生,總是忘不了自己還會(huì)做三維,捏在手里總不會(huì)壞。

寫這篇文章,只是想把我這幾年學(xué)到的技巧加自己親身遇到的問題+摸索解決告訴大家,有好的就要分享相信里面的問題大家也遇到過,也有些細(xì)節(jié)大家在閱讀這篇文章前已經(jīng)掌握,希望大家推薦給更多人學(xué)習(xí)這些細(xì)節(jié)。