1APP1APPI需注重各個(gè)功能的整合，力求使用戶毫無(wú)障礙、快捷有效地使用各個(gè)功能，從而提高用戶體驗(yàn)。1902年，一位叫內(nèi)森·斯塔布菲爾德的美國(guó)人在肯塔基州默里的鄉(xiāng)下住宅內(nèi)制成了第一個(gè)無(wú)線電話裝置，這部可無(wú)線移動(dòng)通信的電話就是人類(lèi)對(duì)“手機(jī)”技術(shù)最早的探索研究。1938年，美國(guó)貝第一代手機(jī)（1G）是指模擬的移動(dòng)電話，也就是在20世紀(jì)八九十年代中國(guó)香港、美國(guó)等影視作第二代手機(jī)（2G）通常使用GSM或者CDMA這些十分成熟的標(biāo)準(zhǔn)，具有穩(wěn)定的通話質(zhì)量和合3G是英文3rdGeneration的縮寫(xiě)，指第三代移動(dòng)通信技術(shù)，是將無(wú)線通信與國(guó)際互聯(lián)網(wǎng)等多3G2Mbps、384kbps144kbps移動(dòng)互聯(lián)網(wǎng)之路——APP移動(dòng)互聯(lián)網(wǎng)之路——APPUI（Photoshop11APP4G4G1-14G1-1.1.21.1.2辨率屏幕上的顯示效果。169、720p、VGA和QVGA等術(shù)語(yǔ)就是指手機(jī)的分辨率，一塊方形的6QVGA：QuarterVGA，240×320320×240HVGA：eVGA，PDA，480×3032，AWVGA：deVGAPDA854×480和800×480QCIF：全稱CommonIntermediateFormat，用于拍攝QCIF格式的標(biāo)準(zhǔn)化圖像，分辨率為176×144UXGA（1600×1200）、QXGA（2048×1536）。WXGA：WXGA（1280×800）13～15像素）多用于19寸寬屏；WSXGA+（1680×1050像素）多用于20寸和22寸的寬屏，也有部分15.4寸的筆記本使用這種分辨率；WUXGA（1920×1200像素）多用于24～27寸的寬屏顯示器；WQXGA（2560×1600）30LCD1.1.31.1.3通常所說(shuō)的色彩指數(shù)。目前手機(jī)的色階指數(shù)從低到高可分為：最低單色，其次是256色、4096色、65536色、26萬(wàn)色、1600萬(wàn)色。256色=28即8位彩色，以此類(lèi)推，4096色=212；65536=216，即通常所說(shuō)的16位真彩色；26萬(wàn)色=218，也就是18位真彩色。其實(shí)655361-21-33UIUIUserInterfaceUIUI1.2.11.2.1什么是UIUIUserInterface關(guān)系。I求而對(duì)軟件界面進(jìn)行美化、優(yōu)化和規(guī)范化的設(shè)計(jì)分支，具體包括軟件啟動(dòng)界面設(shè)計(jì)、軟安裝過(guò)程設(shè)計(jì)、包裝及商品化等，如圖1-3

1-1.2.21.2.2交互行為一致：可理解：可控制：1.2.31.2.3UIBtt()戶與界面交互的關(guān)鍵。WebUI圖表和圖形、日期和日歷、組合框、對(duì)話框、進(jìn)度條、所見(jiàn)即所得編輯器和條形iOSUI控件：按鈕、關(guān)、滑塊、工具欄和WebView等控件AndroidUI控件：文本、按鈕、狀態(tài)關(guān)、單選與復(fù)選、圖片、時(shí)鐘、日期和時(shí)間選擇等控件WindowsPhone控件：1.2.41.2.4UI手機(jī)UI設(shè)計(jì)是手機(jī)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。置身于手機(jī)操作系統(tǒng)中FaceUI是一家專(zhuān)注于手機(jī)系統(tǒng)、APPUI6UI計(jì)的技巧，分別為一目了然、輸入便捷、呈用戶所需、屏幕方向可旋轉(zhuǎn)、應(yīng)用個(gè)性化和精心細(xì)節(jié)，希望使新手機(jī)應(yīng)用在發(fā)布前提升質(zhì)量，最大化發(fā)掘該應(yīng)用的潛力，從而最小化用戶差評(píng)和低下載量這種不良結(jié)果。如圖1-4

