首頁(yè)電商視覺(jué)設(shè)計(jì)技術(shù)文章正文

UI培訓(xùn)之APP項(xiàng)目中的切圖和標(biāo)注規(guī)范（一）

更新時(shí)間:2016年09月30日13時(shí)29分來(lái)源:傳智播客UI培訓(xùn)學(xué)院瀏覽次數(shù):

APP項(xiàng)目中的切圖和標(biāo)注規(guī)范

前言：
1. APP切圖和規(guī)范是UI設(shè)計(jì)師必須學(xué)會(huì)的技能之一；

2. 切圖和標(biāo)注是規(guī)范的體現(xiàn)；

3. 項(xiàng)目對(duì)接基礎(chǔ)；

Iphone界面規(guī)范：

型號(hào)	尺寸
Iphone/Ipod/Touch1、2、3	320*480px 163ppi @x1
iPhone4、4S	640*960px 326ppi @x2
iPhone5、5C、5S	640*1136px 326ppi @X2
iPhone 6	750 * 1334px 326ppi @X2
iPhone6Plus	1242 * 2208px 401ppi @X3

倍率與邏輯像素

再用iPhone 3gs和4s來(lái)舉例。假設(shè)有個(gè)郵件列表界面，我們不妨按照PC端網(wǎng)頁(yè)設(shè)計(jì)的思維來(lái)想象。3gs上大概只能顯示4-5行，4s就能顯示9-10行，而且每行會(huì)變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示，3gs上剛剛好的效果，在4s上就會(huì)小到根本看不清字。