1. 程式人生 > >2018版移動端ui規範

2018版移動端ui規範

工作 進行 ima -c 統一 我們 底部菜單欄 公司 有效

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

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


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

一 設計規範定義

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

二 設計規範使用優勢

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

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

針對用戶:減少用戶使用的學習成本,提升操作性和用戶體驗

三 設計規範標準

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

再次是關於界面

1:ios上目前主流的尺寸

技術分享圖片

技術分享圖片

2:移動端字體

技術分享圖片

技術分享圖片

3:界面中使用的圖標

技術分享圖片

技術分享圖片

4:底部菜單欄icon

技術分享圖片

5:ios系統和商品的icon

技術分享圖片

技術分享圖片

2018版移動端ui規範