基于Axure的移動端APP產品設計規范

11 評論 55671 瀏覽 508 收藏 6 分鐘

上一篇文章《產品設計規范與關乎“秩序和混亂”的人生算法》主要分享的是基于Axure的后端產品設計規范。原本前后端的設計規范是要放在一起來寫的,考慮文章太長,影響閱讀體驗,于是就分成了后端和前端兩篇。

文章結構:① 全局元素與控件設計規范 ② 全局注釋規范 ③ 一些基本的產品設計原則

一、全局控件元素設計規范

我們經常會看到很多產品都有一個標志顏色,來增加產品的辨識度,例如淘寶的橙色,小黃車的黃色等。在產品設計過程中,為了保持視覺的統一性,通常會有一套配色方案,配色方案確定了產品的主色調和輔色調,所有的控件和元素都應用這一套配色來設計。

除了配色還有,還有字體元素,按鈕元素,以及其他控件元素等,產品設計開始就應該定義好這些基本規范,不僅能保證產品的一致性和統一性,還能提高產品的設計效率,同時也方便其他人接手。

配色元素

字體元素

按鈕元素

字體圖標元素

其它控件元素

(注:以上圖片來源于大梨老師的原型網站:http://www.axureux.com

還有很多可以模板化的產品組件,大家在平時的工作中可以多多積累,積累到一定量的時候,量變引起質變,你會發現所有的產品原型設計都成了母板拖拽的操作,而且高效,統一,規范。

?二、全局注釋規范

之前的文章里分享了后端產品的注釋是寫在Axure原生的注釋說明里面,主要是因為后端產品的頁面寬度一般占據了整個頁面,兩邊沒有多余的位置來添加說明。放在下方又需要頁面下滑去閱讀,不能保證原型和注釋在同一視覺范圍內。

但是移動端APP產品頁面周圍有足夠的范圍來添加注釋,所以一般建議標記在原型周圍,比較直觀。如下圖某大神在人人在人人都是產品經理分享的Axure原型注釋規范,個人覺得比較清晰,規范,每個人可以根據自己的需要去定義自己的規范,前提是要保證統一性。

三、一些基本的產品設計原則

“相信一切事物背后必有知識和道理”這幾乎是一個普世價值觀,但是常常被人們所忽略。產品設計也是同樣的道理,我們的每一個交互和功能的設計都應該盡可能按照某個原則或規范,而不是隨心所欲,想怎么做就怎么做,太自我的東西,距離產品越遠,距離藝術越遠。

上圖整理了經常用到的一些產品設計基本原則,詳情可以閱讀源文章:《設計法則 | 實例解析「交互設計七大定律」》在設計中的應用 和 《交互理論 | 深度解析尼爾森十大交互設計原則在設計中的用法》。

每一個產品經理都應該有一套自己的產品方法論,小到可復用的產品原件庫,大到能輸出的產品思維和產品價值觀。這套方法論就是你的底層,它應該是一個反脆弱系統,不斷的認知迭代,優化強勁。

一個人的能力很重要一部分體現在,是否把自己的能力和優秀量化輸出,對于個人來說,最簡單的生意莫過于批量化販賣自己的某項能力,而批量化的前提是首先是,標準和規范。

最后,忠于用戶,忠于產品,忠于正確的事情,與君共勉。

 

作者:Allen,一個熱愛科學,迷戀技術的文藝青年,目前是某金融公司產品小助理一枚,愛讀書,愛旅行,愛健身。個人公眾號:思維改變生活

本文由 @Allen 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可以的

    來自廣東 回復
  2. 加你微信,請教下移動端原型規范

    來自山西 回復
  3. 加你微信,請教下移動端原型規范

    來自重慶 回復
  4. 那個啥…

    【一些基本的產品設計原則】 這一節中有三個地方看到了忍不住吐槽下

    1. “The Magical Number Seven, Plus or Minus Two” 這一項理論在Miller (1956)中指的是 7 chunks plus or minus 2。 且Preece, Rogers & Sharp 明確指明了這項理論中,”by chunks he meat a range of items like numbers, letters or words”。因此這項理論跟設計師在設計下拉菜單中有5個還是15個drop down menu沒有關系,因為user在scan drop down menu時不運用working memory來記憶menu items。Po主可以理解下原理論和Cognitive Psychology中人類的Sensory Memory, Working Memory 和 Long-Term Memoy的區別。具體可以refer到Preece, Rogers & Sharp第四版p75。

    2. The Law of Proximity 這里其實只是Gestalt Psychology中眾多law中的一個,其他著名的還有The Law of Reification, The Law of Multi-Stability, etc. 所以這里是不是應該也列出其他Gestalt Psychology中的law呢?

    3. 關于Nelson的Heuristic Evaluation中的十條Heuristic,之前沒有看到過academic literature refer成【交互設計法則】,且因這十條啟發是在Evaluation階段中所采取的啟發式評估中使用,所以翻譯為看起來像在設計前期時考慮的【交互設計法則】是否準確呢?

    來自上海 回復
  5. 您好,介意分享一下思維導圖嗎

    來自河北 回復
    1. 可以呀,你加我微吧。UU894392704

      來自廣東 回復
  6. 麻煩你微笑多少^_^

    回復
  7. 好多好多話

    回復
    1. 記得記得好好的

      回復
    2. 哈哈,會玩

      來自廣東 回復