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

一、切圖方案選擇

對于APP的設(shè)計來說，切圖方案的選取至關(guān)重要。其中，1.png的方案相對簡單，以iPhone 6s plus為設(shè)計稿，導出相同大小的圖片即可。開發(fā)拿到圖片后，iOS對應(yīng)放入3x規(guī)格，Android則放入對應(yīng)的hdpi目錄。目前使用較多的為3x規(guī)格，其他規(guī)格的圖片可以通過縮放獲得。

二、矢量圖方案詳解

矢量圖方案相對復雜。iOS矢量圖通常采用pdf格式，以1x規(guī)格輸出，便于開發(fā)人員導入和布局。對于Android平臺，可以選擇使用VectorDrawable或者svg轉(zhuǎn)png插件。使用VectorDrawable時，建議設(shè)計師以最簡單的方式制作svg，避免使用蒙版、挖空等復雜功能。如果選擇svg轉(zhuǎn)png插件，對制作svg的要求較為寬松，但可能遇到清晰度不足的問題，需要開發(fā)人員去處理。

針對公司現(xiàn)狀，推薦方案為設(shè)計師輸出一套1x規(guī)格pdf矢量圖，iOS可直接使用。對于Android平臺，采用svg轉(zhuǎn)png插件，并使用腳本將pdf批量轉(zhuǎn)換為svg，再由插件生成3x規(guī)格png。由于公司iOS項目優(yōu)先啟動，且圖片已制作完成，因此最終仍采用png方案。

三、分辨率與倍數(shù)的考量

不同設(shè)備的分辨率和倍數(shù)差異是適配的關(guān)鍵。以iPhone為例，6s+的分辨率為1080x1920，倍數(shù)為復雜值；而6s的分辨率為750x1334，倍數(shù)為2x；se的分辨率為640x1136，倍數(shù)同樣為2x。通過計算“點”分辨率，可以發(fā)現(xiàn)幾個機型的寬度變化不大，高度有所不同。只要布局得當，一套設(shè)計稿完全可以通用大部分機型。Android平臺的情況類似，只是倍數(shù)更多。

四、良好的布局設(shè)計

布局設(shè)計是適應(yīng)不同設(shè)備屏幕的關(guān)鍵。選用常用機型的分辨率作為設(shè)計稿后，便要開始布局工作。布局需要考慮每一塊區(qū)域和每一個控件的擺放規(guī)則，包括靠邊、居中、拉伸、鋪滿、保持比例或固定大小等。設(shè)計師需要能夠靈活調(diào)整設(shè)計稿以適應(yīng)不同大小的屏幕。例如，公司設(shè)計稿以5s為基準，分辨率為640x1136，倍數(shù)為2x。在設(shè)計時，需要考慮如何根據(jù)不同的倍數(shù)來調(diào)整布局。例如，對于一個九宮格頁面，可以針對6s+、6s、4s再做一次調(diào)整，以基準倍數(shù)為2x進行設(shè)計，從而方便在不同分辨率上做出滿意的頁面布局。

五、總結(jié)與建議

APP的安卓原生設(shè)計切圖給開發(fā)需要綜合考慮各種因素，包括設(shè)備分辨率、倍數(shù)、矢量圖方案等。設(shè)計師需要不斷學習和實踐，提高布局設(shè)計能力，以確保設(shè)計能夠靈活適應(yīng)各種設(shè)備屏幕。與開發(fā)人員密切合作，共同解決遇到的問題，確保項目的順利進行。關(guān)于圖標尺寸適配、App切圖命名規(guī)范以及App開發(fā)所需技術(shù)的深入探討

圖標尺寸適配問題

在數(shù)字世界，尤其是在涉及App圖標設(shè)計時，圖標尺寸的適配問題一直是我們必須面對的挑戰(zhàn)。對于尺寸為2x的設(shè)備，輸出圖標大小不能設(shè)定為固定的45px x 45px。這是因為當圖標尺寸在1x和3x的設(shè)備上使用時，由于尺寸調(diào)整不當，可能會出現(xiàn)小數(shù)像素值，而這些小數(shù)會被系統(tǒng)直接舍棄，導致圖標顯示不正常。正確的做法是將圖標尺寸微調(diào)至44px或46px，以確保在各種分辨率的設(shè)備上都能完美顯示。這樣的細節(jié)處理，關(guān)乎用戶體驗與品牌形象。

為什么不采用等比例縮放適配

隨著屏幕尺寸的日益多樣化，等比例縮放已經(jīng)不能完全滿足現(xiàn)代App的需求。更大的屏幕尺寸提供了更多的展示空間，等比例縮放無法充分利用這些空間來優(yōu)化用戶體驗。等比例縮放也可能導致系統(tǒng)UI的不一致性，影響用戶的使用體驗。為了更好地適應(yīng)各種屏幕，開發(fā)者需要尋求更為靈活的布局和縮放策略。

