一、APP安卓原生設(shè)計(jì)切圖給開發(fā)

1. 切圖方案：PNG格式

采用PNG格式切圖，規(guī)格為3x，對(duì)于設(shè)計(jì)師而言實(shí)施起來(lái)更為簡(jiǎn)便。設(shè)計(jì)師可以以iPhone 6s plus的分辨率為設(shè)計(jì)稿，導(dǎo)出相同大小的圖片。當(dāng)開發(fā)團(tuán)隊(duì)接收到這些切圖后，iOS系統(tǒng)對(duì)應(yīng)放入3x文件夾，而Android則對(duì)應(yīng)放入hdpi文件夾。目前而言，3x規(guī)格已足夠應(yīng)對(duì)大多數(shù)場(chǎng)景，其他倍數(shù)的圖片可通過(guò)3x圖片自動(dòng)縮小獲得。

2. 切圖方案：矢量圖

矢量圖方案相對(duì)復(fù)雜。對(duì)于iOS系統(tǒng)，設(shè)計(jì)師可提供pdf格式的矢量圖，大小按1x輸出，便于開發(fā)團(tuán)隊(duì)導(dǎo)入和布局。而對(duì)于Android系統(tǒng)，可使用VectorDrawable或svg轉(zhuǎn)png插件。使用VectorDrawable時(shí)，建議設(shè)計(jì)師制作svg時(shí)盡可能簡(jiǎn)潔，避免使用蒙版、挖空、區(qū)域透明等復(fù)雜功能。若選擇使用svg轉(zhuǎn)png插件，對(duì)插件的要求會(huì)相對(duì)寬松，但開發(fā)人員可能需要解決轉(zhuǎn)換后清晰度不足的問題。

3. 分辨率與倍數(shù)

不同設(shè)備的分辨率各異，如iPhone 6s+的分辨率為1080x1920，而se則是640x1136。但僅憑分辨率進(jìn)行適配并不現(xiàn)實(shí)。幸運(yùn)的是，我們還有倍數(shù)的概念。例如，2x（2倍）設(shè)備的點(diǎn)等于2px。通過(guò)計(jì)算“點(diǎn)”分辨率，我們發(fā)現(xiàn)不同機(jī)型的寬度變化不大，主要是高度有所不同。只要布局得當(dāng)，一套設(shè)計(jì)稿便可通用大部分機(jī)型。Android的情況類似，只是倍數(shù)更多。

4. 良好的布局設(shè)計(jì)

在設(shè)計(jì)過(guò)程中，選定一款常用機(jī)型的分辨率作為設(shè)計(jì)稿基礎(chǔ)后，布局工作便尤為重要。布局如同排版，涉及每個(gè)控件的擺放規(guī)則。設(shè)計(jì)師應(yīng)思考如何使設(shè)計(jì)稿適應(yīng)不同大小的屏幕。例如，以公司常用的iPhone 5s的分辨率640x1136作為設(shè)計(jì)稿基準(zhǔn)，并知道以哪個(gè)倍數(shù)為基準(zhǔn)進(jìn)行適配很重要。 舉個(gè)例子，當(dāng)設(shè)計(jì)師面臨九宮格頁(yè)面的設(shè)計(jì)時(shí)，可以針對(duì)特定的設(shè)備如iPhone 6s+等調(diào)整布局，并以2x為基準(zhǔn)尺寸。這樣，同一個(gè)設(shè)計(jì)稿便能方便地應(yīng)用于不同分辨率的設(shè)備上。通過(guò)調(diào)整不同分辨率的參數(shù)，便能得到滿意的頁(yè)面布局。 值得注意的是，在進(jìn)行設(shè)計(jì)時(shí)，應(yīng)確保當(dāng)倍數(shù)不為1x時(shí)，所有以px為單位的數(shù)值都能被倍數(shù)整除。這樣可以確保設(shè)計(jì)的圖像在不同設(shè)備上都能正確顯示。布局的成功離不開多思考和多練習(xí)，因此設(shè)計(jì)師應(yīng)不斷錘煉自己的布局能力。

