雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

圖標ui設計的技巧有什么? 一起快速掌握這個技能

Time: 2020-02-13

圖標ui設計的技巧有什么?你是不是也很想知道如何更好的進行ui設計吧,為了幫助各位朋友們更好的掌握住這個技能,接下來就讓我們一起全面的看看下面的內(nèi)容吧,想要了解的朋友們,繼續(xù)看下去吧。

  1、圖標

  圖標是圖紙標題欄的簡稱。圖標的作用是表示本張圖紙的類別、圖名、項目名稱、圖紙編號等,以便從圖紙目錄中能迅速查找到所需要的圖紙。logo:指一個公司或者組織的商標簡稱,如QQ的圖標是一個企鵝。

圖標ui設計的技巧有什么? 一起快速掌握這個技能

  (圖片來自網(wǎng)絡)

  2、圖標ui設計的技巧有什么?

  形狀圖層

 ?、偾熬吧x擇黑色,前景選擇的顏色就是繪制出形狀圖層的顏色

  ②工具模式選擇路徑,一定要選擇路徑,而不是形狀,因為直接生成的形狀黑乎乎一大片,非常不利于二次編輯路徑。

  ③形狀屬性面板中可以設置圓角,

  這是Photoshop CC版本中一個非常棒的功能。尤其是對UI設計師而言。形狀屬性位于屬性面板中,我們可以自由設置各種參數(shù),例如:圖形尺寸、填充顏色、描邊顏色、描邊寬度、描邊樣式(包括虛線、對齊方式、線段端點和合并類型),圓角半徑選項(對橢圓形不可用),一個矢量的圓角矩形就畫好了。

  分層繪制

  很多復雜的基本型不要在一個層上繪制,可以分層繪制,通過各個層的分別繪制,最終再整體合并。新建圖層,畫三個圓形矢量圖形,必須要新建一個圖層哦,如果直接繪制路徑,新的路徑和原有的路徑混在一起,調(diào)整非常不方便,路徑約復雜,你會感受分層繪制的好處!選中圓圈圖形的圖層,Ctrl+C,在圓角矩形層上,Ctrl+V,圓圈路徑粘貼在圓角矩形層上。

9-Icons-Responsive-Material-Design-Palette.jpg

  (圖片來自網(wǎng)絡)

  自定義形狀工具

  PS里內(nèi)置了非常多的形狀,很多基礎圖形不需要自己繪制,直接在使用相應的圖形即可。首先新建一個圖層,然后使用多邊形工具,選擇3邊,然后用形狀圖層工具繪制一個三角形。

  布爾運算

  一些復雜的圖形,都是靠各種圖形相加相減得到的。所以我們需要靈活運用布爾運算工具,來達到組合最終圖形的目的。然后按住Ctrl同時選中圖層形狀1、形狀2,直接按住Ctrl+E合并兩個路徑,通過合并各種得到一個對話框圖形。菜單頂部有路徑組合工具,可以嘗試不同的路徑組合,體會一下不同路徑組合布爾運算的效果。

  圖標ui設計的技巧有什么?相信我們已經(jīng)在上文為各位朋友們進行了全面的整理了,總之,我們還會繼續(xù)為大家分享精彩的內(nèi)容。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開