手機(jī)ui界面設(shè)計(jì)-素材、軟件、尺寸

關(guān)鍵詞:app界面設(shè)計(jì)工具、規(guī)范、app界面設(shè)計(jì)模板、手機(jī)ui界面設(shè)計(jì)素材、手機(jī)ui界面設(shè)計(jì)軟件、手機(jī)ui界面設(shè)計(jì)尺寸、app界面設(shè)計(jì)用什么軟件
什么是手機(jī)ui界面設(shè)計(jì)？
　　UI即User Interface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。
　　手機(jī)用戶界面是用戶與手機(jī)系統(tǒng)、應(yīng)用交互的窗口，手機(jī)界面的設(shè)計(jì)必須基于手機(jī)設(shè)備的物理特性和系統(tǒng)應(yīng)用的特性進(jìn)行合理的設(shè)計(jì)。手機(jī)界面設(shè)計(jì)是個(gè)復(fù)雜的有不同學(xué)科參與的工程，其中重要的兩點(diǎn)的就是產(chǎn)品本身的UI設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)，只有將這兩者完美融合才能打造出優(yōu)秀的作品。
　　 手機(jī)ui界面設(shè)計(jì)尺寸及分辨率
　　Android 界面尺寸：480x800、720x1280、1080x1920... (單位：像素)
　　Android 比 iPhone 的尺寸多了很多套，建議取用 720x1280 這個(gè)尺寸，這個(gè)尺寸 720x1280中顯示完美，在 1080x1920 中看起來也比較清晰;切圖后的圖片文件大小也適中，應(yīng)用的內(nèi)存消耗也不會(huì)過高。
　　2、界面基本組成元素
　　Android 的 APP 界面和 iPhone 的基本相同：狀態(tài)欄，導(dǎo)航欄、導(dǎo)航欄、主菜單欄以及中間的內(nèi)容區(qū)域。
　　Android 中我們?nèi)∮?720x1280 的尺寸設(shè)計(jì)，那我們就說說在這個(gè)尺寸下這些元素的尺寸
　　狀態(tài)欄高度為：50 px
　　導(dǎo)航欄高度為：96 px
　　主菜單欄高度為：96 px
　　內(nèi)容區(qū)域高度為：1038 px (1280-50-96-96=1038)
　　Android近出的手機(jī)都幾乎去掉了實(shí)體鍵，把功能鍵移到了屏幕中，當(dāng)然高度也是和菜單欄一樣的：96 px
　　Android 為了在界面上區(qū)別于 iOS ，Android 4.0 開始提出一套 HOLO 的 UI 風(fēng)格，一些APP的較新版都采用了這一風(fēng)格。
　　這一風(fēng)格明顯的變化就是將下方的主菜單移動(dòng)到了導(dǎo)航欄下面，這樣的方式解決了現(xiàn)在很多手機(jī)去除實(shí)體按鍵后在屏幕中顯示而出現(xiàn)的雙底欄的尷尬情景。
手機(jī)ui界面設(shè)計(jì)素材：
　　 http://588ku.com/image/uijiemiansheji.html
http://www.58pic.com/tupian/uijiemiansheji.html
https://www.huiyi8.com/ui/shouji/
http://so.ooopic.com/sousuo/5424603/
.....
　　手機(jī)ui界面設(shè)計(jì)軟件
Fireworks
　　Adobe FireworksCS3是一款創(chuàng)建與優(yōu)化Web圖像和快速構(gòu)建網(wǎng)站與Web界面原型的理想工具，可以加速Web設(shè)計(jì)與開發(fā)。它不僅具備編輯矢量圖形與位圖圖像的靈活性，還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫,并可與Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3和Adobe Flash CS3軟件省時(shí)集成。在Fireworks中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ?或利用來自Illustrator、Photoshop和Flash的其它資源。然后直接置入Dreamweaver CS3中輕松地進(jìn)行開發(fā)與部署。
　　2、Photoshop
　　Photoshop并非一個(gè)單純的圖像編輯軟件，它的應(yīng)用領(lǐng)域涉及圖像、圖形、文字、視頻、出版等各個(gè)方面，非常廣泛。它常見的應(yīng)用主要有：平面設(shè)計(jì)、修復(fù)照片、廣告攝影、影像創(chuàng)意、藝術(shù)文字、網(wǎng)頁制作、建筑效果圖后期修飾、繪畫、繪制或處理三維帖圖、婚紗照片設(shè)計(jì)、視覺創(chuàng)意、圖標(biāo)制作、界面設(shè)計(jì)等等。目前的影視后期制作及二維動(dòng)畫制作也有所應(yīng)用。
　　3、CoreDraw
　　CorelDRAWGraphicsSuite是加拿大Corel公司的平面設(shè)計(jì)軟件，該軟件是Corel公司出品的矢量圖形制作工具軟件，這個(gè)圖形工具給設(shè)計(jì)師提供了矢量動(dòng)畫、頁面設(shè)計(jì)、網(wǎng)站制作、位圖編輯和網(wǎng)頁動(dòng)畫等多種功能。它包含兩個(gè)繪圖應(yīng)用程序：一個(gè)用于矢量圖及頁面設(shè)計(jì)，一個(gè)用于圖像編輯。這套繪圖軟件組合帶給用戶強(qiáng)大的交互式工具，使用戶可創(chuàng)作出多種富于動(dòng)感的特殊效果及點(diǎn)陣圖像即時(shí)效果在簡單的操作中就可得到實(shí)現(xiàn)而不會(huì)丟失當(dāng)前的工作。通過CoreDraw的比較比較全面的設(shè)計(jì)及網(wǎng)頁功能可以融合到用戶現(xiàn)有的設(shè)計(jì)方案中，靈活性十足。該軟件提供的智慧型繪圖工具以及新的動(dòng)態(tài)向?qū)Э梢猿浞纸档陀脩舻牟僮麟y度，允許用戶更加容易精確地創(chuàng)建物體的尺寸和位置，減少點(diǎn)擊步驟，節(jié)省設(shè)計(jì)時(shí)間。
　　4、Illustrator
　　它是美國ADOBE公司推出的專業(yè)矢量繪圖工具，出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。強(qiáng)大的功用和簡潔的界面設(shè)計(jì)風(fēng)格，為線稿提供高精度和控制，適合任何小型設(shè)計(jì)到大型復(fù)雜項(xiàng)目，目前已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額，據(jù)不完全統(tǒng)計(jì)，全球有97%的設(shè)計(jì)師在使用Illustrator進(jìn)行藝術(shù)設(shè)計(jì)，尤其基于Adobe公司專利的PostS技術(shù)的運(yùn)用，Illustrator已經(jīng)完全占領(lǐng)專業(yè)的印刷出版領(lǐng)域。
以上就是手機(jī)ui界面設(shè)計(jì)素材、手機(jī)ui界面設(shè)計(jì)軟件、手機(jī)ui界面設(shè)計(jì)尺寸全文，希望對大家有所幫助！