中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

灰模原型，是我接觸產品的時候老大傳遞給我的一個概念。在所謂的線框圖、低保真高保真的理論里面，顯得略顯突兀。身邊的很多產品同學都沒有聽說過這個明顯好用得多的文件類型。

最開始的時候完全不懂，老大也沒有多余的時間給我們解釋，只能靠看著之前的原型，一步步摸索其概念和做法。

灰模原型

* ?灰模原型是基于IA和功能列表的

* ?灰模原型一般使用尺寸：320*480（App）

* ?制作灰模的時候，一定要所有組件之間的對齊。一般對齊到像素。。

* ?所有的元素，除了組件自帶的顏色，只用黑白灰

* ?只用最基本的矩形、直線表現整個原型，矩形可以變換為圓形、橢圓、星形等多種狀態

* ?不用設計交互，所有頁面分開展示，每個功能的狀態都需要表明（需求中詳述），比如一個列表功能，需要設計空列表、正常狀態的列表和溢出列表。

* ?矩形（Rectangle）：取消邊框（Line Style選擇為None），默認填充一級灰度，如果有多重疊加，則不斷添加灰度值，只要能識別不是一體的即可。

* ?按鈕（Button）：矩形組件，取消邊框，填充為二級黑色，按鈕內的字體用白色填充。

* ?所有字體默認為微軟雅黑，可加粗但不用傾斜效果，最小字號為12號，最大不得超過36字號（視具體情況定），一般常用字號為12、14、16、18、20、24。

* ?所有跳轉均用箭頭表示，箭頭可用色彩表示（一般默認為橙色、紅色）

* ?不要用邊框，多用矩形，基本上，只要依靠矩形、文字、線條工具，能畫出所有復雜的原型；

按鈕組件制作

• 新建一個Rectangle（矩形），在Widget Properties and Style面板Style選項卡Base Style中選擇“Widget Style Editor”
• 在彈出對話框中選擇“Custom”
• 點擊Add，新建一個Style（樣式）。并重命名為“Button”
• Font Color（字體填充）顏色為純白色（＃FFFFFF）
• Line Style（線條樣式）為“None（無）”
• Fill Color（填充顏色）選擇二級黑色（＃333333）
• 點擊“OK”創建樣式。

之后在每次需要用到按鈕的時候，直接拖拽一個Rectangle（矩形）組件，然后樣式設置為“Button”即可。

按鈕交互設計

滑過效果

App原型設計中可以不用設計滑過效果，僅限Web端設計。

• 在Widget Properties and Style面板Style選項卡Base Style中選擇“Widget Style Editor”
• 在彈出對話框中選擇“Custom”
• 點擊Add（添加），新建一個Style（樣式）。并重命名為“Button-MO”
• 勾選“Bold(字體加粗)”，Fill Color（填充顏色）改為三級黑色（＃666666）。
• 點擊“OK”創建樣式。

點擊效果

• 在“Widget Style Editor”中Add（添加）樣式，重命名為“Button-MD”表示點擊效果。
• Font Color（字體填充）修改為二級黑色（＃333333），Fill Color（填充顏色）修改為純白色（＃FFFFFF）。
• 點擊“OK”創建樣式。

交互效果添加

• 選中按鈕組件，在“Widget Style Editor”面板中選擇Properties，點擊MouseOver添加效果。
• MouseOver效果選項中，“Base Style”選項中選中設置好的“Button-MO”樣式（添加鼠標滑過效果，App類原型可省略）。
• MouseDown效果選項中，“Base Style”選項中選中設置好的“Button-MD”樣式（添加點擊效果）。
• 點擊“OK”保存設置。預覽效果。

Rectangle（矩形）Style（樣式）制作：

• 在Widget Properties and Style面板Style選項卡Base Style中選擇“Widget Style Editor”
• 在彈出對話框中選擇“Custom”
• 點擊Add（添加），新建一個Style（樣式）。并重命名為“Rectangle”
• Line Style（線框）改為None（無），Fill Color（填充顏色）改為三級白色（＃F2F2F2）。
• 點擊“OK”創建樣式。

注：

Rectangle（矩形）組件都需要如此處理。

當有多個Rectangle（矩形）組件疊加時，每個組件添加不同的色值。

本文為人人都是產品經理 @Nairo?原創授權發布，未經許可禁止轉載