教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

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

更新時(shí)間:2016年09月30日13時(shí)29分 來源:傳智播客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來舉例。假設(shè)有個(gè)郵件列表界面,我們不妨按照PC端網(wǎng)頁設(shè)計(jì)的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行 會(huì)變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會(huì)小到根本看不清字。
 
 
 
本文版權(quán)歸傳智播客UI培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!
作者:傳智播客UI培訓(xùn)學(xué)院
首發(fā):http://m.8y3kgpwe.cn/ui 

0 分享到:
和我們?cè)诰€交談!