關(guān)于圖標(biāo)尺寸適配與App開發(fā)技術(shù)的深度解析

一、圖標(biāo)尺寸適配的奧秘

為何以2x為例，輸出的圖標(biāo)大小不能設(shè)定為45px x 45px？原因在于，當(dāng)圖標(biāo)在1x和3x的環(huán)境下輸出時(shí)，會(huì)出現(xiàn)小數(shù)像素點(diǎn)，而這些小數(shù)點(diǎn)會(huì)被舍棄，導(dǎo)致圖標(biāo)顯示失真。正確的做法是將圖標(biāo)尺寸調(diào)整為44px或46px，以確保在各種分辨率下都能平滑顯示。

那么，為什么不采用等比例縮放適配呢？更大的屏幕尺寸意味著更多的內(nèi)容展示空間。等比例縮放雖然簡(jiǎn)便，但卻無(wú)法充分利用大屏的優(yōu)勢(shì)，同時(shí)也難以保證系統(tǒng)UI的一致性體驗(yàn)。

二、App開發(fā)所需的技術(shù)大全

要解答一個(gè)完整的App開發(fā)需要哪些技術(shù)，首先需了解App的類型及其適用的需求。

1. App的類型

WebApp：這是針對(duì)iOS/Android優(yōu)化后的web站點(diǎn)，用戶無(wú)需下載安裝即可訪問。它側(cè)重于“功能”，是基于網(wǎng)頁(yè)技術(shù)開發(fā)實(shí)現(xiàn)特定功能的應(yīng)用，必須依賴手機(jī)瀏覽器運(yùn)行。WebApp開發(fā)成本低，維護(hù)更新簡(jiǎn)單，但用戶體驗(yàn)可能不足。

Native App：基于智能手機(jī)操作系統(tǒng)（如ios和Android）用原生程序編寫的App。Native App擁有最佳的用戶體驗(yàn)和交互界面，但開發(fā)難度和成本相對(duì)較高。

Hybrid App：混合類App，同時(shí)采用網(wǎng)頁(yè)語(yǔ)言和程序語(yǔ)言開發(fā)，需用戶下載安裝使用。它結(jié)合了Native App的良好用戶體驗(yàn)和WebApp的跨平臺(tái)開發(fā)優(yōu)勢(shì)。

2. 不同類型App的開發(fā)技術(shù)

WebApp：主要使用html或html5、CSS3、JavaScript技術(shù)做UI布局，服務(wù)端技術(shù)可用java、php、ASP?，F(xiàn)在也有一鍵生成WebApp的平臺(tái)，如百度siteApp和移動(dòng)開發(fā)平臺(tái)APICloud。APICloud平臺(tái)提供基于騰訊x5瀏覽器引擎生成webApp，引流效果更佳。

Native App：需根據(jù)手機(jī)系統(tǒng)采用不同的開發(fā)語(yǔ)言。開發(fā)Android App主要使用java，需熟悉Android環(huán)境和機(jī)制，包括開發(fā)環(huán)境搭建、數(shù)據(jù)結(jié)構(gòu)和Android SDK的使用。

App開發(fā)涉及的技術(shù)眾多，從圖標(biāo)尺寸適配到各類App的開發(fā)技術(shù)，都需要開發(fā)者深入理解和掌握。隨著技術(shù)的不斷進(jìn)步，App開發(fā)將更加便捷、高效，為用戶帶來(lái)更好的體驗(yàn)。深入探索App開發(fā)所需技術(shù)棧與知識(shí)領(lǐng)域

一、基礎(chǔ)網(wǎng)絡(luò)技術(shù)

對(duì)于任何類型的App開發(fā)，熟悉TCP/IP和Socket等網(wǎng)絡(luò)協(xié)議是基礎(chǔ)中的基礎(chǔ)。這些協(xié)議是App與服務(wù)器或其他設(shè)備通信的橋梁。只有深刻理解這些協(xié)議的工作原理，開發(fā)者才能確保App在網(wǎng)絡(luò)環(huán)境中的穩(wěn)定性和安全性。

