移動端app設計規(guī)范課件.ppt

《移動端app設計規(guī)范課件.ppt》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

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

2、景＃de3737＃fe7c2d＃2fbd2f＃229de4＃303a3e＃70788c小面積使用，用于文字，以及按鈕，icon如重要按鈕、文字、icon、標簽欄選中圖標的狀態(tài)小面積用于特殊標注的文字，icon如重要的文字、指示性icon用于特殊標注的文字，以及按鈕，icon等如狀態(tài)性文字、指示性icon用于特殊標注的文字，以及按鈕，icon等如狀態(tài)性文字、指示性icon重要文字用戶標題，普通級段落文字，名稱等如名稱類，消息文字、簡介段落文字次要文字，文字說明，未選中類圖標如次要的簡介、列表描述等標準色標準字圖標按鈕模塊布局01標準色colo

3、rs＃a6b5c4＃bfcad8＃e4e4e4＃ededed＃faf5f5＃b1b6bd特殊圖標后綴文字如登錄注冊相應圖標后綴描述文字列表后面的描述文字普通不可點擊按鈕，文字顏色所有描邊分割線顏色所有背景的背景色特殊情況的顏色如已播放的文字、圖標顏色色值使用場景標準色標準字圖標按鈕模塊布局01標準色colors示例展示標準色標準字圖標按鈕模塊布局02標準字Standardword字號使用場景標準字體36px標準字體34px標準字體30px標準字體28px標準字體24px重要標題和按鈕重要標題和按鈕大多用于列表，名稱文字大多用于列表，名稱文字

4、大多用于內容標題，內容信息文字標準字體32px用于輔助性文字，描述等標準色標準字圖標按鈕模塊布局02標準字Standardword示例展示標準色標準字圖標按鈕模塊布局03圖標icon03圖標icon標準色標準字圖標按鈕模塊布局標準色標準字圖標按鈕模塊布局04按鈕botton04按鈕botton標準色標準字圖標按鈕模塊布局底部botton標準色標準字圖標按鈕模塊布局05模塊modular標準色標準字圖標按鈕模塊布局06布局layout頁面布局一頂部導航＋底部導航＋內容區(qū)域06布局layout頁面布局二頂部導航＋內容區(qū)域標準色標準字圖標按鈕模塊

5、布局標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注標準色標準字圖標按鈕模塊布局06布局layout部分內容標注謝謝欣賞！