移動(dòng)UI設(shè)計(jì)基礎(chǔ)課件

移動(dòng)UI設(shè)計(jì)基礎(chǔ)課件移動(dòng)UI設(shè)計(jì)基礎(chǔ)移動(dòng)UI設(shè)計(jì)基礎(chǔ)2UI即UserInterface的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯和界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)概論什么是UI設(shè)計(jì)UI即UserInterface的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟3UI設(shè)計(jì)是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對(duì)軟件界面進(jìn)行美化、優(yōu)化和規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)界面設(shè)計(jì)、軟件框架設(shè)計(jì)、按鈕設(shè)計(jì)、面板設(shè)計(jì)、菜單設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、滾動(dòng)條即狀態(tài)欄設(shè)計(jì)、安裝過(guò)程設(shè)計(jì)、包裝及商品化等。UI設(shè)計(jì)概論UI設(shè)計(jì)是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對(duì)軟件界面進(jìn)行美化、優(yōu)4UI設(shè)計(jì)概論什么是APPAPP即手機(jī)軟件，也就是安裝在手機(jī)上的軟件，完善原始系統(tǒng)的不足與個(gè)性化。不同系統(tǒng)下載的APP其文件格式也各不相同。iOS系統(tǒng)和Android系統(tǒng)是目前主流的兩大手機(jī)APP平臺(tái)。UI設(shè)計(jì)概論5UI設(shè)計(jì)概論移動(dòng)APPUI與平面UI的區(qū)別移動(dòng)UI的平臺(tái)主要是手機(jī)的APP客戶端上。而平面UI的范圍則非常廣泛，包括了絕大部分UI的領(lǐng)域。手機(jī)UI的獨(dú)特性，比如尺寸要求、控件和組件類型是的很多平面設(shè)計(jì)師要重新調(diào)整審美基礎(chǔ)。UI設(shè)計(jì)概論6UI設(shè)計(jì)概論制作AppUI的常用軟件——PhotoshopUI設(shè)計(jì)概論7UI設(shè)計(jì)概論制作AppUI的常用軟件——IllustratorUI設(shè)計(jì)概論8UI設(shè)計(jì)概論制作AppUI的常用軟件——3DSMaxUI設(shè)計(jì)概論9UI設(shè)計(jì)概論制作AppUI的常用軟件——ImageOptimizerImageOptimizer是一款圖像壓縮軟件，可以對(duì)JPG、GIF、PNG、BMP和TIFF等多種格式的圖像文件進(jìn)行壓縮。UI設(shè)計(jì)概論10UI設(shè)計(jì)概論制作AppUI的常用軟件——IconcoolstudioIconcoolstudio是一款非常簡(jiǎn)單的圖標(biāo)編輯制作軟件，里面提供了一些最常用的工具和功能，如畫筆、漸變色、矩形、橢圓和選區(qū)創(chuàng)建等。此外他還允許從屏幕中截圖以進(jìn)行進(jìn)一步的編輯。UI設(shè)計(jì)概論11手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸分辨率屏幕密度網(wǎng)點(diǎn)密度手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸分辨率屏幕密度網(wǎng)點(diǎn)密度12手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸市場(chǎng)上包括手機(jī)在內(nèi)的很多電子產(chǎn)品的屏幕尺寸均使用英寸為計(jì)算單位，這是因?yàn)殡娮赢a(chǎn)品屏幕尺寸計(jì)算時(shí)使用的是對(duì)角線長(zhǎng)度，而業(yè)界一般情況下也是將對(duì)角線的長(zhǎng)度默認(rèn)為屏幕尺寸的規(guī)格。常見的手機(jī)尺寸有3.5英寸、4英寸、4.3英寸、4.7英寸、5英寸、5.1英寸、5.5英寸和5.7英寸等規(guī)格。手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸市場(chǎng)上包括手機(jī)在內(nèi)的很多電子產(chǎn)13手機(jī)界面設(shè)計(jì)尺寸的度量單位分辨率分辨率就是屏幕圖像的精密度，是指顯示器所能顯示的像素的多少，泛指量測(cè)或顯示系統(tǒng)對(duì)細(xì)節(jié)的分辨能力。分辨率越高代表圖像質(zhì)量越好，越能表現(xiàn)出更多的細(xì)節(jié);但相對(duì)的，因?yàn)榧o(jì)錄的信息越多，文件也就會(huì)越大。屏幕密度屏幕密度又叫做PPI，是圖像分辨率所使用的單位，意思是在圖像中每英寸所表達(dá)的像素?cái)?shù)目。從手機(jī)界面設(shè)計(jì)的角度來(lái)說(shuō)，圖像的分辨率越高，所打印出來(lái)的圖像也就越細(xì)致與精密。手機(jī)界面設(shè)計(jì)尺寸的度量單位分辨率分辨率就是屏幕圖像的精密度，14手機(jī)界面設(shè)計(jì)尺寸的度量單位網(wǎng)店密度網(wǎng)點(diǎn)密度通常被叫做DPI，般是指每英寸的像素，類似于密度，即每英寸圖片上的像素點(diǎn)數(shù)量，用來(lái)表示圖片的清晰度。在同樣的寬高區(qū)域，低密度的顯示屏能顯示的像素較少，而高密度的顯示屏則能顯示更多的像素。幾款目前手機(jī)的分辨率和密度。

