資源描述：
《移動UI設(shè)計基礎(chǔ)ppt課件.pptx》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、移動UI設(shè)計基礎(chǔ)UI即UserInterface的簡稱。UI設(shè)計則是指對軟件的人機(jī)交互、操作邏輯和界面美觀的整體設(shè)計。UI設(shè)計概論什么是UI設(shè)計UI設(shè)計是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對軟件界面進(jìn)行美化、優(yōu)化和規(guī)范化的設(shè)計分支。具體包括軟件啟動界面設(shè)計、軟件框架設(shè)計、按鈕設(shè)計、面板設(shè)計、菜單設(shè)計、標(biāo)簽設(shè)計、圖標(biāo)設(shè)計、滾動條即狀態(tài)欄設(shè)計、安裝過程設(shè)計、包裝及商品化等。UI設(shè)計概論UI設(shè)計概論什么是APPAPP即手機(jī)軟件，也就是安裝在手機(jī)上的軟件，完善原始系統(tǒng)的不足與個性化。不同系統(tǒng)下載的APP其文件格式也
2、各不相同。iOS系統(tǒng)和Android系統(tǒng)是目前主流的兩大手機(jī)APP平臺。UI設(shè)計概論移動APPUI與平面UI的區(qū)別移動UI的平臺主要是手機(jī)的APP客戶端上。而平面UI的范圍則非常廣泛，包括了絕大部分UI的領(lǐng)域。手機(jī)UI的獨特性，比如尺寸要求、控件和組件類型是的很多平面設(shè)計師要重新調(diào)整審美基礎(chǔ)。UI設(shè)計概論制作AppUI的常用軟件——PhotoshopUI設(shè)計概論制作AppUI的常用軟件——IllustratorUI設(shè)計概論制作AppUI的常用軟件——3DSMaxUI設(shè)計概論制作AppUI的常用軟件——
3、ImageOptimizerImageOptimizer是一款圖像壓縮軟件，可以對JPG、GIF、PNG、BMP和TIFF等多種格式的圖像文件進(jìn)行壓縮。UI設(shè)計概論制作AppUI的常用軟件——IconcoolstudioIconcoolstudio是一款非常簡單的圖標(biāo)編輯制作軟件，里面提供了一些最常用的工具和功能，如畫筆、漸變色、矩形、橢圓和選區(qū)創(chuàng)建等。此外他還允許從屏幕中截圖以進(jìn)行進(jìn)一步的編輯。手機(jī)界面設(shè)計尺寸的度量單位英寸分辨率屏幕密度網(wǎng)點密度手機(jī)界面設(shè)計尺寸的度量單位英寸市場上包括手機(jī)在內(nèi)的很多
4、電子產(chǎn)品的屏幕尺寸均使用英寸為計算單位，這是因為電子產(chǎn)品屏幕尺寸計算時使用的是對角線長度，而業(yè)界一般情況下也是將對角線的長度默認(rèn)為屏幕尺寸的規(guī)格。常見的手機(jī)尺寸有3.5英寸、4英寸、4.3英寸、4.7英寸、5英寸、5.1英寸、5.5英寸和5.7英寸等規(guī)格。手機(jī)界面設(shè)計尺寸的度量單位分辨率分辨率就是屏幕圖像的精密度，是指顯示器所能顯示的像素的多少，泛指量測或顯示系統(tǒng)對細(xì)節(jié)的分辨能力。分辨率越高代表圖像質(zhì)量越好，越能表現(xiàn)出更多的細(xì)節(jié);但相對的，因為紀(jì)錄的信息越多，文件也就會越大。屏幕密度屏幕密度又叫做PP
5、I，是圖像分辨率所使用的單位，意思是在圖像中每英寸所表達(dá)的像素數(shù)目。從手機(jī)界面設(shè)計的角度來說，圖像的分辨率越高，所打印出來的圖像也就越細(xì)致與精密。手機(jī)界面設(shè)計尺寸的度量單位網(wǎng)店密度網(wǎng)點密度通常被叫做DPI，般是指每英寸的像素，類似于密度，即每英寸圖片上的像素點數(shù)量，用來表示圖片的清晰度。在同樣的寬高區(qū)域，低密度的顯示屏能顯示的像素較少，而高密度的顯示屏則能顯示更多的像素。幾款目前手機(jī)的分辨率和密度。手機(jī)尺寸手機(jī)型號屏幕分辨率屏幕密度三星s9/s9+1440×2960px568ppi/532ppi華為M
6、ate10系列三星GalaxyS7、S61440×2560px443ppiOPPOR15、VIVOX211080×2280px403ppiiPhoneX1125×2436px458ppiiPhone8/7/6Plus1080×1920px401ppiiPhone8/7/6750×1334px326ppi常見的圖片格式位圖PNG格式GIF格式JPEN格式PSD格式TIFF格式BMP格式常見的圖片格式PNG優(yōu)勢缺點1.支持高級別無損耗壓縮1.較老的程序或瀏覽器不支持2.支持Alpha通道透明度2.PNG提
7、供的壓縮量較小3.支持伽瑪校正3.對多圖像文件或動畫文件不提供支持4.支持交錯5.Web瀏覽器支持PNG全稱為便攜式網(wǎng)絡(luò)圖形，是網(wǎng)上接受的最新圖像文件格式。PNG能夠提供長度比GIF小30%的無損壓縮圖像文件。它同時提供24位和48位真彩色圖像支持以及其他諸多技術(shù)性支持。常見的圖片格式Gif圖形交換格式簡稱GIF，是CompuServe公司在1987年開發(fā)的圖像文件格式。GIF文件的數(shù)據(jù)是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。其壓縮率一般在50%左右，它不屬于任何應(yīng)用程序。幾乎所有相關(guān)軟件都支持
8、，公共領(lǐng)域有大量的軟件在使用GIF圖像文件。優(yōu)勢缺點1.采用無損壓縮，可以保證圖像的品質(zhì)1.不支持動畫2.支持256種真彩色2.在存儲無透明區(qū)域，顏色極其復(fù)雜的圖像時，文件體積會變得很大，不如JPEG3.支持透明存儲，失真小，無鋸齒3.IE6不支持PNG的透明屬性4.體積教小，被廣泛的應(yīng)用于網(wǎng)絡(luò)傳輸常見的圖片格式JPGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常見的圖像格式，可以把文件壓縮到最小的格式。對色彩的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)，可減少圖像的傳輸
