首頁技術文章正文

UI培訓之APP項目中的切圖和標注規(guī)范(一)

更新時間:2017-04-14 來源:黑馬程序員UI培訓學院 瀏覽量:

APP項目中的切圖和標注規(guī)范

前言:
1.  APP切圖和規(guī)范是UI設計師必須學會的技能之一;

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

 3. 項目對接基礎;

Iphone界面規(guī)范:

型號尺寸
Iphone/Ipod/Touch1、2、3320*480px     163ppi   @x1
iPhone4、4S640*960px     326ppi   @x2
iPhone5、5C、5S640*1136px    326ppi   @X2
iPhone 6750 * 1334px  326ppi   @X2
iPhone6Plus1242 * 2208px   401ppi  @X3


倍率與邏輯像素

 
再用iPhone 3gs和4s來舉例。假設有個郵件列表界面,我們不妨按照PC端網頁設計的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行 會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會小到根本看不清字。
 
 
 
本文版權歸黑馬程序員UI培訓學院所有,歡迎轉載,轉載請注明作者出處。謝謝!
作者:黑馬程序員UI培訓學院
首發(fā):http://3rdspacecomics.com/news/ui.html 

分享到:
在線咨詢 我要報名
和我們在線交談!