二、Web服務(wù)與后端開發(fā)

若App涉及服務(wù)器交互，那么WebService相關(guān)知識(shí)及相應(yīng)的開發(fā)語(yǔ)言就尤為重要。PHP、JSP、ASP.Net是當(dāng)前常用的開發(fā)語(yǔ)言。這些語(yǔ)言能夠幫助開發(fā)者構(gòu)建穩(wěn)定、高效的后端服務(wù)，為App提供數(shù)據(jù)支持。

三、iOS開發(fā)核心技術(shù)

Objective-C是開發(fā)iOS系統(tǒng)App的主流編程語(yǔ)言。蘋果公司的iOS SDK為開發(fā)者提供了豐富的工具和環(huán)境。從程序創(chuàng)建、編譯到調(diào)試、運(yùn)行，iOS SDK為開發(fā)者簡(jiǎn)化了整個(gè)過(guò)程。學(xué)習(xí)iOS開發(fā)，蘋果官方文檔是最權(quán)威的資源，其中詳細(xì)闡述了如何使用這些工具和環(huán)境進(jìn)行高效開發(fā)。

四、Hybrid App開發(fā)詳解

Hybrid App開發(fā)是當(dāng)前移動(dòng)開發(fā)的趨勢(shì)。它以Web為主體，結(jié)合Native功能，主要使用html5、CSS3、JavaScript等網(wǎng)頁(yè)語(yǔ)言。其用戶體驗(yàn)的好壞取決于底層中間件的交互與跨平臺(tái)能力。國(guó)內(nèi)外有多種優(yōu)秀的開發(fā)工具，如APICloud的Deep Engine，它通過(guò)半翻譯式原理將web翻譯成Native API，支持?jǐn)U展API，并能調(diào)用原生語(yǔ)言開發(fā)的功能模塊。這種開發(fā)方式既保留了原生App的特性，又大大提高了開發(fā)效率。

五、App開發(fā)所需完整技術(shù)棧

一個(gè)完整的App開發(fā)除了上述技術(shù)外，還需了解不同類型的App及其開發(fā)技術(shù)。WebApp、Native App、Hybrid App各有特點(diǎn)，開發(fā)者需根據(jù)需求選擇合適的方式。WebApp基于網(wǎng)頁(yè)技術(shù)，開發(fā)成本低，但用戶體驗(yàn)可能不足；Native App用戶體驗(yàn)最佳，但開發(fā)成本和難度較高；Hybrid App則結(jié)合了前兩者的優(yōu)點(diǎn)。大型App如淘寶、微信都是采用的Hybrid App路線。開發(fā)者需掌握對(duì)應(yīng)的技術(shù)棧，包括前端技術(shù)、后端技術(shù)、數(shù)據(jù)庫(kù)技術(shù)等，以確保App的順利開發(fā)。

App開發(fā)是一個(gè)綜合性很強(qiáng)的技術(shù)工作，需要開發(fā)者具備廣泛的知識(shí)和技能。從網(wǎng)絡(luò)協(xié)議到具體的開發(fā)語(yǔ)言和技術(shù)棧，每一個(gè)環(huán)節(jié)都至關(guān)重要。只有不斷學(xué)習(xí)、實(shí)踐，才能在這個(gè)領(lǐng)域取得長(zhǎng)足的進(jìn)步。 Web App開發(fā)概述

一、基于WebKit內(nèi)核的Web App開發(fā)

Web App主要是基于iOS/Android的內(nèi)置瀏覽器，這些瀏覽器都是基于WebKit內(nèi)核。在開發(fā)Web App時(shí)，開發(fā)者多數(shù)使用HTML或HTML5、CSS3以及JavaScript技術(shù)來(lái)進(jìn)行UI布局，實(shí)現(xiàn)傳統(tǒng)的C/S架構(gòu)軟件功能。服務(wù)端技術(shù)則主要采用Java、PHP、ASP等語(yǔ)言。現(xiàn)在，一鍵生成Web App的平臺(tái)如百度siteApp和移動(dòng)開發(fā)平臺(tái)APICloud廣受歡迎。APICloud平臺(tái)利用騰訊x5瀏覽器引擎生成webApp，完美適配微信/手機(jī)QQ等移動(dòng)端的瀏覽體驗(yàn)，有效幫助webApp引流。