手機(jī)尺寸手機(jī)型號(hào)屏幕分辨率屏幕密度三星s9/s9+1440×2960px568ppi/532ppi華為Mate10系列三星GalaxyS7、S61440×2560px443ppiOPPOR15、VIVOX211080×2280px403ppiiPhoneX1125×2436px458ppiiPhone8/7/6Plus1080×1920px401ppiiPhone8/7/6750×1334px326ppi手機(jī)界面設(shè)計(jì)尺寸的度量單位網(wǎng)店密度網(wǎng)點(diǎn)密度通常被叫做DPI，15常見的圖片格式位圖PNG格式GIF格式JPEN格式PSD格式TIFF格式BMP格式常見的圖片格式位圖PNG格式GIF格式JPEN格式PSD格式16常見的圖片格式PNG優(yōu)勢(shì)缺點(diǎn)1.支持高級(jí)別無(wú)損耗壓縮1.較老的程序或?yàn)g覽器不支持2.支持Alpha通道透明度2.PNG提供的壓縮量較小3.支持伽瑪校正3.對(duì)多圖像文件或動(dòng)畫文件不提供支持4.支持交錯(cuò)

5.Web瀏覽器支持

PNG全稱為便攜式網(wǎng)絡(luò)圖形，是網(wǎng)上接受的最新圖像文件格式。PNG能夠提供長(zhǎng)度比GIF小30%的無(wú)損壓縮圖像文件。它同時(shí)提供24位和48位真彩色圖像支持以及其他諸多技術(shù)性支持。常見的圖片格式PNG優(yōu)勢(shì)缺點(diǎn)1.支持高級(jí)別無(wú)損耗壓縮1.17常見的圖片格式Gif圖形交換格式簡(jiǎn)稱GIF，是CompuServe公司在1987年開發(fā)的圖像文件格式。GIF文件的數(shù)據(jù)是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮格式。其壓縮率一般在50%左右，它不屬于任何應(yīng)用程序。幾乎所有相關(guān)軟件都支持，公共領(lǐng)域有大量的軟件在使用GIF圖像文件。優(yōu)勢(shì)缺點(diǎn)1.采用無(wú)損壓縮，可以保證圖像的品質(zhì)1.不支持動(dòng)畫2.支持256種真彩色2.在存儲(chǔ)無(wú)透明區(qū)域，顏色極其復(fù)雜的圖像時(shí)，文件體積會(huì)變得很大，不如JPEG3.支持透明存儲(chǔ)，失真小，無(wú)鋸齒3.IE6不支持PNG的透明屬性4.體積教小，被廣泛的應(yīng)用于網(wǎng)絡(luò)傳輸

常見的圖片格式Gif圖形交換格式簡(jiǎn)稱GIF，是CompuSe18常見的圖片格式JPGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常見的圖像格式，可以把文件壓縮到最小的格式。對(duì)色彩的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)，可減少圖像的傳輸時(shí)間，可以支持24bit真彩色，也普遍應(yīng)用于需要連續(xù)色調(diào)的圖像。JPEG格式的優(yōu)缺點(diǎn)如下表所示。優(yōu)勢(shì)缺點(diǎn)1.攝影或?qū)憣?shí)作品支持高級(jí)壓縮1.有損耗壓縮會(huì)使圖片質(zhì)量下降2.利用可變的壓縮比控制文件大小2.壓縮幅度過(guò)大，不能滿足打印輸出3.支持交錯(cuò)3.不適合存儲(chǔ)顏色少、具有大面積相近顏色的區(qū)域，或亮度變化明顯的簡(jiǎn)單圖像4.JPEG廣泛支持網(wǎng)絡(luò)標(biāo)準(zhǔn)