App切圖命名規(guī)范

在App開發(fā)中，切圖命名規(guī)范對于提高開發(fā)效率和減少誤解至關(guān)重要。以下是一些關(guān)鍵的命名規(guī)則和建議：

1. 通用命名規(guī)則：全部使用小寫英文，單詞間使用下劃線連接。這樣做的好處是避免了代碼的頻繁更改，提高了命名的穩(wěn)定性。

2. 切片文件命名：按照“模塊_類別_功能_狀態(tài)@2x.png”的格式進行命名。例如，“”。對于重復的圖標，可以使用數(shù)字序列進行區(qū)分，如“icon1、icon2、icon3…”。

3. 英文縮寫：為了縮短命名長度，可以對常用英文單詞進行合理縮寫。團隊需要統(tǒng)一縮寫規(guī)則，以確保命名的連貫性和一致性。

4. 命名效率與專業(yè)性：規(guī)范的命名不僅方便了后期的文件管理和修改，還有助于團隊協(xié)作，減少了學習成本。規(guī)范命名也能大幅節(jié)省開發(fā)時間，減少溝通成本和重復切圖的工作量。

5. 特殊狀態(tài)處理：對于按鈕狀態(tài)，如正常、突出、選中、不可用等，需要有明確的命名規(guī)范。在iOS上，通常不需要為highlight狀態(tài)制作單獨的切圖。

6. 工具與資源：推薦使用藍湖等工具，它們提供了自動標注、樹狀連線、交互原型制作和產(chǎn)品文檔共享等功能，大大提高了開發(fā)效率。

App開發(fā)需要什么技術(shù)

一個完整的App開發(fā)涉及多種技術(shù)。我們需要了解App的類型，不同的類型適用于不同的技術(shù)和需求。對于常見的App類型，如WebApp，它是針對iOS/Android優(yōu)化后的web站點，用戶無需下載安裝即可訪問。除此之外，還有原生App和混合開發(fā)App等形式。

在技術(shù)開發(fā)方面，開發(fā)者需要掌握前端技術(shù)如HTML5、CSS3、JavaScript等，以及后端技術(shù)如服務(wù)器搭建、數(shù)據(jù)庫管理等。還需要熟悉各種開發(fā)工具和平臺特性，如iOS的Swift或Objective-C編程語言，以及Android的Java或Kotlin編程語言。根據(jù)App的具體需求，可能還需要涉及其他技術(shù)，如云計算、大數(shù)據(jù)分析、人工智能等。

App開發(fā)是一個復雜而有趣的過程，需要開發(fā)者具備扎實的技術(shù)基礎(chǔ)和豐富的實踐經(jīng)驗。也需要團隊之間的緊密合作和高效的溝通，以確保項目的順利進行。移動應(yīng)用類型概覽及其開發(fā)技術(shù)解析

=====================

一、移動應(yīng)用類型簡介

-

Web App：網(wǎng)頁技術(shù)在移動端的展示

Web App主要側(cè)重于在移動設(shè)備上的展示，包括文字、視頻、圖片等。它以網(wǎng)頁技術(shù)為基礎(chǔ)，實現(xiàn)特定功能的應(yīng)用。雖然Web App開發(fā)成本低、維護更新簡單，并支持云修復，但它在用戶體驗、頁面交互動態(tài)效果方面可能略顯不足。頁面跳轉(zhuǎn)可能遲鈍甚至卡殼。如果企業(yè)的核心功能較為基礎(chǔ)，側(cè)重于信息查詢、瀏覽等，Web App是一個不錯的選擇。

Native App：原生操作系統(tǒng)體驗

Native App是基于智能手機操作系統(tǒng)（如iOS和Android）用原生程序編寫的應(yīng)用。它擁有最佳的用戶體驗、最好的交互界面，但開發(fā)難度最大，開發(fā)成本和維護成本也相對較高。

Hybrid App：原生與Web的完美結(jié)合

Hybrid App是半原生半web的混合類應(yīng)用，結(jié)合網(wǎng)頁語言和程序語言開發(fā)，通過應(yīng)用商店進行打包分發(fā)。它兼具Native App良好的用戶交互體驗和web App跨平臺開發(fā)的優(yōu)勢，開發(fā)成本和難度相對較低。大型應(yīng)用如淘寶、掌上百度、微信等都是Hybrid App路線。

二、移動應(yīng)用開發(fā)技術(shù)解析

-

Web App開發(fā)技術(shù)

