UI設(shè)計(jì)相關(guān)知識

1、1 .什么是UI設(shè)計(jì):UserInterface（用戶界面），簡稱UI,是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。2 .UI設(shè)計(jì)分三個(gè)分支：1、研究界面-圖形設(shè)計(jì)師GraphicUIdesigner,簡稱GUI,國內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。包括（網(wǎng)頁設(shè)計(jì)，軟件界面，移動端界面設(shè)計(jì)），每天工作做著各種界面設(shè)計(jì)。2、交互設(shè)計(jì)師，做整個(gè)項(xiàng)目的交互流程。3、用戶體驗(yàn)研究師，主要是通過各種方法去了解用戶現(xiàn)在需要什么樣的體驗(yàn)什么樣的界面，從而對這個(gè)項(xiàng)目的總體性體驗(yàn)做決策的。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語言學(xué)等在

2、此都扮演著重要的角色。用戶界面設(shè)計(jì)的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性；即要符合用戶的心智模型。所以一個(gè)優(yōu)秀的UI設(shè)計(jì)師，從技能上講，不僅能畫圖標(biāo)，還能做好界面，會很多交互知識。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。圖標(biāo)，界面，交互知識都是需要長期的經(jīng)驗(yàn)積累，所以UI這條路很長，要學(xué)的技能很多，大家加油吧！UI設(shè)計(jì)師一定要做的事情（PS配置技巧）如果你是設(shè)計(jì)移動UI界面又是Photoshop新手，那么今天分享的技巧教程很適合你，雖然說是移動界面設(shè)計(jì)，但同樣適用于其它設(shè)計(jì)工作，比如網(wǎng)頁設(shè)計(jì)、

3、平面設(shè)計(jì)等等，讓我們開始吧。I.Photoshop新建文檔設(shè)置操作：菜單一文件一新建寬度：640像素高度：1136像素（4英寸iPhone設(shè)備）分辨率：72像素/英寸（ppi）顏色模式：RGB顏色背景內(nèi)容：白色（可選）顏色配置文件：不要色彩管理此文件（更多顏色設(shè)置后）像素長寬比：方形像素配置如下圖：2 .對齊設(shè)置這個(gè)處就是當(dāng)你使用圖層、形狀等操作時(shí)自動對齊網(wǎng)格，畫矢量圖不怕模糊邊緣，確保每個(gè)像素保持清晰。設(shè)置：菜單一視圖一對齊菜單一視圖一對齊到一全部3 .首選項(xiàng)設(shè)置操作：菜單一編輯一首選項(xiàng)一常規(guī)，建議按下圖設(shè)置啟用輕擊平移僅僅是一個(gè)滑移效果，占內(nèi)存又不能提高操作效率，建議關(guān)掉。根據(jù)HUD垂直移

4、動來改變圓形畫筆硬度功能挺好用的，按Alt+右鍵左右/上下移動可以分別改變畫筆的大小和硬度將矢量工具與變換與像素網(wǎng)格對齊這個(gè)強(qiáng)烈建議UI設(shè)計(jì)開啟這個(gè)功能，這個(gè)讓你來矢量力不會產(chǎn)生半像素虛邊,十分好用。但在需要微調(diào)整時(shí)可暫時(shí)關(guān)閉它首選項(xiàng)常規(guī)界面文件處理性能光標(biāo)透明度與色域單位與標(biāo)尺參考線、網(wǎng)格和切片僧效工具文字拾色器（Q:|Adobe三HUD拾色器舊）：|色相條線?。?圖像插值（1）：|兩次立方，自動）3選項(xiàng)r自動更新打開的文檔（助完成后用聲音提示（口）匠動態(tài)顏色滑塊（工）向?qū)С黾糍N板0017使用shift犍切換工具Q）F在置入時(shí)調(diào)整圖像大?。℅）r帶動畫效果的需敢（a底縮放時(shí)調(diào)整窗口大小但）r

5、用滾輪靠放值）r將單擊點(diǎn)縮放至中心悵）r啟用輕擊平移（日17根據(jù)HLU垂直移動來改變庖形畫基硬度17格跚格化圖像作為智能對象置入或拖動Q）B將矢量工具與變換與像素網(wǎng)格對齊-r歷史記錄（口將記錄項(xiàng)目存儲到；命元數(shù)據(jù)）r文本文件（工）選取|r兩者兼有但）編輯記錄項(xiàng)目（號：僅限工作進(jìn)程34.文本設(shè)置字體我一般把字體設(shè)置為犀利，如果你是PhotoshopCC版本，它有一個(gè)WindowsLCD/MacLCD抗鋸齒功能，文字可以為網(wǎng)頁一樣效果了，所以建議升級至UPhotoshopCC吧。操作：首先選定文本一字符工具(AA)選擇WindowsLCD/MacLCD圖層(L)英型笛選擇透鏡CO3DD)視卻窗口(慟智助(H)RegulartT12像素*aaWindowsLCD*5.全局光無銳犀浮平利利厚滑WindowsLCDVjmdoAs繼蘋果iOS人機(jī)界面指南，你應(yīng)該把燈光設(shè)置為90操作：圖層一圖層樣式一全局光一900圖像圖層陰文字(殍選擇)濾鏡CD視圖Q0窗口出幫助(出新建利)復(fù)制圖層圖層3Ri刪除oo重命名圖層,1JMiilible9 .顏色配置顏色配置是極為復(fù)雜的一個(gè)操作，如果你不是這領(lǐng)域的大神，那么還是老老實(shí)實(shí)的用推薦的的顏色配配置吧，這里我選擇了MarcEdwards(http:置選項(xiàng)?？?/p>