常見的圖片格式JPGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常19常見的圖片格式矢量圖AI格式CDR格式EPS格式常見的圖片格式矢量圖AI格式CDR格式EPS格式20AppUI的設(shè)計(jì)原則視覺(jué)一致性原則視覺(jué)簡(jiǎn)易性原則從用戶的考慮角度出發(fā)AppUI的設(shè)計(jì)原則視覺(jué)一致性原則視覺(jué)簡(jiǎn)易性原則從用戶的21手機(jī)界面的色彩搭配與視覺(jué)效果冷暖色調(diào)的對(duì)比色彩的冷暖設(shè)計(jì)個(gè)人生理、心里記憶固有經(jīng)驗(yàn)等多方面的原因所控制，是一個(gè)相對(duì)感性的問(wèn)題。色彩的冷暖是互為依存的，其相互襯托以及相互聯(lián)系，并且主要通過(guò)它們之間的互相對(duì)比體現(xiàn)出來(lái)。一般而言，暖色光使物體受光部分色彩變暖，而背光部分則相對(duì)呈現(xiàn)冷光傾向，冷色光正好與其相反。手機(jī)界面的色彩搭配與視覺(jué)效果冷暖色調(diào)的對(duì)比色彩的冷暖設(shè)計(jì)個(gè)人22手機(jī)界面的色彩搭配與視覺(jué)效果色彩的意向色彩有各種各樣的心理效果和情感效果，會(huì)引起受眾各種各樣的感受和遐想。紅、橙、黃色常使人們能夠聯(lián)想起東方旭日和或是燃燒的火焰，有溫暖的感覺(jué)，因而被成為“暖色”；而藍(lán)色常使人們聯(lián)想起高空的藍(lán)色、陰影處的冰雪，有寒冷的感覺(jué)，所以被稱為“冷色”；綠、紫給人們的感覺(jué)時(shí)不冷不暖，因而被稱為“中性色”。當(dāng)看見某種色彩或者聽到某種顏色的名稱時(shí)心里會(huì)自動(dòng)描繪出這種色彩帶來(lái)的感受。手機(jī)界面的色彩搭配與視覺(jué)效果色彩的意向色彩有各種各樣的心理效23手機(jī)界面的色彩搭配與視覺(jué)效果色彩的搭配技巧當(dāng)不同的色彩搭配在一起時(shí)，受色相彩度明度的影響會(huì)使色彩的效果產(chǎn)生變化。兩種或者多種淺色搭配在一起不會(huì)產(chǎn)生對(duì)比效果，同樣的，多種深色搭配在一起也不吸引人。但是，當(dāng)一種淺色和一種深色混合在一起時(shí)，淺色就是顯的更淺，深色顯的更深。明度和色相也會(huì)產(chǎn)生同樣的對(duì)比效果。手機(jī)界面的色彩搭配與視覺(jué)效果色彩的搭配技巧當(dāng)不同的色彩搭配在24手機(jī)界面的色彩搭配與視覺(jué)效果APP界面配色原則手機(jī)APP界面要給人簡(jiǎn)潔整齊，條理清晰感，依靠的就是界面元素的排版和間距設(shè)計(jì)，還有色彩的合理、舒適度搭配。總體而言配色應(yīng)遵循以下4條原則，分別是協(xié)調(diào)統(tǒng)一、有重點(diǎn)色、色彩平衡和對(duì)立色調(diào)和。手機(jī)界面的色彩搭配與視覺(jué)效果APP界面配色原則手機(jī)APP界面25手機(jī)界面的色彩搭配與視覺(jué)效果APPUI設(shè)計(jì)的角色規(guī)范重要標(biāo)準(zhǔn)色：重要顏色中一般不超過(guò)3種。一般標(biāo)準(zhǔn)色：一般標(biāo)準(zhǔn)色通常都是相近的顏色，而且比重要顏色弱，普遍用于普通級(jí)信息及引導(dǎo)詞。較弱標(biāo)準(zhǔn)色：較弱標(biāo)準(zhǔn)色普遍用于背景色和不需要顯眼的邊角信息。手機(jī)界面的色彩搭配與視覺(jué)效果APPUI設(shè)計(jì)的角色規(guī)范重要標(biāo)26App的設(shè)計(jì)流程簡(jiǎn)單大方的設(shè)計(jì)理念獨(dú)一無(wú)二的設(shè)計(jì)創(chuàng)意全面分析應(yīng)用需求確認(rèn)APP的設(shè)計(jì)工作App的設(shè)計(jì)流程簡(jiǎn)單大方的設(shè)計(jì)理念獨(dú)一無(wú)二的設(shè)計(jì)創(chuàng)意全面分27App的設(shè)計(jì)流程案例-繪制相機(jī)圖標(biāo)App的設(shè)計(jì)流程案例-繪制相機(jī)圖標(biāo)28App移動(dòng)端的設(shè)計(jì)趨勢(shì)專注用戶體驗(yàn)使用模糊的背景簡(jiǎn)單的導(dǎo)航模式大膽而醒目的字體運(yùn)用更簡(jiǎn)單的配色用戶界面的情景感知App移動(dòng)端的設(shè)計(jì)趨勢(shì)專注用戶體驗(yàn)使用模糊的簡(jiǎn)單的導(dǎo)航大膽29App移動(dòng)端的設(shè)計(jì)趨勢(shì)案例-繪制登錄界面App移動(dòng)端的設(shè)計(jì)趨勢(shì)案例-繪制登錄界面30兩大主流手機(jī)系統(tǒng)的發(fā)展歷程iOS系統(tǒng)Android系統(tǒng)兩大主流手機(jī)系統(tǒng)的發(fā)展歷程iOS系統(tǒng)Android系統(tǒng)31不同系統(tǒng)UI視覺(jué)的主要組成要素及特征iOS的特征-優(yōu)點(diǎn)外觀設(shè)計(jì)精美操作系統(tǒng)硬件配置不同系統(tǒng)UI視覺(jué)的主要組成要素及特征iOS的特征-優(yōu)點(diǎn)外觀32不同系統(tǒng)UI視覺(jué)的主要組成要素及特征iOS的特征-缺點(diǎn)封閉性帶來(lái)的問(wèn)題審美疲勞過(guò)度依賴iTunes不同系統(tǒng)UI視覺(jué)的主要組成要素及特征iOS的特征-缺點(diǎn)封閉33不同系統(tǒng)UI視覺(jué)的主要組成要素及特征Android的特征-優(yōu)點(diǎn)開源聯(lián)盟技術(shù)應(yīng)用不同系統(tǒng)UI視覺(jué)的主要組成要素及特征Android34不同系統(tǒng)UI視覺(jué)的主要組成要素及特征Android的特征-缺點(diǎn)應(yīng)用的質(zhì)量不高開源導(dǎo)致產(chǎn)品體驗(yàn)差異很大運(yùn)行效能不高不同系統(tǒng)UI視覺(jué)的主要組成要素及特征Android35手機(jī)系統(tǒng)的發(fā)展前景