1-1.2.51.2.5UIUIUIUI4手機(jī)界面交互過(guò)程不宜設(shè)計(jì)得過(guò)于復(fù)雜，交互步驟不宜太多，這可以提高操作的便利性，進(jìn)而提高操作效率。手機(jī)的顯示屏相對(duì)較小，能夠支持的色彩也比較有限，可能無(wú)法正常顯示顏色過(guò)渡過(guò)于豐富的圖像效果，這就要求界面中的元素盡可能處理得簡(jiǎn)潔。時(shí)下流行的扁平化風(fēng)格可謂將這點(diǎn)貫徹到了不同系統(tǒng)的手機(jī)支持的圖像格式、音頻格式和動(dòng)畫(huà)格式不一樣，所以在設(shè)計(jì)之前要充分收集資料，對(duì)不同系統(tǒng)進(jìn)行配置選擇。不同型號(hào)的手機(jī)屏幕比例不一致，所以設(shè)計(jì)時(shí)還要考慮圖片的自適應(yīng)問(wèn)題和界面元素圖片的布局問(wèn)題。UIUI1.2.6UIUI手機(jī)IAPPIII設(shè)計(jì)完全可以做到完美，但需要無(wú)數(shù)設(shè)計(jì)師的共同創(chuàng)新和努力。很多設(shè)計(jì)師存在的問(wèn)題是不能夠合理布局，不能夠合理地將網(wǎng)站設(shè)計(jì)的構(gòu)架理念轉(zhuǎn)換到手機(jī)界面的設(shè)計(jì)上，常常會(huì)覺(jué)得手機(jī)界面限制非常多，覺(jué)得自己的創(chuàng)意發(fā)揮空間太小，表達(dá)的方式也非常有限，甚至?xí)杏X(jué)很死板。但真實(shí)的情況并不III1-5iOSAndroid1-1.3.11.3.1色彩的名稱時(shí)，人們心里往往會(huì)自動(dòng)描繪出這種色彩帶來(lái)的感受。如圖1-6所示為一些常見(jiàn)色彩的色溫暖、親切、光明、疾病、懦弱，適用于儀器或兒童類(lèi)APP1-1.3.21.3.2APPUIAPP3種使用規(guī)范，1-7所示。1-重要標(biāo)準(zhǔn)色：3較弱標(biāo)準(zhǔn)色：1.3.31.3.3UI調(diào)色板以一些基礎(chǔ)色為基準(zhǔn)，通過(guò)填充光譜為Android、Web和iOS環(huán)境提供一套完整可用的顏1-81-1-91-1.3.41.3.4APPAPP界面要給人簡(jiǎn)潔整齊、條理清晰之感，依靠的就是界面元素的排版和間距設(shè)計(jì)，還有設(shè)計(jì)色調(diào)的統(tǒng)一：針對(duì)軟件類(lèi)型以及用戶工作環(huán)境選擇恰當(dāng)?shù)纳{(diào)，例如安全軟件，綠色體現(xiàn)環(huán)01-標(biāo)準(zhǔn)界面的采用：,統(tǒng)保持統(tǒng)一，通過(guò)讀取系統(tǒng)標(biāo)準(zhǔn)色表再去進(jìn)行選擇。按鈕、圖標(biāo)，或者其他相對(duì)重要的元素上，使之成為整個(gè)頁(yè)面的焦點(diǎn)，如圖1-11所示。這是一種非1-重點(diǎn)色絕對(duì)不應(yīng)該用于主色和背景色等面積較大的色塊，而應(yīng)該是強(qiáng)調(diào)界面中重要重點(diǎn)色絕對(duì)不應(yīng)該用于主色和背景色等面積較大的色塊，而應(yīng)該是強(qiáng)調(diào)界面中重要元素的小面積零散色塊。遵循對(duì)比原則：對(duì)比原則很簡(jiǎn)單，就是淺色背景上使用深色文字，深色背景上使用淺色文字。例但藍(lán)色和白色反差很大。除非特殊場(chǎng)合，杜絕使用對(duì)比強(qiáng)烈、讓人產(chǎn)生憎惡感的顏色。1-121.3.51.3.5當(dāng)不同的色彩搭配在一起時(shí)，受色相、彩度、明度的影響，會(huì)使色彩的效果產(chǎn)生變化。兩種或者多種淺色搭配在一起不會(huì)產(chǎn)生對(duì)比效果，同理多種深色搭配在一起也不吸引人。但是，當(dāng)一種淺色和一種深色混合在一起時(shí)，淺色會(huì)顯得更淺，深色會(huì)顯得更深。如圖1-13示為一些比較常見(jiàn)的配色

1-圖標(biāo)是一種計(jì)算機(jī)圖形，它具有明確的指代含義，也常被稱為L(zhǎng)ogo，是20世紀(jì)90年代伴隨IT產(chǎn)業(yè)出現(xiàn)的一個(gè)技術(shù)詞匯，原指計(jì)算機(jī)軟件編程中為使人機(jī)界面更加易于操作和人性化而設(shè)計(jì)出的1-14所示為iOS91-計(jì)算機(jī)圖像文件的存儲(chǔ)格式主要可以分為兩類(lèi)：位圖和矢量，位圖格式包括PSD、TIFF、BMP、PNG、GIF和JPEG等；矢量格式包括AI、EPS、FLA、CDR和DWG等。手機(jī)UI界面PNG、GIFJPEG1.4.11.4.1JPEGJPEG格式是目前網(wǎng)絡(luò)上最流行的也是最常見(jiàn)的圖像格式，是可以把文件壓縮到最小的格式，而多種壓縮級(jí)別。JPEG10140124JPEG優(yōu)缺3.4.JPEG當(dāng)重新編輯和保存JPEG當(dāng)重新編輯和保存JPEGJPEG圖片相較于原圖片來(lái)說(shuō)質(zhì)量1.4.2PNGPGPGGF30%48PGPhthp理PNG圖像文件，也可以用PNG圖像文件格式存儲(chǔ)。下面是PNG格式的優(yōu)缺點(diǎn)。優(yōu)缺2.Alpha2.PNG5.WebiOS91\1-4-2.mp41\1-4-這款圖標(biāo)為iOS9它的底座有輕微的漸變色，還有小幅度的描邊和斜面浮雕效果。此外，白色的電話圖形對(duì)“鋼筆工具”的操作技巧略有要求。1300×1300像素的空白文檔，如圖1-15所示。填充背景色為RGB(128、127、127)，顯示標(biāo)尺，拖出參考線，幫助定位圖形，如圖1-16所示。圖1- 圖1-200像素、填充顏色為1-18所示。 RGB(10、211、23)RGB(10、211、23)RGB(143、255、圖1- 圖1-設(shè)置完成后得到圖標(biāo)的效果，如圖1-191-20圖1- 圖1-打“圖層樣式”對(duì)話框，為形狀添加“投影”樣式，設(shè)置如圖1-211-22RGB(0、RGB(0、0、圖1- 圖1-RGB（229、42、42）的正圓，如圖1-23所示。打“字符”面板，適當(dāng)設(shè)置字符屬性，如圖1-24所示。 圖1- 圖1-使用“橫排文字工具”在正圓中輸入數(shù)字，如圖1-25所示。打“圖層樣式”對(duì)話框，為1-26圖1- 圖1-1-28所示。圖1- 圖1-1-291-30WebWeb標(biāo)存儲(chǔ)為140×140像素的PNG格式，如圖1-31所示。圖標(biāo)最終效果如圖1-32圖1- 圖1- 圖1- 圖1-1.4.31.4.3GIF圖形交換格式簡(jiǎn)稱GIF，是CompuServe公司在1987年發(fā)的圖像文件格式。GIF文件的數(shù)據(jù)是一種基于LZW算法的連續(xù)色調(diào)的無(wú)損壓縮格式，其壓縮率一般在50%左右。它不屬于任何應(yīng)GIFGIF圖像文件的數(shù)據(jù)是經(jīng)過(guò)壓縮的，而且是采用了可變長(zhǎng)度等壓縮算法。所以GIF的圖像深度從lbit到8bit，也即GIF最多支持256種色彩。GIF格式的另一個(gè)特點(diǎn)是其在一個(gè)GIF文件中可GIF優(yōu)缺1.2562.GIF下面分別是JPEG格式、PNG格式和GIF格式文件的圖標(biāo)，如圖1-33所示。JPEG格式 PNG格式 圖1-3333JPEG化豐富的圖像，PNG格式支持透明，GIF1.4.4其他常用格式3BMP、TIFF、PSDAIBMP除了圖像深度可選以外，不采用其他任何壓縮，因此BMP文件所占用的空間很大。BMP文件的圖lbit、4bit、8bit24bit。BMP由于BMP文件格式是由于BMP文件格式是is環(huán)境中交換與圖有關(guān)的數(shù)據(jù)的一種標(biāo)準(zhǔn)，因此在ds環(huán)境中運(yùn)行的圖形圖像軟件都支持BMP圖像格式。典型的BMP圖像文TIFF(標(biāo)簽圖像文件)是由Aldus和Microsoft公司為桌上出版系統(tǒng)研制發(fā)的一種較為通用的圖像文件格式。TIFF格式靈活易變，它又定義了四類(lèi)不同的格式：TIFF-B適用于二值圖像，TIFF-GTIFF-PTIFF-RRGBTTFFGBEJPG存圖像文件格式中最復(fù)雜的一種，它具有擴(kuò)展性、方便性、可改性的特點(diǎn)，由三個(gè)FDPSDPhotoshopPSDPSD格式保存是最佳的選擇。AIAdobeIllustratorPSDAI也是一種分層文件，每個(gè)對(duì)象都是獨(dú)立的，它們具有各自的屬性，如大小、形狀、輪廓、顏色、較高，可以在CorelDRAW中打，也可以將CDR格式的文件導(dǎo)出為AI格式。UIUI1.5.11.5.1辨率為240×320像素的手機(jī)屏幕，橫向每行有240個(gè)像素點(diǎn)，縱向每列有320手機(jī)屏一共有320×240=76800個(gè)像素點(diǎn)。在同樣大的物理面積內(nèi)，像素點(diǎn)越多，顯示的圖像越清晰。以三星S5和三星S6來(lái)說(shuō)，它們的屏幕尺寸都是5.1，但是三星S5的分辨率是1920×1080=2073600個(gè)像素點(diǎn)，三星S6的分辨率2560×1400=3584000S6S51-34GalaxyS65.12560×1440GalaxyNote55.7小米M5是5.21920×1080像素。

1-適用于打印機(jī)等輸出設(shè)備；線/英寸（LPI）適用于印刷報(bào)紙所使用的網(wǎng)屏印刷1.5.21.5.2英寸英寸是長(zhǎng)度單位，1英寸=2.539999918厘米。手機(jī)的屏幕尺寸統(tǒng)一使用英寸來(lái)計(jì)量，其指的是1-351-英寸和5.7英寸等規(guī)格。1.5.31.5.3網(wǎng)點(diǎn)密度網(wǎng)點(diǎn)密度通常被叫作DPI，一般是指每英寸的像素，類(lèi)似于密度，即每英寸圖片上的像素點(diǎn)數(shù)量，用來(lái)表示圖片的清晰度。DPIUIUIDPIDPI1.5.4屏幕密度屏幕密度又叫作PPI，是圖像分辨率所使用的單位，意思是在圖像中每英寸所表達(dá)的像素?cái)?shù)目。從手機(jī)UI設(shè)計(jì)的角度來(lái)說(shuō)，圖像的分辨率越高，所打印出來(lái)的圖像也就越細(xì)致與精密。實(shí)踐證明，PPI低于240，人的視覺(jué)可以察覺(jué)有明顯的顆粒感；PPI高于300則無(wú)法察覺(jué)。理論上講超過(guò)300PPI才沒(méi)有顆粒感。屏幕的清晰程度其實(shí)是由分辨率和尺寸大小共同決定的，用PPI指數(shù)衡量屏1-361-UIPhotoshop、Illustrator3dsMaxUIIconCoolStudioImageOptimizer1.6.11.6.1AdobePhotoshop簡(jiǎn)稱PS，是美國(guó)Adobe公司旗下最為出名的圖像處理軟件系列之一，是集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意、圖像輸入與輸出于一體的圖形圖像處理軟件。Photoshop的軟件界面主要由5部分組成：菜單欄、工具箱、選項(xiàng)欄、面板和文檔窗口，如圖1-37

1-菜單欄：菜單欄中包括“文件”、“編輯”、“圖像”、“圖層”、“文字”、“選擇”、“濾D1Photoshop81-40圖1- 圖1- 圖1-和繪制效果的主要途徑之一。不同工具的選項(xiàng)欄會(huì)顯示不同的參數(shù)，如圖1-41所示分別為“魔棒工1-文檔窗口：iOS91\1-6-1\1-6-該案例使用Photoshop制作了iOS9iOS9iOS8執(zhí)行“文件>新建”命令，在彈出的“新建”對(duì)話框中設(shè)置各項(xiàng)參數(shù)，如圖1-42所示。填充畫(huà)布顏色為RGB（177、167、180），執(zhí)行“視圖>標(biāo)尺”命令，在畫(huà)布中拖出參考線，如圖1-43 完成設(shè)置后效果如圖1-46RG（0、18、32），1-47 100%1-481-49 1-501-51 按住Ctrl1-521-53 1-541-55 使用相同的方法添加并拖動(dòng)錨點(diǎn)，使其變形，效果如圖1-56所示。使用相同的方法完成相1-57 制作無(wú)線圖標(biāo)有多種方法，還可以嘗試通過(guò)繪制同心圓之后截取圓形的一部分和鋼制作無(wú)線圖標(biāo)有多種方法，還可以嘗試通過(guò)繪制同心圓之后截取圓形的一部分和鋼筆工具繪制來(lái)制作。1.6.21.6.2AdobeIllustratorAdobe1-59所示。

etoreMercury雜文件，可以快速地設(shè)計(jì)流暢的圖案以及對(duì)描邊使用漸變效果，從而快速又精確地完成設(shè)計(jì)。通過(guò)其強(qiáng)大的性能為用戶提供了復(fù)雜的藝術(shù)效果以及豐富的排版方式，可以自由嘗試各種創(chuàng)意并傳達(dá)創(chuàng)作理念。菜單欄：菜單欄中提供了多種菜單命令。IllustratorCC10選項(xiàng)欄：顯示當(dāng)前所選工具的選項(xiàng)。根據(jù)所選擇工具的不同，選項(xiàng)欄中的選文檔窗口：1.6.31.6.33ds3dsMax全稱為3DStudioMax，是Autodesk公司發(fā)的三維動(dòng)畫(huà)渲染和制作軟件，它被廣1-603dsMax3ds3dsMax豐富的插件也是其一大亮點(diǎn)，操作簡(jiǎn)單，容易上手。與強(qiáng)大的功能相比，3dsMax菜單欄：3dsMaxWindows軟件中的菜單欄有相似畫(huà)”、“圖形編輯器”、“渲染”、“自定義”、“MAXScript”和“幫助”131-接打一些控制窗口,如圖1-61所示。1-通過(guò)動(dòng)畫(huà)時(shí)間控