1.并發(fā)：整個(gè)網(wǎng)站或APP在同一時(shí)間訪問(wèn)的人數(shù)（并發(fā)超過(guò)服務(wù)器，則會(huì)在使用中制動(dòng)關(guān)閉）

2.迭代：版本更新

3.UI（user interface）：用戶(hù)界面

GUI：圖形界面設(shè)計(jì)

UED/UXD（user experience）：用戶(hù)體驗(yàn)設(shè)計(jì)

IXD(interaction design)：交互設(shè)計(jì)（任何機(jī)器互動(dòng)的過(guò)程刚陡，通過(guò)了解人的心理皱炉，目標(biāo)遥巴，期望，使用有效的交互方式讓整個(gè)過(guò)程好用，易用）

UID（user interface design）：用戶(hù)界面設(shè)計(jì)

UCD（user center design）：以用戶(hù)為中心的設(shè)計(jì)

4.APP：手機(jī)的第三方應(yīng)用程序

5.啟動(dòng)圖標(biāo)icon按功能分：（1）啟動(dòng)圖標(biāo) （2）應(yīng)用圖標(biāo)

啟動(dòng)圖標(biāo)icon按設(shè)計(jì)風(fēng)格分類(lèi)：（1）剪影圖標(biāo) （2）扁平圖標(biāo) （3）擬物圖標(biāo) ?（4）主題圖標(biāo)

6.圖標(biāo)設(shè)計(jì)的三大原則：

（1）識(shí)別性：圖標(biāo)的圖形君纫，要能準(zhǔn)確表達(dá)相應(yīng)的操作谷扣。

（2）一致性：設(shè)計(jì)要做一個(gè)協(xié)調(diào)統(tǒng)一土全，具有自己的風(fēng)格。

（3）兼容性：要考慮不同系統(tǒng)会涎，不同硬件的雙重兼容（不同的使用場(chǎng)景兼容）

7.圖標(biāo)設(shè)計(jì)的步驟：

（1）確定主題：

首先明確設(shè)計(jì)的主題與客戶(hù)的要求

分析內(nèi)容裹匙，針對(duì)的人群，APP行業(yè)的特性末秃、場(chǎng)景概页、習(xí)慣

搜集行業(yè)內(nèi)或相關(guān)成果APP的方案

確立主題構(gòu)圖，以及大概的色彩方向

（2）關(guān)鍵詞

在提煉的主題基礎(chǔ)上將關(guān)鍵詞寫(xiě)下來(lái)（頭腦風(fēng)暴）

考慮用戶(hù)的特殊要求

(3)圖形化

將提煉的關(guān)鍵詞羅列出來(lái)之后练慕，可以視覺(jué)化元素惰匙，將象征元素提煉出來(lái)

提煉完畢后尋找相關(guān)素材

（4）篩檢

將不直觀，不美觀铃将，與企業(yè)形象出入較大的素材篩除

不要刻意项鬼，直接使用所找素材，進(jìn)行二次加工

（5）出圖

確定色調(diào)

畫(huà)草圖

將草圖實(shí)現(xiàn)劲阎，輸出最終稿

8.圖標(biāo)設(shè)計(jì)技巧：

（1）隱喻（辨識(shí)度）

圖標(biāo)作為一個(gè)入口绘盟，引導(dǎo)用戶(hù)進(jìn)入應(yīng)用，應(yīng)簡(jiǎn)約明確悯仙，但不能讓用戶(hù)去猜龄毡，意思要表達(dá)明確。

一般選用一種或兩種辨識(shí)度較高雁比，能代表其概念的物體稚虎。

（2）柵格線(xiàn)（整體感）

能夠更好的匹配，界面中的圖標(biāo)整體感強(qiáng)偎捎。

（3）色彩鮮明（跳躍感）

明亮的色彩能夠帶來(lái)趣味性和活力感蠢终，也易于在多種背景中脫穎而出。

（4）刪繁就簡(jiǎn)（易讀性）

圖標(biāo)本身就是一種設(shè)計(jì)語(yǔ)言茴她，所以要避免信息量過(guò)載寻拂，盡量減少文字。

（5）適度立體（層次感）

多嘗試加入一些投影或者漸變丈牢，使得圖標(biāo)更有層次感祭钉，而不能單一的純扁平化

