教初學者8個UI設計技巧,你離月薪過萬就差這幾

發布時間 : 2018-06-21

工欲善其事必先利其器,作為如今已經成為,和未來即將成為的一名優秀UI設計師,對對產品的理解,天馬星空的創意,這些都是可以滴,但是要將這些想法落地,就需要我們熟練并且高效的使用繪圖軟件。

 

 

UI設計和視覺設計最大的區別是,UI設計有很多的規范和技巧需要設計師學習,否則在做UI設計時你會經歷無數的痛苦,痛苦遭受了但做的東西還不符合業界規范,這就費力不討好了。今天博思就給大家分享一篇UI設計師必須知道的技巧。

 

?
1. 設置網格線 保持像素完美
?
 

不在1:1分辨率下也能保持像素完美,可以通過創建網格線來避免虛邊的出現。編輯 > 首選項 > 參考線、網格和切片保持尺寸為偶數。

 

例如:設置網格線間隔為64px,子網格為64

 

?
2:自動對齊網格
?
平時畫icon的時候會常常使用到二分一、三分一或者其他比例的線條,所以一般會對網格對齊功能進行關閉。而做界面的時候我們要求更加精準的界面,所以通常會開啟網格對齊功能。

 

開啟與關閉網格對齊方法:Ctrl+K 勾選“將矢量工具與變化和像素網格對齊”

?
3:圖層自動選擇
?

當做UI設計時,我不會將某個圖層隱藏,可能是用AI習慣了```我最喜歡的一個Illustrator一個原因是:無論你選擇了什么,它會直接在工作區域顯示,你也可以點擊你想編輯的事物,它就會被選中。

 

但是在PS中,如果你想選什么,有三種方法:1. 去圖層面板里選擇;2. 按住CTRL 點擊鼠標左鍵選擇;3. 單擊右鍵選擇你要的圖層(如果有很多圖層的時候,上帝保佑你能找到它…)

 

其實PS中也是有類似于illustrator的工具——自動選擇。選擇工具欄里的移動工具后,上面的選項欄會粗線一個“自動選擇”和一個下拉菜單,將自動選擇打上勾勾,下拉菜單選擇圖層。歐了~現在你試試,無論何時都可以自由的選擇圖層了~

?
4:多窗口利用起來
?

如果你瀏覽過窗口菜單,你將會看到“排列”>為“**”,這個選項會為你當下的文件開一個新窗口。這樣做的好處是:若你在其中一個窗口的圖層里畫畫,另一個窗口會有同樣的變化~簡單來說,這就是一個文件的兩個相同視圖。在UI設計中我們經常會找一些素材作為參考,同事開啟多個窗口會幫我們大大提升效率。并且當你制作一個文件,既需要線上發表,又需要打印出來,顏色模式一個是RGB,一個是CMYK那就更需要這種方法了。

 


?
五、捷徑!—— 為圖層或蒙版創建選區
?

(這點開始以為大家都知道,結果```)

 

按住CLRT鍵,點擊圖層縮略圖,你將對圖層里的文字或形狀創建一個選區,如下圖所示,用這種方法選文字和錯綜復雜形狀非常方便。

等等別急,真正的精華來了,它不僅僅作用于圖層,也適用于蒙版。你可以在矢量蒙版上試試。

 

?
六,操縱變形
?

用操縱變形轉換一個圖片時,只需點擊 編輯>操縱變形,圖片就會被很多線分成一小塊一小塊的。在每條線的連接點你都可以放置一個圖釘,在一個圖片中,你至少需要兩枚圖釘。可動的圖釘為外黃里黑,不動的僅有黃色。使用操縱變形,你可以對圖片進行部分移動,方法:在不需要移動的位置放置圖釘,拉動你想要變換的區域。

 

刪除圖釘的方法是:按住ALT并點擊需要刪除的圖釘。 PS,按住ALT鍵時,可動的(外黃里黑)圖釘會出現一個大圈,然后左右拖動久可以產生變化了。

 

?
七、用“樣式”來儲存預先設置效果
?

當你做完投影、內陰影,漸變疊加等選項后,突然看見混合選項框的右邊有個新建樣式!輕輕點擊它,就能保存你的制作,太省時間了擦。

 

另一種方法是選擇有你想要儲存的樣式的圖層,打開樣式面板(或者在“窗口”選項里找),然后點擊“新建”樣式(與新建圖層圖標一樣),最后儲存。

 

然后在這個面板里,你可以看到你已經儲存的樣式(還有那些死挫的PS自帶樣式…)。趕緊滴,試試吧

 

?
八、拒絕取消,改用復位
?

這個估計很多老同學也不知道這個隱藏功能。處于新手階段的筒子們一定覺得曲線和色階調整挺難的,有些時候有些色階結合或是其他的調整不能很好的融合,這就導致設計師不得不重新開始。通俗的對應方法是:點擊取消按鈕,或者重新打開調整面板。

 

不過這里還是有節省時間的小竅門~當你想要重新做一個曲線,不要直接點擊取消按鈕,按住ALT鍵,“取消”將會瞬間變身成一個叫“復位”的東西…

 

點擊復位,曲線就會回到初始狀態了~

 

ps這款軟件,如今很多人活多或少的都會一點,有些人懂了些皮毛就以為自己精通了其實ps的奧秘還有很多,小技巧也有很多,需要咱們虛心去請教學習,這樣才能持續進步。

報名試聽

咨詢熱線

400-720-6969

咨詢時間

10:00-23:00

上海博思堂職業技能培訓學校  版權所有 滬ICP備11046010號  咨詢熱線:400-720-6969
上海地址:上海市寶山區滬太路2695號B6棟    武漢地址: 武漢市洪山區珞瑜路33號中部創意大廈1624室
上海游戲培訓 | 游戲美術 | 游戲學校 | 手機游戲開發 | unity3d培訓學校 | 游戲原畫 | 3d美術 | 3dmax | 動漫繪畫 | 游戲策劃 | 網站地圖




七天免費公開課

买体彩25选5