當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI設計細節(jié)及技巧(3)

來源:站酷 作者:duanjianlove 學習:20234人次

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

UI設計細節(jié)及技巧
我們要的距離是32px,我們只需要按住ALT+左鍵拖動,就能精確的排列著四個圖標的間距

UI設計細節(jié)及技巧

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

UI設計細節(jié)及技巧

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

UI設計細節(jié)及技巧

UI設計細節(jié)及技巧

UI設計細節(jié)及技巧

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
User_TlDe~b4pM42018-12-24 09:27
非常好
朱大哥2018-09-05 11:43
太棒了
獨角獸2018-01-09 12:22
給我半跟煙2017-05-28 11:26
現(xiàn)在就是要這兒~~
夼人就是我2017-05-28 07:18
我要看內(nèi)容內(nèi)容
易水寒08032017-05-28 03:39
做不好
自由撰稿人20092017-05-27 10:00

關注大神微博加入>>

網(wǎng)友求助,請回答!