設計規範要點· 嫁給RD 的UI Designer | guideline規範
要做設計規範前,先來瞭解什麼是設計規範,不是把所有元件都擺在同一張圖上排排站吃果果就好,設計規範(DesignCode/DesignSpecifications)一文中提到:設計規範是指對設計的具體技術要求,是設計工作的規則。一般包括總體目標的技術描述、功能的技術描述、技術指標的技術描述,以及限制條件的技術描述等。[1]設計規範的層次粗分成3個層面:公司、產品線、單一產品。包含視覺、品牌、使用者體驗等。設計規範的目的量化指標確定一般可用性原則和審美常識下的避免犯錯的方法,以及一旦出現錯誤後的補救方案。確認設計關鍵點獲得該設計規範...
要做設計規範前,先來瞭解什麼是設計規範,不是把所有元件都擺在同一張圖上排排站吃果果就好,設計規範(Design Code / Design Specifications) 一文中提到: 設計規範是指對設計的具體技術要求,是設計工作的規則。一般包括總體目標的技術描述、功能的技術描述、技術指標的技術描述,以及限制條件的技術描述等。[1]
設計規範的層次粗分成 3 個層面:公司、產品線、單一產品。包含視覺、品牌、使用者體驗等。
設計規範的目的量化指標確定一般可用性原則和審美常識下的避免犯錯的方法,以及一旦出現錯誤後的補救方案。
確認設計關鍵點獲得該設計規範針對範圍內的關鍵點,包括設計方向和設計元素,以通過項目設計的過程,達到團隊成員的更加密切的配合效果。它是一份檢驗文件,記錄過程中的錯誤,留作以後的經驗。併在此可以做出項目和產品設計的里程碑。
規範設計原則這個原則有可能是針對單個項目的,也有可能是整個設計團隊的指導原則,這個原則要被反覆強調,反覆實施,團隊人員要共同為這個原則負責。
簡單來說就是:告訴你這些元件可以怎麼用、用在哪裡、有什麼樣的限制、怎麼驗收。
以上取自 設計規範(Design Code / Design Specifications)[2]
產品的組成大約可以拆分成 頁面 > 元件 > 元素 > 圖(影片)、文字、icon、表單、互動 等。 各元素都可能需要制定 色彩、透明度、尺寸、間距、檔案格式、品質、風格 等。 互動包含 手勢操作、過場動畫、特效、音效、震動 等。
先將各個產品拆到最小單位,再進行分類整理,通常就是那幾種分類方式。參考現有的設計規範會更容易理解。
我又把 Google design guidelines[3] 掏出來了,這份應該是目前最流行、寫得詳細的一份設計規範。可以從裡面分析設計規範要包含哪些內容。
從左方的選單中可以看到這份文件包含:總覽、動畫、風格、佈局、組合元件、圖片、易用性、資源。點開後還有更詳細的分類,之後才會是內文部份。
元素意義使用規則、限制運用場合、時機,與其原因和同質元素間的一制性(新製規則)組合運用各種狀態平台差異性正確示範、錯誤示範元素意義這個元素有什麼的...