上海UI設計培訓來班啦，大家可隨時關注獵學網(wǎng)UI設計培訓頻道，我們將第一時間公布相關培訓信息。

在曾經(jīng)的曾經(jīng)，當設計師做好一個設計方案，滿心歡喜地給開發(fā)講解方案的思路和創(chuàng)意時。開發(fā)突然說一句：“這個方案實現(xiàn)不了”，對于此時的設計師來說，甭提內(nèi)心有多難過了。但是又不得不耐著心的去改、去修。

但是，這到底問題出現(xiàn)在哪呢?這其實是由于設計師對App技術框架的知識匱乏所導致的，雖然做設計不必做到會寫代碼，但掌握必要的App技術框架原理，能更有效地幫助預判哪些方案可行和實現(xiàn)效果較好!當然，做為一名UI設計師，APP客戶端正是未來發(fā)展的一大方向，所以，掌握APP技術框架的知識，對于UI設計師來說，還是相當必要的。下面有上海跑贏職場的小編一起了解下App技術框架都有哪些，讓設計方案更接地氣。

App技術框架的類型有那些呢?

1)NativeApp：

一種基于智能移動設備本地操作系統(tǒng)(如iOS、Android、WP操作系統(tǒng))，并使用對應系統(tǒng)所適用的程序語言編寫運行的第三方應用程序，由于它是直接與操作系統(tǒng)對接，代碼和界面都是針對所運行的平臺開發(fā)和設計的，能很好地發(fā)揮出設備的性能，所以交互體驗會更流暢。

2)WebApp：

一種采用Html語言編寫的，存在于智能移動設備瀏覽器中的應用程序，不需要下載安裝，可以說是觸屏版的網(wǎng)頁應用，由于它不依賴于操作系統(tǒng)，因此開發(fā)了一款WebApp后，基本能應用于各種系統(tǒng)平臺。

3)HybridApp：

一種用Native技術來搭建App的外殼，殼里的內(nèi)容由Web技術來提供的移動應用，兼具“NativeApp良好交互體驗的優(yōu)勢”和“WebApp跨平臺開發(fā)的優(yōu)勢”。

App技術框架的選擇

對于設計師而言，我們往往是被告知這個項目采用的是哪種技術框架，然后就開始設計了，其實，我們也可以根據(jù)產(chǎn)品特點、框架特點和項目時間來與產(chǎn)品和開發(fā)同學協(xié)商，合理地為App中不同的部分選擇對應技術框架，然后才在對應的技術框架下思考設計方案。

HybridApp技術框架的設計特點

由于HybridApp是融合了NativeApp和WebApp的技術特點，通過分析HybridApp的技術框架成分，能讓我們更好地掌握App框架的基本開發(fā)知識，有助于我們更好地去做設計。

HybridApp的大部分內(nèi)容都是在Native框架中加載Web網(wǎng)頁內(nèi)容，能在保證用戶體驗的前提下，讓App的內(nèi)容更具有擴展性，即使接入再多的內(nèi)容和業(yè)務功能，也不會使得整個App的安裝包過大，典型HybridApp的代表就是我們的手機淘寶客戶端。HybridApp在設計時，要注意以下2個要點

1)圖像渲染

Native技術部分由于能直接調(diào)用系統(tǒng)的渲染引擎，所以能實現(xiàn)流暢的復雜圖像渲染，而不影響設備的性能。

Web內(nèi)容部分由于是基于內(nèi)置瀏覽器，在圖像渲染的時候要通過瀏覽器訪問系統(tǒng)的渲染引擎或調(diào)用基于瀏覽器的第三方渲染引擎，中間需要在多個層級進行渲染請求，所以渲染的時效性和性能會下降不少，導致較復雜的圖像渲染或動態(tài)渲染時，會出現(xiàn)機器卡頓。

由于標題欄采用了Native技術框架，可采用復雜的毛玻璃效果，讓標題欄更通透，而內(nèi)容區(qū)采用了基于Html5的Web技術，因此不適合動態(tài)變換背景圖的渲染方案(當圖片輪播時，背景圖會隨著圖片內(nèi)容而動態(tài)變換出模糊的背景)。

2)動效體驗

由于HybridApp的內(nèi)容區(qū)大部分采用基于Html5的Web技術，對動效的解釋和操作需要消耗大量的CPU性能，在設計時，要注意以下三個方面：

a.不同的動效類型對CPU性能的消耗不同:對CPU性能要求低的動效類型能運行得更流暢，但如果當你的設計方案是非系統(tǒng)自帶的動效類型時，就需要提前跟開發(fā)溝通可行性和對CPU性能的消耗問題。

b.機型的性能差異：不同的手機機型的CPU性能相差較大，需要了解不同機型在你的App中的占比，因為即在iPhone6上能完美運行的動效或交互動作，在iPhone6以下的手機上可能就會卡住不動了，所以不太適合用于CPU性能消耗較大的頻繁渲染。

c.網(wǎng)絡的影響：如果你的動效在運動時，還需要加載內(nèi)容，就要考慮網(wǎng)絡較慢時，內(nèi)容加載對動效流暢度的影響，這時可考慮先加載完內(nèi)容，再開始動效或簡化、壓縮加載的內(nèi)容量。

以上就是有關上海UI設計三個最基礎的app技術框架的介紹，更多的(UI設計培訓課程、UI設計培訓機構)，敬請關注獵學網(wǎng)UI設計培訓頁面!

溫馨提示：獵學網(wǎng)鄭重承諾，本網(wǎng)站(獵學網(wǎng))以誠信、高效、安全、擔保的產(chǎn)品理念，作為“學習+服務”的第三方平臺，致力于打造良好的口碑服務平臺。站內(nèi)收錄的中專、大專、自考、成考、專升本、網(wǎng)絡教育等機構，都經(jīng)過獵學網(wǎng)核實認證!如果廣大考生有提升學歷的需求，敬請關注獵學網(wǎng)，歡迎通過了解!