Native App開發(fā)基礎(chǔ)

二、Native App開發(fā)環(huán)境與知識(shí)體系

Native App需要根據(jù)運(yùn)行的手機(jī)系統(tǒng)采用不同的開發(fā)語(yǔ)言。對(duì)于Android系統(tǒng)，開發(fā)語(yǔ)言是Java，開發(fā)者還需要熟悉Android環(huán)境和機(jī)制。主要的知識(shí)點(diǎn)包括：搭建Android開發(fā)環(huán)境，如使用Android Studio和eclipse；數(shù)據(jù)結(jié)構(gòu)基礎(chǔ)，因?yàn)槟承┕δ苌婕八惴?；Android SDK的使用，包括自行開發(fā)API和調(diào)用第三方API的經(jīng)驗(yàn)；熟悉TCP/IP、Socket等網(wǎng)絡(luò)協(xié)議；如果涉及服務(wù)器，還需要了解WebService相關(guān)知識(shí)和相應(yīng)的開發(fā)語(yǔ)言，如PHP、JSP、ASP.Net。除此之外，App開發(fā)還涉及UI設(shè)計(jì)、框架、性能優(yōu)化、調(diào)試適配等。

iOS系統(tǒng)App開發(fā)要點(diǎn)

三、iOS系統(tǒng)App開發(fā)的核心技能

Objective-C是開發(fā)iOS系統(tǒng)App的主流編程語(yǔ)言。開發(fā)者一般會(huì)使用蘋果公司的iOS SDK來(lái)搭建開發(fā)環(huán)境。iOS SDK是開發(fā)iOS應(yīng)用程序中不可或缺的軟件包，提供了從創(chuàng)建程序到編譯、調(diào)試、運(yùn)行、測(cè)試等多種開發(fā)過(guò)程中需要的工具。學(xué)習(xí)iOS開發(fā)的最佳資源是蘋果官方文檔。

Hybrid App混合開發(fā)趨勢(shì)

四、Hybrid App的開發(fā)類型與工具

Hybrid App是當(dāng)前的移動(dòng)開發(fā)趨勢(shì)。它以web為主體型的開發(fā)，穿插Native功能的hybrid App開發(fā)類型為主流。主要使用html5、CSS3、JavaScript等網(wǎng)頁(yè)語(yǔ)言。Web主體型的App的用戶體驗(yàn)取決于底層中間件的交互與跨平臺(tái)能力。國(guó)內(nèi)外有許多優(yōu)秀的開發(fā)工具，如AppmAkr、Appmobi和國(guó)內(nèi)的APICloud。APICloud的底層引擎使用Deep Engine，采用半翻譯式原理，能媲美原生App的用戶體驗(yàn)，同時(shí)節(jié)省開發(fā)時(shí)間。

五、Hybrid App的企業(yè)應(yīng)用與優(yōu)勢(shì)

對(duì)于企業(yè)來(lái)說(shuō)，可以根據(jù)需求選擇不同的開發(fā)類型和開發(fā)工具。Hybrid App因其便捷性、靈活性和成本效益成為首選。一方面，Hybrid App在開發(fā)時(shí)大部分不采用原生語(yǔ)言，卻能擁有原生應(yīng)用的特性；另一方面，隨著web技術(shù)的發(fā)展，Hybrid App技術(shù)已經(jīng)成熟。很多大型App如淘寶、微信、攜程都屬于這種開發(fā)模式。Hybrid App給企業(yè)移動(dòng)應(yīng)用的開發(fā)、維護(hù)、更新都帶來(lái)了極高的便捷性。從成本投入和用戶體驗(yàn)的角度考慮，Hybrid App無(wú)疑是首選。