1. 程式人生 > >移動端APP設計規範

移動端APP設計規範

一般用PS建立畫板的尺寸為:750x1334px,原始375x667pt,@2x(iPhone 6 plus的尺寸是1242*2208,原始414x736pt,@3x)

字型用:華文細黑、思源黑體、Helvetica

頭部狀態列(電量條)高度:40px,文字22px

頭部導航欄高度:88px,左右留空30px,文字32px,圖示尺寸44px。

底部標籤欄高度:98px,文字20px,圖示尺寸50px。

內容區域高度:1334-40-88-98 = 1108px

常用可點選區域的高度:88px;單行文字的背景框的高度:88px,雙行則為:176px,三行則為:264px;
常用間距:親密距離:20px;疏遠距離:30px,其它距離:10px,44px等;

字號:正文28px,行距38px,顏色#666;
註釋:24px,行距34px,顏色#999;
標題:30px,行距40px,顏色#222。

背景淺灰色#f2f2f2,文字深黑色#323232,文字淺灰色#989898,邊框色深灰#CCCCCC,邊框淺灰色#C3C3C3

正文列表:單行高度88px,圖示大小58px;多行高度168px,圖示大小:128px;

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述