移動端app設(shè)計規(guī)范

1.iOS設(shè)計尺寸640＊1136pxandroid設(shè)計尺寸720*1280；2.iOS4/5/6適配@2x.png切圖，6p適配@3x.png切圖；切圖是@2x.png切圖的1.5倍4.android適配@2x.png切圖（單獨命名保存出切圖）；5.主流適配四種：1080*1920720*1280480*800320*480；6.px7.設(shè)計稿內(nèi)容距兩邊邊距20px8.設(shè)計文字是微軟雅黑，ios和android替換成各自系統(tǒng)文字標準色標準字圖標按鈕模塊布局01標準色colors顏色

色值

使用場景＃de3737＃fe7c2d＃2fbd2f＃229de4＃303a3e＃70788c小面積使用，用于文字，以及按鈕，icon如重要按鈕、文字、icon、標簽欄選中圖標的狀態(tài)小面積用于特殊標注的文字，icon如重要的文字、指示性icon用于特殊標注的文字，以及按鈕，icon等如狀態(tài)性文字、指示性icon用于特殊標注的文字，以及按鈕，icon等如狀態(tài)性文字、指示性icon重要文字用戶標題，普通級段落文字，名稱等如名稱類，消息文字、簡介段落文字次要文字，文字說明，未選中類圖標如次要的簡介、列表描述等標準色標準字圖標按鈕模塊布局01標準色colors＃a6b5c4＃bfcad8＃e4e4e4＃ededed＃faf5f5＃b1b6bd特殊圖標后綴文字如登錄注冊相應(yīng)圖標后綴描述文字列表后面的描述文字普通不可點擊按鈕，文字顏色所有描邊分割線顏色所有背景的背景色特殊情況的顏色如已播放的文字、圖標顏色

色值

使用場景標準色標準字圖標按鈕模塊布局01標準色colors示例展示標準色標準字圖標按鈕模塊布局02標準字Standardword字號使用場景標準字體36px標準字體34px標準字體30px標準字體28px標準字體24px重要標題和按鈕重要標題和按鈕大多用于列表，名稱文字大多用于列表，名稱文字大多用于內(nèi)容標題，內(nèi)容信息文字標準字體32px用于輔助性文字，描述等標準色標準字圖標按鈕模塊布局02標準字Standardword示例展示標準色標準字圖標按鈕模塊布局03圖標icon03圖標icon標準色標準字圖標按鈕模塊布局標準色標準字圖標按鈕模塊布局04按鈕botton04按鈕botton標準色標準字圖標按鈕模塊布局底部botton標準色標準字圖標按鈕模塊布局05模塊modular標準色標準字圖標按鈕模塊布局06布局layout頁面布局一頂部導(dǎo)航＋底部導(dǎo)航＋內(nèi)容區(qū)域06布局layout頁面布局二頂部導(dǎo)航＋內(nèi)容區(qū)域標準色標準字圖標按鈕模塊布局標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕模塊布局06布局layout部分內(nèi)容標注標準色標準字圖標按鈕