Android應(yīng)用程序多，應(yīng)用更新快，手機(jī)硬件豐富覆蓋高中低三個(gè)檔次。但其占用資源大，同等配置的手機(jī)，其流暢性最差，體驗(yàn)最差，安全性較差。iOS應(yīng)用程度多，應(yīng)用更新得也很快，手機(jī)占用資源少，運(yùn)行流程，用戶體驗(yàn)較好，安全性較好，但其價(jià)格昂貴。手機(jī)系統(tǒng)的發(fā)展前景Android應(yīng)用程序36專家支招

App屏幕設(shè)計(jì)禁忌App文字設(shè)計(jì)禁忌App按鈕圖標(biāo)設(shè)計(jì)禁忌APP選項(xiàng)設(shè)計(jì)禁忌APP空間設(shè)計(jì)禁忌專家支招App屏幕設(shè)計(jì)禁忌App文字設(shè)計(jì)禁忌App37謝謝觀賞謝謝觀賞38移動(dòng)UI設(shè)計(jì)基礎(chǔ)課件移動(dòng)UI設(shè)計(jì)基礎(chǔ)移動(dòng)UI設(shè)計(jì)基礎(chǔ)40UI即UserInterface的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯和界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)概論什么是UI設(shè)計(jì)UI即UserInterface的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟41UI設(shè)計(jì)是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對(duì)軟件界面進(jìn)行美化、優(yōu)化和規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)界面設(shè)計(jì)、軟件框架設(shè)計(jì)、按鈕設(shè)計(jì)、面板設(shè)計(jì)、菜單設(shè)計(jì)、標(biāo)簽設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、滾動(dòng)條即狀態(tài)欄設(shè)計(jì)、安裝過(guò)程設(shè)計(jì)、包裝及商品化等。UI設(shè)計(jì)概論UI設(shè)計(jì)是為了滿足專業(yè)化、標(biāo)準(zhǔn)化需求而對(duì)軟件界面進(jìn)行美化、優(yōu)42UI設(shè)計(jì)概論什么是APPAPP即手機(jī)軟件，也就是安裝在手機(jī)上的軟件，完善原始系統(tǒng)的不足與個(gè)性化。不同系統(tǒng)下載的APP其文件格式也各不相同。iOS系統(tǒng)和Android系統(tǒng)是目前主流的兩大手機(jī)APP平臺(tái)。UI設(shè)計(jì)概論43UI設(shè)計(jì)概論移動(dòng)APPUI與平面UI的區(qū)別移動(dòng)UI的平臺(tái)主要是手機(jī)的APP客戶端上。而平面UI的范圍則非常廣泛，包括了絕大部分UI的領(lǐng)域。手機(jī)UI的獨(dú)特性，比如尺寸要求、控件和組件類型是的很多平面設(shè)計(jì)師要重新調(diào)整審美基礎(chǔ)。UI設(shè)計(jì)概論44UI設(shè)計(jì)概論制作AppUI的常用軟件——PhotoshopUI設(shè)計(jì)概論45UI設(shè)計(jì)概論制作AppUI的常用軟件——IllustratorUI設(shè)計(jì)概論46UI設(shè)計(jì)概論制作AppUI的常用軟件——3DSMaxUI設(shè)計(jì)概論47UI設(shè)計(jì)概論制作AppUI的常用軟件——ImageOptimizerImageOptimizer是一款圖像壓縮軟件，可以對(duì)JPG、GIF、PNG、BMP和TIFF等多種格式的圖像文件進(jìn)行壓縮。UI設(shè)計(jì)概論48UI設(shè)計(jì)概論制作AppUI的常用軟件——IconcoolstudioIconcoolstudio是一款非常簡(jiǎn)單的圖標(biāo)編輯制作軟件，里面提供了一些最常用的工具和功能，如畫筆、漸變色、矩形、橢圓和選區(qū)創(chuàng)建等。此外他還允許從屏幕中截圖以進(jìn)行進(jìn)一步的編輯。UI設(shè)計(jì)概論49手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸分辨率屏幕密度網(wǎng)點(diǎn)密度手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸分辨率屏幕密度網(wǎng)點(diǎn)密度50手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸市場(chǎng)上包括手機(jī)在內(nèi)的很多電子產(chǎn)品的屏幕尺寸均使用英寸為計(jì)算單位，這是因?yàn)殡娮赢a(chǎn)品屏幕尺寸計(jì)算時(shí)使用的是對(duì)角線長(zhǎng)度，而業(yè)界一般情況下也是將對(duì)角線的長(zhǎng)度默認(rèn)為屏幕尺寸的規(guī)格。常見的手機(jī)尺寸有3.5英寸、4英寸、4.3英寸、4.7英寸、5英寸、5.1英寸、5.5英寸和5.7英寸等規(guī)格。手機(jī)界面設(shè)計(jì)尺寸的度量單位英寸市場(chǎng)上包括手機(jī)在內(nèi)的很多電子產(chǎn)51手機(jī)界面設(shè)計(jì)尺寸的度量單位分辨率分辨率就是屏幕圖像的精密度，是指顯示器所能顯示的像素的多少，泛指量測(cè)或顯示系統(tǒng)對(duì)細(xì)節(jié)的分辨能力。分辨率越高代表圖像質(zhì)量越好，越能表現(xiàn)出更多的細(xì)節(jié);但相對(duì)的，因?yàn)榧o(jì)錄的信息越多，文件也就會(huì)越大。屏幕密度屏幕密度又叫做PPI，是圖像分辨率所使用的單位，意思是在圖像中每英寸所表達(dá)的像素?cái)?shù)目。從手機(jī)界面設(shè)計(jì)的角度來(lái)說(shuō)，圖像的分辨率越高，所打印出來(lái)的圖像也就越細(xì)致與精密。手機(jī)界面設(shè)計(jì)尺寸的度量單位分辨率分辨率就是屏幕圖像的精密度，52手機(jī)界面設(shè)計(jì)尺寸的度量單位網(wǎng)店密度網(wǎng)點(diǎn)密度通常被叫做DPI，般是指每英寸的像素，類似于密度，即每英寸圖片上的像素點(diǎn)數(shù)量，用來(lái)表示圖片的清晰度。在同樣的寬高區(qū)域，低密度的顯示屏能顯示的像素較少，而高密度的顯示屏則能顯示更多的像素。幾款目前手機(jī)的分辨率和密度。

