基于Axure的移動端APP產品設計規范
上一篇文章《產品設計規范與關乎“秩序和混亂”的人生算法》主要分享的是基于Axure的后端產品設計規范。原本前后端的設計規范是要放在一起來寫的,考慮文章太長,影響閱讀體驗,于是就分成了后端和前端兩篇。
文章結構:① 全局元素與控件設計規范 ② 全局注釋規范 ③ 一些基本的產品設計原則
一、全局控件元素設計規范
我們經常會看到很多產品都有一個標志顏色,來增加產品的辨識度,例如淘寶的橙色,小黃車的黃色等。在產品設計過程中,為了保持視覺的統一性,通常會有一套配色方案,配色方案確定了產品的主色調和輔色調,所有的控件和元素都應用這一套配色來設計。
除了配色還有,還有字體元素,按鈕元素,以及其他控件元素等,產品設計開始就應該定義好這些基本規范,不僅能保證產品的一致性和統一性,還能提高產品的設計效率,同時也方便其他人接手。
配色元素
字體元素
按鈕元素
字體圖標元素
其它控件元素
還有很多可以模板化的產品組件,大家在平時的工作中可以多多積累,積累到一定量的時候,量變引起質變,你會發現所有的產品原型設計都成了母板拖拽的操作,而且高效,統一,規范。
?二、全局注釋規范
之前的文章里分享了后端產品的注釋是寫在Axure原生的注釋說明里面,主要是因為后端產品的頁面寬度一般占據了整個頁面,兩邊沒有多余的位置來添加說明。放在下方又需要頁面下滑去閱讀,不能保證原型和注釋在同一視覺范圍內。
但是移動端APP產品頁面周圍有足夠的范圍來添加注釋,所以一般建議標記在原型周圍,比較直觀。如下圖某大神在人人在人人都是產品經理分享的Axure原型注釋規范,個人覺得比較清晰,規范,每個人可以根據自己的需要去定義自己的規范,前提是要保證統一性。
三、一些基本的產品設計原則
“相信一切事物背后必有知識和道理”這幾乎是一個普世價值觀,但是常常被人們所忽略。產品設計也是同樣的道理,我們的每一個交互和功能的設計都應該盡可能按照某個原則或規范,而不是隨心所欲,想怎么做就怎么做,太自我的東西,距離產品越遠,距離藝術越遠。
上圖整理了經常用到的一些產品設計基本原則,詳情可以閱讀源文章:《設計法則 | 實例解析「交互設計七大定律」》在設計中的應用 和 《交互理論 | 深度解析尼爾森十大交互設計原則在設計中的用法》。
每一個產品經理都應該有一套自己的產品方法論,小到可復用的產品原件庫,大到能輸出的產品思維和產品價值觀。這套方法論就是你的底層,它應該是一個反脆弱系統,不斷的認知迭代,優化強勁。
一個人的能力很重要一部分體現在,是否把自己的能力和優秀量化輸出,對于個人來說,最簡單的生意莫過于批量化販賣自己的某項能力,而批量化的前提是首先是,標準和規范。
最后,忠于用戶,忠于產品,忠于正確的事情,與君共勉。
作者:Allen,一個熱愛科學,迷戀技術的文藝青年,目前是某金融公司產品小助理一枚,愛讀書,愛旅行,愛健身。個人公眾號:思維改變生活
本文由 @Allen 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自PEXELS,基于CC0協議
可以的
加你微信,請教下移動端原型規范
加你微信,請教下移動端原型規范
那個啥…
【一些基本的產品設計原則】 這一節中有三個地方看到了忍不住吐槽下
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階段中所采取的啟發式評估中使用,所以翻譯為看起來像在設計前期時考慮的【交互設計法則】是否準確呢?
您好,介意分享一下思維導圖嗎
可以呀,你加我微吧。UU894392704
麻煩你微笑多少^_^
好多好多話
記得記得好好的
哈哈,會玩