1、1Photoshop簡稱PS，是一款強(qiáng)大的圖片處理軟件，作為UI設(shè)計(jì)軟件中的神器，主要是去做界面BannerAppicon切圖等以靜態(tài)視覺為核心的工作有著強(qiáng)大的圖片編輯和處理功能，可以實(shí)現(xiàn)各種效果及圖形制作2Illustrator簡稱AI。

2、基本上 App 的切圖可分為下面幾大類背景按鈕圖示圖片照片TabBar icon 等為了讓切圖便于管理，通常會(huì)依圖片性質(zhì)命名例如 bgxxxpngbtnxxxpngimgxxxpngtabxxxpng當(dāng)圖檔要做給 Retina。

3、切圖是開發(fā)用來開發(fā)web網(wǎng)頁或者移動(dòng)端的時(shí)候所需要直接挪用的元素 一般都是設(shè)計(jì)師切好給到開發(fā)，但是現(xiàn)在越來越多的開發(fā)覺得設(shè)計(jì)師切的用起來不夠符合他們的習(xí)慣，所以現(xiàn)在大多公司都是在用藍(lán)湖了 設(shè)計(jì)師做好圖之后直接通過插。

4、1 使用矩型工具形狀圖層畫出欲裁切的尺寸，將圖層名稱設(shè)為@bounds輸出切圖時(shí)不會(huì)看到這個(gè)圖層2 方型遮色片3 向量遮色片我愛用第一種方式，把目標(biāo)圖層和 @bounds 放在同個(gè)群組里，組名改成png。

5、UI設(shè)計(jì)80%時(shí)間都在用的軟件，主要是去做界面BannerAppicon切圖等以靜態(tài)視覺為核心的工作基本都使用里面的矢量工具去繪制，UI設(shè)計(jì)師必須非常熟練的掌握此軟件Illustrator 由于其純矢量的特性，以及線與面轉(zhuǎn)換的便利性。

6、在進(jìn)行APP切圖的前，需要做以下6點(diǎn)工作1和客戶端的技術(shù)溝通好，用不同的框架來實(shí)現(xiàn)的時(shí)候，圖會(huì)有不一樣的切法例如Tabbar是連背景一起切還是單獨(dú)把icon做成背景透明的，文字是放在圖里還是后面加字2有一些小。

7、01室內(nèi)設(shè)計(jì)軟件學(xué)習(xí) 學(xué)習(xí)設(shè)計(jì)行業(yè)，肯定離不開專業(yè)的設(shè)計(jì)軟件學(xué)習(xí)室內(nèi)設(shè)計(jì)專業(yè)軟件包括圖形處理軟件PS量房制圖軟件CAD繪制效果圖的3DMAX 以及渲染效果圖的3DMAX插件Vray當(dāng)然還有貼圖建模需要的SketchUp中文名草圖大師。

8、切圖是設(shè)計(jì)師交付給開發(fā)的產(chǎn)物之一，設(shè)計(jì)稿完成后，設(shè)計(jì)師需要將其切成便于制作成頁面的圖片切圖是指將設(shè)計(jì)稿切成便于制作成頁面的圖片，并完成html+css布局的靜態(tài)頁面通俗來講，把一張?jiān)O(shè)計(jì)圖 利用到切片工具 把自己所。

9、注意事項(xiàng)1Sketch軟件，目前僅支持Mac電腦2軟件只是工具，建議在畫icon之前，先用鉛筆在紙上勾畫出icon的大致效果，然后再用軟件去畫3APP界面設(shè)計(jì)，還涉及到切圖和尺寸標(biāo)注因?yàn)殚_發(fā)需要切圖和尺寸標(biāo)注來實(shí)現(xiàn)界面。

10、PxCook在Windows上標(biāo)注還比較順手，雖然它還附帶切圖功能，但是比較雞肋，不推薦用它切圖 切圖工具 Cutterman 1024*1024 Retina APP Icon for APP Store高清屏的APP Store 512*512 APP Icon for APP Store普通屏幕的APP。

11、UI 設(shè)計(jì)或稱界面設(shè)計(jì)是指對軟件的人機(jī)交互操作邏輯界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)UI 設(shè)計(jì)分為實(shí)體 UI 和虛擬UI，互聯(lián)網(wǎng)說的 UI 設(shè)計(jì)是虛擬 UI， UI 即User Interface用戶界面的簡稱UI 設(shè)計(jì)師的職能大體。

12、1學(xué)習(xí)軟件知識 包括掌握PhotoshopAxureIllustratorsketch藍(lán)湖等常用軟件另外，制作原型，界面，圖標(biāo)制作，素材制作，切圖等等相關(guān)步驟的軟件都需學(xué)會(huì)軟件是是設(shè)計(jì)師的基礎(chǔ)，新手剛?cè)腴T可以先從這點(diǎn)入手嫻熟的技法。

13、\x0d\x0a切圖工具\(yùn)x0d\x0aCutterman\x0d\x0a官網(wǎng)地址\x0d\x0a一款PS的插件，切圖非常方便，但不支持綠色免安裝版本PS，而且對PS版本要求比較高，針對CS6的已經(jīng)不維護(hù)更新了推薦安裝官方完整版PScc，然后自行破解官網(wǎng)。

14、三形同APP ICON的圖標(biāo) 類似APP ICON一樣的圖標(biāo)一直都存在，但是沒有像今年這么流行過使用圓角邊框外輪廓，帶有彩色在UI設(shè)計(jì)中ARP主要用制作交互原型圖 和ARP工具一樣，不過在做蘋果公司的原型圖處理要更加容易 最后補(bǔ)一句，軟件只。

15、看了一下新的蘋果開發(fā)文檔和Xcode給的AppIcon坑，發(fā)現(xiàn)又新增了一些尺寸的圖標(biāo)在這里整理一下最新的最全的icon尺寸itunes中使用的icon 1024 * 1024 iPhone iOS710桌面圖標(biāo) 60 * 60 120 * 120 @2x 180 * 180。

16、鏈接 Kw 提取碼 ahat 隨著互聯(lián)網(wǎng)的發(fā)展，UI 設(shè)計(jì)不斷產(chǎn)生新的趨勢，設(shè)計(jì)師也被賦予了更多不同的職能想要在UI 設(shè)計(jì)行業(yè)走得更遠(yuǎn)，設(shè)計(jì)師需要通過學(xué)習(xí)進(jìn)行自我提升。