手機(jī)尺寸手機(jī)型號(hào)屏幕分辨率屏幕密度三星s9/s9+1440×2960px568ppi/532ppi華為Mate10系列三星GalaxyS7、S61440×2560px443ppiOPPOR15、VIVOX211080×2280px403ppiiPhoneX1125×2436px458ppiiPhone8/7/6Plus1080×1920px401ppiiPhone8/7/6750×1334px326ppi手機(jī)界面設(shè)計(jì)尺寸的度量單位網(wǎng)店密度網(wǎng)點(diǎn)密度通常被叫做DPI，53常見的圖片格式位圖PNG格式GIF格式JPEN格式PSD格式TIFF格式BMP格式常見的圖片格式位圖PNG格式GIF格式JPEN格式PSD格式54常見的圖片格式PNG優(yōu)勢(shì)缺點(diǎn)1.支持高級(jí)別無(wú)損耗壓縮1.較老的程序或?yàn)g覽器不支持2.支持Alpha通道透明度2.PNG提供的壓縮量較小3.支持伽瑪校正3.對(duì)多圖像文件或動(dòng)畫文件不提供支持4.支持交錯(cuò)

5.Web瀏覽器支持

PNG全稱為便攜式網(wǎng)絡(luò)圖形，是網(wǎng)上接受的最新圖像文件格式。PNG能夠提供長(zhǎng)度比GIF小30%的無(wú)損壓縮圖像文件。它同時(shí)提供24位和48位真彩色圖像支持以及其他諸多技術(shù)性支持。常見的圖片格式PNG優(yōu)勢(shì)缺點(diǎn)1.支持高級(jí)別無(wú)損耗壓縮1.55常見的圖片格式Gif圖形交換格式簡(jiǎn)稱GIF，是CompuServe公司在1987年開發(fā)的圖像文件格式。GIF文件的數(shù)據(jù)是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮格式。其壓縮率一般在50%左右，它不屬于任何應(yīng)用程序。幾乎所有相關(guān)軟件都支持，公共領(lǐng)域有大量的軟件在使用GIF圖像文件。優(yōu)勢(shì)缺點(diǎn)1.采用無(wú)損壓縮，可以保證圖像的品質(zhì)1.不支持動(dòng)畫2.支持256種真彩色2.在存儲(chǔ)無(wú)透明區(qū)域，顏色極其復(fù)雜的圖像時(shí)，文件體積會(huì)變得很大，不如JPEG3.支持透明存儲(chǔ)，失真小，無(wú)鋸齒3.IE6不支持PNG的透明屬性4.體積教小，被廣泛的應(yīng)用于網(wǎng)絡(luò)傳輸

