今天小編帶著大家瞭解一下設計規範的內容 。
那我們為什麼要設定規範呢？主要分為以下幾點。
1，對APP介面進行風格統一，使介面設計整潔；
2，對介面元素的樣式、顏色和大小設定統一的規範和使用原則；
3，減少介面元素的重複設計；
4，可以減少產品、設計、前端的溝通成本；
5，減少設計素材，控制安裝包的大小；
那麼接下來咱麼就瞭解一下視覺規範的內容，
主要包括對色彩、文字、檢視、控制元件、載入、常態點選態等進行統一的梳理和規範
色彩：
標準色
規範：重要、一般、較弱
重要：重要顏色中一般不超過3種；
一般：都是相近的顏色，而且要比重要顏色弱；
較弱：普遍用於背景色和不需要顯眼的邊角資訊
文字
規範：重要、一般、弱
文字是APP主要資訊的表現，尤其是新聞閱讀、社群APP等制定標準的設計規範和良好的排版方式，使用者使用APP也覺得毫無疲勞感，這一點很重要
主要規範標準字的大小，標準字要注意跟上文的標準色進行組合，突出APP重要的資訊和弱化次要的資訊
檢視
要給人簡潔整齊，條理清晰感，依靠的就是介面元素的排版和間距設計
考慮適配不同的螢幕解析度，一般解決方案有根據螢幕等比放大縮小間距，或者固定某些介面元素的間距，讓其他空間留空拉伸
為了滿足螢幕解析度較大的裝置，有時甚至需要改變APP介面的頁面佈局
控制元件
安卓需要720*1280、1080*1920
IOS需要750*1334、1125*2001
都需要提供PNG圖示格式
圖示還應該根據不同的功能需求設計不同的狀態：如常態、選中態、點選態等
圖示設計時，可參考以下設計方法，可保持圖示大小整體視覺感受一致。
按鈕
重要按鈕：常態、點選態、不可點選態；
一般按鈕：字元數量為2-7個；
按鈕規範因不同功能和場景需要，設計不同的樣式和顏色，在尺寸上也分有：長、中、短；
公共控制元件
載入
頁面載入失敗、頁面為空可以統一規範文案、按鈕
頁面Loading動畫是APP介面必不可少的元素
增加Loading可以給使用者明確的反饋功能正在載入，減少使用者在等待功能響應而引起的煩躁感
另外loading動畫除了常規的菊花還可以考慮使用Npc，讓APP更生動、活潑
使用Logo口號加強APP的品牌形象
總結
設計規範主要由設計師來梳理，但必須要與前端開發、產品經理達成共識，嚴格遵守約定的規範，否則這個設計規範就毫無意義了
在制定設計規範過程中，產品經理要積極主動充當橋樑角色組織設計師、前端開發一起制定設計規範，保證設計規範考慮的更切合實際、更全面、更完整
不同專案不同團隊規模會有不一樣的需求，避免生搬硬套，制定適合團隊的規範才是最好的
一個好的規範手冊，是服務於設計師的，絕不是我們設計師成長路上的絆腳石
————文中圖片來源於網路