（6）風(fēng)格一致（套系感）

要刻意去培養(yǎng)自身的整體感，一致的風(fēng)格設(shè)計(jì)己沛，是用戶(hù)情感化的體現(xiàn)于需要

（7）追求完美（可讀性）

追求細(xì)節(jié)做到畫(huà)面不可模糊慌核，嚴(yán)格控制像素距境，使得畫(huà)面精致。

9.扁平圖標(biāo)的種類(lèi)：

（1）純平面：

特點(diǎn)：純色垮卓，剪影

優(yōu)點(diǎn)：簡(jiǎn)潔垫桂，清晰，清晰粟按，舒服诬滩，色彩明朗，視覺(jué)識(shí)別高灭将。

(2）輕折疊：

特點(diǎn)：純色疼鸟，折痕，輕投影

優(yōu)點(diǎn)：比純平面更加豐富庙曙，有輕微視覺(jué)空間感空镜，色彩明朗，視覺(jué)統(tǒng)一性較好矾利。

（3）輕質(zhì)感：

特點(diǎn)：輕漸變姑裂，簡(jiǎn)單層次馋袜，輕投影

優(yōu)點(diǎn)：干凈男旗，簡(jiǎn)潔，內(nèi)容豐富欣鳖，更有質(zhì)感

（4）折紙風(fēng)

特點(diǎn)：折疊察皇，投影，結(jié)構(gòu)

優(yōu)點(diǎn)：層次豐富泽台，結(jié)構(gòu)明顯什荣，易于創(chuàng)造空間立體感，幾何感明顯怀酷。

（5）有明顯投影（長(zhǎng)投影）

特點(diǎn)：層次稻爬，投影

優(yōu)點(diǎn)：色彩對(duì)比度大，有明顯而單純的投影蜕依，從而創(chuàng)造鮮明的層次感和空間感桅锄，視覺(jué)沖擊力大。

（6）有厚度

特點(diǎn)：厚度样眠，立體感友瘤，細(xì)節(jié)

優(yōu)點(diǎn)：有明顯的厚度，即有明顯的立體感檐束，有一定的細(xì)節(jié)描繪

缺點(diǎn)：相對(duì)復(fù)雜辫秧，統(tǒng)一性沒(méi)有以上風(fēng)格高。

10.黃金比例1.618（即長(zhǎng)段為全段的0.618）

裴波那契數(shù)：0,1,1,2,3,5,8,13,21......(前面兩個(gè)數(shù)之和等于第三數(shù))

黃金比例應(yīng)用:

(1)布局:將尺寸設(shè)置成黃金比例

(2)間距:使用黃金螺旋線(xiàn)布局;位置的布局和留白一樣都可以通過(guò)黃金螺旋線(xiàn)布置.

(3)內(nèi)容:沿著黃金螺旋線(xiàn)的軌道,保證視覺(jué)的平衡

(4)圖形:黃金比例圖形

11.MBE風(fēng)格圖標(biāo)

特點(diǎn):

(1)特粗描邊線(xiàn)條

(2)Q版卡通形象

(3)圓滑的線(xiàn)條

(4)顏色鮮明

(5)沒(méi)有漸變色

(6)能快速用矢量去繪制

(7)能快速創(chuàng)作動(dòng)效

12.輕擬物圖標(biāo)

特點(diǎn)：對(duì)顯示中的物體所做的模仿被丧，不追求完全的真實(shí)感盟戏。

13.擬物化圖標(biāo)

特點(diǎn)：界面模擬真是物體的材質(zhì)绪妹，質(zhì)感，細(xì)節(jié)柿究，光亮等喂急。對(duì)于光影處理的要求高。

14.交互分為人人交互和人機(jī)交互

人機(jī)交互：任何機(jī)器在互動(dòng)的過(guò)程中笛求，設(shè)計(jì)師通過(guò)了解用戶(hù)的心里廊移，目標(biāo)，期望探入，定義的一個(gè)行為狡孔。用戶(hù)使用搞這些有效的行為達(dá)到他們的目標(biāo)，并使得整個(gè)過(guò)程易用蜂嗽。

15.交互四要素：用戶(hù)苗膝，目標(biāo)，行為植旧，反饋

16.簡(jiǎn)化四策略：

（1）刪除：去掉所有不必要的按鈕（功能）辱揭，直至減到不能再減為止

（2）組織：按照有意義的標(biāo)準(zhǔn)將按鈕劃分為組

（3）隱藏：把那些不是很重要的按鈕隱藏起來(lái)，避免分散用戶(hù)注意力

（4）轉(zhuǎn)移：只保留最基本的功能按鈕病附，其他的轉(zhuǎn)移菜單或其他更深的地方

17.UED（用戶(hù)體驗(yàn)）的五個(gè)重要部分：

（1）人機(jī)交互：設(shè)備與用戶(hù)之間的信息船體與反饋

（2）狀態(tài)：在寫(xiě)交互說(shuō)明的時(shí)候總是更多的考慮正常狀態(tài)问窃，卻忽略一些特殊狀態(tài)，但對(duì)于開(kāi)發(fā)來(lái)說(shuō)完沪，各種狀態(tài)都不能丟失

（3）操作與反饋：反饋對(duì)用戶(hù)動(dòng)作的一種回復(fù)域庇，向他們展示操作的結(jié)果，更新他們的任務(wù)進(jìn)程

（4）工作流：讓用戶(hù)明白按哪里可以做什么覆积，以及接下來(lái)會(huì)發(fā)生什么

（5）故障

18.移動(dòng)端開(kāi)發(fā)的流程：

愿景——背景調(diào)研——用戶(hù)訪談——行為數(shù)據(jù)分析——需求和任務(wù)分析——用例分析（市場(chǎng)研究听皿，用戶(hù)研究）——設(shè)計(jì)定位——產(chǎn)品概念設(shè)計(jì)——信息架構(gòu)設(shè)計(jì)——交互流程設(shè)計(jì)——核心界面設(shè)計(jì)——原型開(kāi)發(fā)——細(xì)節(jié)界面設(shè)計(jì)——用戶(hù)測(cè)試——控件輸出——交互說(shuō)明文檔，視覺(jué)規(guī)范（概念設(shè)計(jì)宽档，交互設(shè)計(jì)尉姨，視覺(jué)設(shè)計(jì)）——編程開(kāi)發(fā)——測(cè)試bug——部署與發(fā)布（代碼開(kāi)發(fā)）——推廣與運(yùn)營(yíng)——運(yùn)營(yíng)數(shù)據(jù)分析——迭代

19.用戶(hù)體驗(yàn)要素（產(chǎn)品設(shè)計(jì)的五層）：

戰(zhàn)略層：用戶(hù)需求、網(wǎng)站目標(biāo)（產(chǎn)品定位）

范圍層：功能規(guī)格吗冤、內(nèi)容需求（1.功能設(shè)計(jì)又厉，競(jìng)品分析 ?2.需求調(diào)研與分析）

結(jié)構(gòu)層：交互設(shè)計(jì)、信息架構(gòu)（業(yè)務(wù)流程梳理欣孤，操作流程梳理馋没，信息流程梳理，數(shù)據(jù)流程梳理）

框架層：界面設(shè)計(jì)降传、導(dǎo)航設(shè)計(jì)篷朵、信息設(shè)計(jì)（頁(yè)面布局，用戶(hù)場(chǎng)景分析）

表現(xiàn)層：視覺(jué)設(shè)計(jì)（界面設(shè)計(jì)）

20.五導(dǎo)圖：

21.場(chǎng)景故事的表達(dá)分析——六維度分析（6W） ? —— ? 越是底層越是剛需

（1）who（什么人）：產(chǎn)品的目標(biāo)用戶(hù)是誰(shuí)？是一類(lèi)還是幾類(lèi)群體声旺？通過(guò)用戶(hù)群額年齡笔链，性別，特質(zhì)腮猖，區(qū)域鉴扫，習(xí)慣，興趣澈缺，愛(ài)好坪创，收入，消費(fèi)......

（2）when（什么時(shí)間）：用戶(hù)在什么時(shí)候使用產(chǎn)品姐赡？在產(chǎn)品推薦時(shí)莱预，必須選擇合適的時(shí)間，同時(shí)還要考慮用戶(hù)停留時(shí)間项滑，使用高峰時(shí)間依沮，離開(kāi)時(shí)間

（3）where（什么地方）：用戶(hù)可能在那些條件和環(huán)境下使用產(chǎn)品，針對(duì)不同的操作環(huán)境枪狂，不同的地理環(huán)境危喉，要有不同的方案

（4）why（為什么）：用于了解功能的目的，有沒(méi)有真正滿(mǎn)足用戶(hù)的需求

（5）what（是什么）：產(chǎn)品功能分析州疾，用來(lái)分析產(chǎn)品的基本功能和輔助功能之間的關(guān)系辜限。用戶(hù)真正需要的功能是什么

（6）which（哪些）：除了此產(chǎn)品外，市面上還有哪些可代替的競(jìng)品

22.用戶(hù)模型（用戶(hù)畫(huà)像）：目標(biāo)群體孝治，真是的特質(zhì)列粪。是真是用戶(hù)的綜合原型

23.用戶(hù)行為路徑：做一件事，從開(kāi)始到結(jié)束期間所發(fā)生的一些行為谈飒，并記錄行為（包括正確和錯(cuò)誤的行為）

24.體驗(yàn)者旅程：先看用戶(hù)目前行為流程，在從情緒上判定體驗(yàn)的好壞

25.同理心地圖：學(xué)會(huì)換位思考态蒂，讓自己站在用戶(hù)的維度去思考問(wèn)題

26.調(diào)研方法：

（1）問(wèn)卷調(diào)查

（2）焦點(diǎn)訪談

（3）現(xiàn)場(chǎng)觀察

（4）二手資料調(diào)研

（5）相關(guān)人訪問(wèn)

（6）競(jìng)品分析

27.用戶(hù)登陸注冊(cè)系統(tǒng)分為兩大類(lèi)：

（1）自建用戶(hù)系統(tǒng)：通過(guò)手機(jī)號(hào)杭措，郵箱，用戶(hù)名登陸

（2）第三方賬號(hào)授權(quán)用戶(hù)系統(tǒng)：QQ钾恢，微信手素，微博

28.錯(cuò)誤反饋實(shí)例：

（1）手控類(lèi)型錯(cuò)誤：

一般在使用移動(dòng)端時(shí)遇到〈耱剑——可以加入新手指引或錯(cuò)誤反饋泉懦。

（2）詞語(yǔ)/拼音錯(cuò)誤：

主要在使用搜索或者輸入的是有遇到。

（3）內(nèi)容不符合規(guī)則：

主要常見(jiàn)于表單填寫(xiě)疹瘦，最常見(jiàn)就是登入注冊(cè)崩哩。——提示要簡(jiǎn)單明了，及時(shí)給予用戶(hù)反饋邓嘹。

29.訪問(wèn)錯(cuò)誤類(lèi)型：

（1）功能不能使用：

告訴用戶(hù)不能使用該功能的原因酣栈，方便用戶(hù)及時(shí)修改。

告訴用戶(hù)解決辦法汹押。

（2）頁(yè)面不能打開(kāi)：

要有情感化設(shè)計(jì)矿筝，通過(guò)設(shè)計(jì)求得用戶(hù)的諒解。

給予用戶(hù)解決辦法棚贾。

30.低保真原型：

有限的功能和交互原型設(shè)計(jì)窖维。

作用：

主要用于用戶(hù)溝通，測(cè)試妙痹，和進(jìn)一步繪制高保真效果圖陈辱。

31.iOS設(shè)計(jì)三大原則：

（1）遵從內(nèi)容：UI應(yīng)該有助于用戶(hù)更好的理解內(nèi)容并與之交互。

充分利用這個(gè)屏幕

慎重使用擬物設(shè)計(jì)（減少漸變细诸、陰影）

嘗試使用半透明底板沛贪，來(lái)暗示背后的內(nèi)容（毛玻璃效果）

（2）清晰：文字、圖標(biāo)應(yīng)該清晰易讀震贵，去除多余的修飾利赋，突出重點(diǎn)

使用大量留白

讓顏色簡(jiǎn)化UI

通過(guò)使用系統(tǒng)字體確保易讀性

使用無(wú)邊框的按鈕

（3）深度：視覺(jué)的一個(gè)層次感和生動(dòng)的交互動(dòng)畫(huà)會(huì)賦予UI新的活力

32.iOS的四種類(lèi)型：

（1）欄（Bar ? 導(dǎo)航欄，標(biāo)簽欄猩系，狀態(tài)欄）：

包含了上下文信息來(lái)指引用戶(hù)他們所在的位置媚送，以及控件來(lái)幫助用戶(hù)導(dǎo)航或者執(zhí)行操作

（2）內(nèi)容視圖(content views)：

包含了應(yīng)用的具體內(nèi)容以及某些操作（比如：content views ?刪除躁愿，插入厕妖，排序）

（3）控件(controls)：

用戶(hù)執(zhí)行操作或展示信息

（4）臨時(shí)視圖（temporary views ?彈窗）：

短暫出現(xiàn)給予用戶(hù)重要信息或提供更多的選擇和功能。

33.在頁(yè)面布局上考慮以下幾點(diǎn)：

（1）強(qiáng)調(diào)重要內(nèi)容或功能：讓用戶(hù)容易集中注意力在主要任務(wù)上

（2）主次關(guān)系：使用不同的視覺(jué)化重量和平衡來(lái)告訴用戶(hù)當(dāng)前屏幕元素的主次關(guān)系

（3）對(duì)齊：使用對(duì)齊來(lái)讓閱讀更舒服

（4）默認(rèn)尺寸：確保用戶(hù)在內(nèi)容出于默認(rèn)尺寸時(shí)可以清楚明白它的主要內(nèi)容和含義

（5）字體大幸壮怼：根據(jù)需求制定字體大小

（6）盡量避免UI上不一致的表現(xiàn)：建議類(lèi)似的功能外觀都保持一致

（7）給每個(gè)互動(dòng)的元素充足的空間：讓用戶(hù)容易操作這些內(nèi)容和控件（常用的點(diǎn)類(lèi)控件的大小是44px*44px）

34.iOS尺寸規(guī)范：

Iphone1.2.3(IpodTouch1.2.3)——320px*480px

Iphone4.4s——640px*960px

Iphone5.5c.5s——640px*1136px

Iphone6.6s.7——750px*1334px

Iphone6P.6sP.7P物理尺寸——1080px*1920px

設(shè)計(jì)尺寸：1242px*2208px

（物理尺寸就是實(shí)際屏幕像素拿霉、設(shè)計(jì)尺寸就是截圖6P界面拖入PS中所量出來(lái)的尺寸）

Iphone1.2.3（@1X）

狀態(tài)欄：20px ? ? ? ? 導(dǎo)航欄：44px ? ? ? ? 標(biāo)簽欄：49px

Iphone4.4s

/Iphone5.5c.5s.SE /Iphone6.6s.7（@2X）

狀態(tài)欄：40px ? ? ? ? 導(dǎo)航欄：88px ? ? ? ? ?標(biāo)簽欄：98px

Iphone6P.6sP.7P（@3X）

狀態(tài)欄：60px ? ? ? ? 導(dǎo)航欄：132px ? ? ? ? 標(biāo)簽欄：146px

以@2X為前提：字體大小20——38px

頂部操作欄文字：34——38px

標(biāo)題文字：28——34px

正文文字：26——30px

輔助性文字大幸髦取：20——24px

Tab bar 文字：20px

內(nèi)容列表頁(yè)：最低高度為80px

卡片外邊距：16px ,10——20px

搜索框高度：58——66px

搜索框模塊高度：88,90px

按鈕大小：76——96px?

分段控件min高度：44px

Tab切換：76——150px

分割塊：16px

頭部位置：128px

35.常見(jiàn)標(biāo)簽欄匯總：

（1）標(biāo)簽式導(dǎo)航（微信绽淘，QQ）

優(yōu)點(diǎn)：

清楚當(dāng)前所在入口位置

能頻繁跳轉(zhuǎn)且不會(huì)迷失方向

直接展示重要入口的內(nèi)容信息

缺點(diǎn)：

功能入口過(guò)多時(shí)涵防，該模式顯示笨重不實(shí)用

占用一定的高度空間

（2）頂部導(dǎo)航（QQ音樂(lè)，酷狗音樂(lè)）

優(yōu)點(diǎn)：

騰出下方位置提供更重要的操作

可以提供沉浸式體驗(yàn)

缺點(diǎn)：

單手操作沪铭，在大屏幕上難以點(diǎn)擊

（3）舵式導(dǎo)航（微博）

中間功能為核心功能

優(yōu)點(diǎn)：

迅速引導(dǎo)至核心功能

缺點(diǎn)：

開(kāi)發(fā)比較復(fù)雜

（4）列表式導(dǎo)航（網(wǎng)易壮池，設(shè)置）信息類(lèi)

優(yōu)點(diǎn)：

可以展示內(nèi)容較長(zhǎng)的標(biāo)題

可以展示標(biāo)題的次級(jí)內(nèi)容

層次展示清晰（有先后級(jí)）

缺點(diǎn)：

排版靈活性不高

同級(jí)內(nèi)容過(guò)多時(shí)，用戶(hù)瀏覽時(shí)容易產(chǎn)生疲憊

（5）跳板式導(dǎo)航（支付寶杀怠，淘寶）

優(yōu)點(diǎn)：

清晰展示多個(gè)各個(gè)入口

容易記住各個(gè)入口的位置椰憋，方便快速找到

缺點(diǎn)：

各個(gè)入口之間切換不靈活（點(diǎn)擊進(jìn)入后，要返回功能跳板式界面赔退，才能點(diǎn)擊進(jìn)入下一個(gè)入口）

容易形成更深的路徑

（6）抽屜式導(dǎo)航（知乎橙依，QQ，亞馬遜）

優(yōu)點(diǎn)：

擴(kuò)展性好

兼容多種模式

缺點(diǎn)：

對(duì)功能入口隱藏較深

單手操作時(shí)存在盲區(qū)

（7）陳列館式導(dǎo)航（bilibili）

、

優(yōu)點(diǎn)：

直觀展示各項(xiàng)內(nèi)容

方便閱覽經(jīng)常要更新的內(nèi)容

缺點(diǎn)：

容易形成界面內(nèi)容過(guò)多票编，顯得雜亂

（8）輪播式導(dǎo)航（探探褪储，讀書(shū)類(lèi)用 ? 其余很少用）

優(yōu)點(diǎn)：

專(zhuān)題性強(qiáng)

易于閱讀（單頁(yè)內(nèi)容整體性強(qiáng)）

缺點(diǎn)：

不適合展示過(guò)多的頁(yè)面

不能跳躍式的查看閱讀頁(yè)面只能按順序查看相鄰的頁(yè)面

36.引導(dǎo)頁(yè)：

當(dāng)用戶(hù)安裝后，第一次打開(kāi)應(yīng)用慧域，App一般會(huì)呈現(xiàn)連續(xù)3-4張頁(yè)面鲤竹，這些頁(yè)面會(huì)提前告知用戶(hù)App的主要功能和特點(diǎn)，這類(lèi)似迎賓引導(dǎo)的作用昔榴，這些頁(yè)面我們稱(chēng)之為引導(dǎo)頁(yè)

37.引導(dǎo)頁(yè)一般只出現(xiàn)一次辛藻。除非清除應(yīng)用程序（僅限安卓用戶(hù)）相當(dāng)于初始化的APP，或卸載后重裝才會(huì)再次看到引導(dǎo)頁(yè)互订。有跳過(guò)按鈕吱肌。

38.引導(dǎo)頁(yè)按目的分類(lèi)：

（1）功能介紹類(lèi)：

對(duì)產(chǎn)品的主要功能進(jìn)行展示，大多采用文字配合界面仰禽，插圖的方式來(lái)展現(xiàn)

用戶(hù)在使用產(chǎn)品過(guò)程中可能會(huì)遇到困難氮墨，不清楚的操作，進(jìn)行提前告知吐葵，這一類(lèi)大多結(jié)合手繪風(fēng)格居多

描述實(shí)際生活中所遇到的問(wèn)題，直擊用戶(hù)的通點(diǎn)凤藏，最好通過(guò)解決方案讓用戶(hù)情感上產(chǎn)生練習(xí)增強(qiáng)用戶(hù)黏度

（1）文字與界面類(lèi)：（多用于功能介紹類(lèi)或使用說(shuō)明類(lèi)）

這是最為常見(jiàn)的奸忽，簡(jiǎn)短的文字界面

缺點(diǎn)：過(guò)于模式化

（2）文字與插圖組合：（推廣類(lèi)，問(wèn)題解決類(lèi)）

插圖多為具象揖庄，以使用場(chǎng)景栗菜，照片為主，來(lái)表現(xiàn)文字內(nèi)容

（3）動(dòng)態(tài)效果與音樂(lè)：

除了靜態(tài)頁(yè)面外抠艾，開(kāi)始流行具有動(dòng)效的頁(yè)面苛萎，可以加入一些音樂(lè)與動(dòng)效節(jié)奏相符合。（常見(jiàn)唱吧检号，全民k歌）

（4）視頻類(lèi)展示：

這種方式多用于偏向于生活記錄類(lèi)應(yīng)用，如拍照蛙酪，運(yùn)動(dòng)類(lèi)應(yīng)用齐苛。

缺點(diǎn)：應(yīng)用較大，視頻播放的時(shí)候可能會(huì)出現(xiàn)卡頓的情況桂塞。（常見(jiàn)網(wǎng)易云音樂(lè)凹蜂，蝦米，keep）

40.安卓尺寸規(guī)范

屏幕 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?尺寸 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?比例 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?程序啟動(dòng)圖標(biāo)

MDPI? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 320*480? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 48*48px

HDPI? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 480*800? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1:1.5? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 72*72px

XHDPI? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 720*1280 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1:2? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 96*96px

XXHDPI? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1080*1920? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1:3? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 144*144px

XXXHDPI? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1440*2560? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1:4 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?192*192px

41.Android組件換算代為——DP

1DP在HDPI尺寸下=1.5PX

1DP在XHDPI尺寸下=2PX

1DP在XXHDPI尺寸下=3PX

1DP在XXXHDPI尺寸下=4PX

42.Android設(shè)計(jì)以720*1280px為前提：

狀態(tài)欄：50px=25DP

導(dǎo)航欄：96px=48DP

選項(xiàng)卡：96px=48DP

標(biāo)簽欄：96px=48DP

按鈕:80px=40DP

文本信息框高度:112PX=56DP

Android的字體：Droid sans fallback（Google自己的字體，像微軟雅黑）玛痊，字體12sp-28sp（SP換算跟DP一樣）

在設(shè)計(jì)安卓是間距汰瘫，尺寸都要以8DP，16px的倍數(shù)來(lái)設(shè)計(jì)

43.iOS與Android的區(qū)別：

（1）狀態(tài)欄：

IOS的狀態(tài)欄提供3種樣式擂煞，分別為淺色混弥、深色、深色半透明对省，高度固定

Android會(huì)因各個(gè)手機(jī)廠商自定Rom不同蝗拿，會(huì)有多種樣式（如MIUI中根據(jù)不同主題會(huì)有變化）

（2）導(dǎo)航欄：

IOS導(dǎo)航欄高度固定，放置在頂部蒿涎，標(biāo)題放置于中間哀托，左右兩側(cè)放置按鈕

Android會(huì)因不同情況去承擔(dān)導(dǎo)航欄和選項(xiàng)卡，標(biāo)題一般放置于左側(cè)

（3）標(biāo)簽欄：

IOS高度固定劳秋，放置在底部仓手，界面一般放置圖標(biāo)或者按鈕

Android當(dāng)頂部操作欄空間不夠放置更多按鈕時(shí)，會(huì)出現(xiàn)在底部玻淑，底部操作欄是在Android 4.0中引入的

（4）開(kāi)關(guān)

IOS的開(kāi)關(guān)只有一種樣式

Android的開(kāi)關(guān)類(lèi)似IOS嗽冒、復(fù)選、單選等開(kāi)關(guān)

（5）對(duì)話(huà)框：

這個(gè)主要是風(fēng)格不同岁忘，作用類(lèi)似（Android 4.0之前辛慰，確定一般在左側(cè)；4.0之后確定變到右側(cè)）

（6）排版：

IOS居中排版

Android左對(duì)齊干像，越左對(duì)齊越Android

（7）文字：

IOS為蘋(píng)方帅腌，Android為Droid sans fallback，字體大小區(qū)間也不同

（8）浮窗

Android里可以看到各種浮窗（流量麻汰、清理內(nèi)存..）

IOS暫不支持這樣的浮窗