国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

灰模原型，是我接觸產(chǎn)品的時(shí)候老大傳遞給我的一個(gè)概念。在所謂的線框圖、低保真高保真的理論里面，顯得略顯突兀。身邊的很多產(chǎn)品同學(xué)都沒(méi)有聽說(shuō)過(guò)這個(gè)明顯好用得多的文件類型。

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

灰模原型

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

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

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

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

* ?只用最基本的矩形、直線表現(xiàn)整個(gè)原型，矩形可以變換為圓形、橢圓、星形等多種狀態(tài)

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

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

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

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

* ?所有跳轉(zhuǎn)均用箭頭表示，箭頭可用色彩表示（一般默認(rèn)為橙色、紅色）

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

按鈕組件制作

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

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

按鈕交互設(shè)計(jì)

滑過(guò)效果

App原型設(shè)計(jì)中可以不用設(shè)計(jì)滑過(guò)效果，僅限Web端設(shè)計(jì)。

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

點(diǎn)擊效果

• 在“Widget Style Editor”中Add（添加）樣式，重命名為“Button-MD”表示點(diǎn)擊效果。
• Font Color（字體填充）修改為二級(jí)黑色（＃333333），F(xiàn)ill Color（填充顏色）修改為純白色（＃FFFFFF）。
• 點(diǎn)擊“OK”創(chuàng)建樣式。

交互效果添加

• 選中按鈕組件，在“Widget Style Editor”面板中選擇Properties，點(diǎn)擊MouseOver添加效果。
• MouseOver效果選項(xiàng)中，“Base Style”選項(xiàng)中選中設(shè)置好的“Button-MO”樣式（添加鼠標(biāo)滑過(guò)效果，App類原型可省略）。
• MouseDown效果選項(xiàng)中，“Base Style”選項(xiàng)中選中設(shè)置好的“Button-MD”樣式（添加點(diǎn)擊效果）。
• 點(diǎn)擊“OK”保存設(shè)置。預(yù)覽效果。

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

• 在Widget Properties and Style面板Style選項(xiàng)卡Base Style中選擇“Widget Style Editor”
• 在彈出對(duì)話框中選擇“Custom”
• 點(diǎn)擊Add（添加），新建一個(gè)Style（樣式）。并重命名為“Rectangle”
• Line Style（線框）改為None（無(wú)），F(xiàn)ill Color（填充顏色）改為三級(jí)白色（＃F2F2F2）。
• 點(diǎn)擊“OK”創(chuàng)建樣式。

注：

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

當(dāng)有多個(gè)Rectangle（矩形）組件疊加時(shí)，每個(gè)組件添加不同的色值。

本文為人人都是產(chǎn)品經(jīng)理 @Nairo?原創(chuàng)授權(quán)發(fā)布，未經(jīng)許可禁止轉(zhuǎn)載