APP項目中的切圖和標(biāo)注規(guī)范
前言:
1. APP切圖和規(guī)范是UI設(shè)計師必須學(xué)會的技能之一;
2. 切圖和標(biāo)注是規(guī)范的體現(xiàn);
3. 項目對接基礎(chǔ);
Iphone界面規(guī)范:
型號 | 尺寸 |
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è)有個郵件列表界面,我們不妨按照PC端網(wǎng)頁設(shè)計的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行 會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會小到根本看不清字。
本文版權(quán)歸黑馬程序員UI培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!作者:黑馬程序員UI培訓(xùn)學(xué)院首發(fā):http://m.pantone-color.com.cn/news/ui.html