常見的圖片格式Gif圖形交換格式簡(jiǎn)稱GIF，是CompuSe56常見的圖片格式JPGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常見的圖像格式，可以把文件壓縮到最小的格式。對(duì)色彩的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)，可減少圖像的傳輸時(shí)間，可以支持24bit真彩色，也普遍應(yīng)用于需要連續(xù)色調(diào)的圖像。JPEG格式的優(yōu)缺點(diǎn)如下表所示。優(yōu)勢(shì)缺點(diǎn)1.攝影或?qū)憣?shí)作品支持高級(jí)壓縮1.有損耗壓縮會(huì)使圖片質(zhì)量下降2.利用可變的壓縮比控制文件大小2.壓縮幅度過(guò)大，不能滿足打印輸出3.支持交錯(cuò)3.不適合存儲(chǔ)顏色少、具有大面積相近顏色的區(qū)域，或亮度變化明顯的簡(jiǎn)單圖像4.JPEG廣泛支持網(wǎng)絡(luò)標(biāo)準(zhǔn)

常見的圖片格式JPGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常57常見的圖片格式矢量圖AI格式CDR格式EPS格式常見的圖片格式矢量圖AI格式CDR格式EPS格式58AppUI的設(shè)計(jì)原則視覺(jué)一致性原則視覺(jué)簡(jiǎn)易性原則從用戶的考慮角度出發(fā)AppUI的設(shè)計(jì)原則視覺(jué)一致性原則視覺(jué)簡(jiǎn)易性原則從用戶的59手機(jī)界面的色彩搭配與視覺(jué)效果冷暖色調(diào)的對(duì)比色彩的冷暖設(shè)計(jì)個(gè)人生理、心里記憶固有經(jīng)驗(yàn)等多方面的原因所控制，是一個(gè)相對(duì)感性的問(wèn)題。色彩的冷暖是互為依存的，其相互襯托以及相互聯(lián)系，并且主要通過(guò)它們之間的互相對(duì)比體現(xiàn)出來(lái)。一般而言，暖色光使物體受光部分色彩變暖，而背光部分則相對(duì)呈現(xiàn)冷光傾向，冷色光正好與其相反。手機(jī)界面的色彩搭配與視覺(jué)效果冷暖色調(diào)的對(duì)比色彩的冷暖設(shè)計(jì)個(gè)人60手機(jī)界面的色彩搭配與視覺(jué)效果色彩的意向色彩有各種各樣的心理效果和情感效果，會(huì)引起受眾各種各樣的感受和遐想。紅、橙、黃色常使人們能夠聯(lián)想起東方旭日和或是燃燒的火焰，有溫暖的感覺(jué)，因而被成為“暖色”；而藍(lán)色常使人們聯(lián)想起高空的藍(lán)色、陰影處的冰雪，有寒冷的感覺(jué)，所以被稱為“冷色”；綠、紫給人們的感覺(jué)時(shí)不冷不暖，因而被稱為“中性色”。當(dāng)看見某種色彩或者聽到某種顏色的名稱時(shí)心里會(huì)自動(dòng)描繪出這種色彩帶來(lái)的感受。手機(jī)界面的色彩搭配與視覺(jué)效果色彩的意向色彩有各種各樣的心理效61手機(jī)界面的色彩搭配與視覺(jué)效果色彩的搭配技巧當(dāng)不同的色彩搭配在一起時(shí)，受色相彩度明度的影響會(huì)使色彩的效果產(chǎn)生變化。兩種或者多種淺色搭配在一起不會(huì)產(chǎn)生對(duì)比效果，同樣的，多種深色搭配在一起也不吸引人。但是，當(dāng)一種淺色和一種深色混合在一起時(shí)，淺色就是顯的更淺，深色顯的更深。明度和色相也會(huì)產(chǎn)生同樣的對(duì)比效果。手機(jī)界面的色彩搭配與視覺(jué)效果色彩的搭配技巧當(dāng)不同的色彩搭配在62手機(jī)界面的色彩搭配與視覺(jué)效果APP界面配色原則手機(jī)APP界面要給人簡(jiǎn)潔整齊，條理清晰感，依靠的就是界面元素的排版和間距設(shè)計(jì)，還有色彩的合理、舒適度搭配?？傮w而言配色應(yīng)遵循以下4條原則，分別是協(xié)調(diào)統(tǒng)一、有重點(diǎn)色、色彩平衡和對(duì)立色調(diào)和。手機(jī)界面的色彩搭配與視覺(jué)效果APP界面配色原則手機(jī)APP界面63手機(jī)界面的色彩搭配與視覺(jué)效果APPUI設(shè)計(jì)的角色規(guī)范重要標(biāo)準(zhǔn)色：重要顏色中一般不超過(guò)3種。一般標(biāo)準(zhǔn)色：一般標(biāo)準(zhǔn)色通常都是相近的顏色，而且