2018版移動端ui規範

標籤：class   商品   標準   cap   參考   提升   底部菜單   div   分享圖片   

計規範是一種將移動端常用控制項標準化、統一化的的文檔

今天整理了一篇設計規範的文章概論，講訴中會以ios做介紹，安卓由於開源，平台相對教多不做單一闡述，實際操作的時候，我們不管是做一代還是二次的迭代產品，均需要一個規程的文檔，這樣才能更好的進行協作和研發、以及為以後的工作做好基石，規範是參考，有一個大標準的前提下，重點在於產品和體驗上，還需要我們在實際設計過程中拿捏好。

• 目錄檔
• 設計規範定義
• 設計規範使用的優勢
• 具體規範到設計中的標準
• 總結

一 設計規範定義

設計規範是一種將移動端常用控制項標準化、統一化的的文檔。

二 設計規範使用優勢

針對公司：標準化、統一化後，不管任何成員都可以隨時插入工作中，很快上手。

針對項目成員：減少溝通成本，有效提升工作效率。

針對使用者：減少使用者使用的學習成本，提升操作性和使用者體驗

三 設計規範標準

首要規範，介面一定要清晰、易閱、內容安排合理有節奏。

再次是關於介面

1:ios上目前主流的尺寸

 

 

2:移動端字型

 

 

3:介面中使用的表徵圖

 

 

4:底部功能表列icon

 

5:ios系統和商品的icon

 

2018版移動端ui規範