iOS/Android的內(nèi)置瀏覽器基于webkit內(nèi)核，因此Web App開發(fā)主要使用html或html5、CSS3、JavaScript技術(shù)。對于服務(wù)端技術(shù)，java、php、ASP是常用選擇?，F(xiàn)在也有一鍵生成webApp的平臺，如百度siteApp和移動開發(fā)平臺APICloud。APICloud平臺提供基于騰訊x5瀏覽器引擎生成webApp，能有效適配微信/手機qq等移動端的瀏覽體驗。

Native App開發(fā)技術(shù)

對于Android系統(tǒng)，開發(fā)環(huán)境需要搭建在Android Studio或eclipse上，主要使用java語言，并熟悉Android環(huán)境和機制。還需要了解數(shù)據(jù)結(jié)構(gòu)、Android SDK、tcp/IP、socket等網(wǎng)絡(luò)協(xié)議。如果涉及服務(wù)器，還需了解webservice相關(guān)知識和相應(yīng)的開發(fā)語言，如PHP、JSP、ASP.Net。iOS系統(tǒng)的App開發(fā)主要使用Objective-C編程語言，開發(fā)者一般會使用蘋果公司的iOS SDK搭建開發(fā)環(huán)境。

Hybrid App開發(fā)技術(shù)

Hybrid App開發(fā)是以web為主體型的開發(fā)，即主要使用網(wǎng)頁語言（html5、CSS3、JavaScript）編寫，并穿插Native功能。這種類型的應(yīng)用用戶體驗取決于底層中間件的交互與跨平臺能力。

總結(jié)，不同類型的移動應(yīng)用都有其獨特的優(yōu)勢和適用場景，選擇合適的開發(fā)類型和掌握相應(yīng)的開發(fā)技術(shù)，是移動應(yīng)用開發(fā)者的重要任務(wù)。隨著技術(shù)的不斷進步，未來的移動應(yīng)用將更加豐富多彩，為用戶帶來更好的體驗。國內(nèi)外優(yōu)秀開發(fā)工具概覽：從AppMaker到APICloud

一、引言

在數(shù)字化時代，開發(fā)工具的選擇對于企業(yè)和開發(fā)者來說至關(guān)重要。國內(nèi)外涌現(xiàn)出許多領(lǐng)先的開發(fā)工具，如國外的AppmAkr和Appmobi，以及國內(nèi)的APICloud等。這些工具不僅提升了開發(fā)效率，還為企業(yè)帶來了更好的應(yīng)用體驗。

二、APICloud及其獨特之處

APICloud作為國內(nèi)領(lǐng)先的開發(fā)工具，擁有強大的底層引擎——Deep Engine。它采用半翻譯式原理，將運行中的web應(yīng)用實時翻譯為Native API。這意味著開發(fā)者可以在web環(huán)境下進行應(yīng)用開發(fā)，同時享受到接近原生應(yīng)用的流暢體驗。更為引人注目的是，APICloud支持擴展API，允許開發(fā)者在開發(fā)時調(diào)用原生語言開發(fā)的功能模塊，極大地豐富了開發(fā)者的選擇。

三、企業(yè)如何選擇開發(fā)工具

對于企業(yè)來說，選擇適合自身需求的開發(fā)類型和工具是關(guān)鍵。當前，Hybrid App開發(fā)趨勢日益顯著。Hybrid App結(jié)合了web技術(shù)和原生應(yīng)用的特性，開發(fā)時并不大量使用原生語言，卻仍能保持原生應(yīng)用的優(yōu)質(zhì)體驗。隨著web技術(shù)的不斷進步，Hybrid App技術(shù)已經(jīng)日趨成熟。許多知名企業(yè)的App，如淘寶、微信、攜程等，均采用這種開發(fā)模式。從成本投入和用戶體驗的角度來看，Hybrid App無疑是企業(yè)的首選。

四、APICloud與Hybrid App的完美結(jié)合

APICloud工具在Hybrid App開發(fā)領(lǐng)域具有顯著優(yōu)勢。它不僅能幫助企業(yè)快速開發(fā)Hybrid App，還能提供強大的維護和支持。通過APICloud，企業(yè)可以更方便地進行App的更新和迭代，保持與時俱進。其高效的開發(fā)流程和豐富的功能模塊，使得企業(yè)在移動應(yīng)用方面獲得更高的競爭力。

五、結(jié)語

隨著移動開發(fā)的不斷進步，選擇合適的開發(fā)工具對于企業(yè)的長遠發(fā)展至關(guān)重要。APICloud作為國內(nèi)領(lǐng)先的開發(fā)工具，憑借其獨特的半翻譯式原理和豐富的功能模塊，為企業(yè)提供了更高效、更便捷的移動應(yīng)用開發(fā)體驗。而Hybrid App作為當前的移動開發(fā)趨勢，更是為企業(yè)帶來了無盡的便利。企業(yè)在選擇開發(fā)工具時，應(yīng)充分考慮自身需求和實際情況，選擇最適合自己的道路。