APP介面設計規範 如何定義視覺規範

2021-07-05 05:20:26 字數 992 閱讀 2457

時間 2015-09-10 16:38:34 devstore

原文 墨刀、axure & after effect:用來製作互動複雜的產品原型。

第一階段:概念設計和原型設計

包括腦圖設計、線框圖的設計等等。

第二階段:視覺定義階段。

確定了使用哪些字型、顏色、布局、形狀等元素。

主要頁面的布局與視覺風格需要反覆嘗試才能找出最適合目標使用者,並且能從競品中脫穎而出的一套。

第三階段:介面產出階段。

第一步,設定顏色、主字型、圖形、邊距、留白。

第二步,開始設定更精細的原子:標題、文字字型、按鈕和輸入框。

最後,在故事板中製作基本的文字和圖層:

然後通過右鍵給它們賦予預設的樣式。

矩形會自動巢狀預設的風格樣式,正如你手動編輯過該標籤一樣。通過設定邊距,按鈕會根據標籤文字的長度自動適應,通過留白設定可以將故事板內部元素自動對齊。

我們還可以設定更複雜的組織(例如導航欄)來保持各處的一致性。

在此基礎上可以新增更多功能,使得通過設定每個元素來自動生成頁面、列表、卡片成為可能。改動設計設定會自動應用到所有元素上。這樣能夠很方便的測試不同的顏色、字型風格等等的效果。

製作介面模板套件將不費吹灰之力,通過預設原生元件就能實現。

REST介面設計規範

介面請求引數和響應資料均使用utf 8編碼。請求頭指定內容及編碼型別 content type text html charset utf 8 或 使用更安全的https協議進行資料傳輸。介面返回資料使用json格式 1 http狀態碼 例如 http 1.1 400 bad request 2 業...

IOS ios介面設計規範

在iphone 6還沒出的時候,都是用640 1136 px來做設計稿的,自從6的發布,所有的設計稿尺寸以750 1334 px來做設計稿尺寸 以750x1334px作為設計稿標準尺寸的原由 從中間尺寸向上和向下適配的時候介面調整的幅度最小,最方便適配。大螢幕時代依然以小尺寸作為設計尺寸,會限制設計...

RESTFUL介面設計規範

rest 是representational state transfer的縮寫,意思是表述性狀態轉移,我個人理解就是資源資料的變化。api與使用者的通訊協議,總是使用https協議。協議網域名稱 應該盡量將api部署在專用網域名稱之下。如果確定api很簡單,不會有進一步擴充套件,可以考慮放在主網域...