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

如果PM對(duì)原型的視覺(jué)要求比較高，那么畫(huà)線(xiàn)框圖的時(shí)候一定要注意各種細(xì)節(jié)，比如元件相對(duì)于頁(yè)面的位置，和其他元件是否對(duì)齊等。

接下來(lái)通過(guò)一些原型實(shí)例，給大家講解一下如何優(yōu)化線(xiàn)框圖的細(xì)節(jié)。以下方法對(duì)單一元件或者選中多個(gè)元件都有效。這些功能除了常用工具欄，也可以在菜單欄，和右方的檢視視圖中找到。

設(shè)置元件的位置

下圖中的“昵稱(chēng)”這個(gè)文本元件，需要距離左邊框和上方banner一個(gè)合適的距離。

我們可以通過(guò)設(shè)置該元件的X值和Y值來(lái)調(diào)整效果，不過(guò)此方法比較難操作，而下面幾種方法更簡(jiǎn)潔。

設(shè)置元件中文字的相對(duì)位置

除了設(shè)置元件的XY位置，我們也可以使用相對(duì)距離來(lái)調(diào)整元件位置。

對(duì)齊元件到網(wǎng)格

當(dāng)我們需要把元件放置在畫(huà)布中的合理位置，請(qǐng)?jiān)诳瞻讌^(qū)域右鍵選中“柵格和輔助線(xiàn)-顯示網(wǎng)格”和“柵格和輔助線(xiàn)-對(duì)齊網(wǎng)格”。

此時(shí)我們?cè)偃ネ蟿?dòng)元件“昵稱(chēng)”的時(shí)候，你會(huì)發(fā)現(xiàn)慢慢拖動(dòng)的時(shí)候，每次距離都是固定的10px，這就是下圖中最后一個(gè)頁(yè)面設(shè)置的網(wǎng)格默認(rèn)間隔。

對(duì)齊元件到其他元件

當(dāng)我們需要通過(guò)拖動(dòng)的方式元件去對(duì)齊到其他元件，我們可以開(kāi)啟“對(duì)齊元件”功能。請(qǐng)?jiān)诳瞻讌^(qū)域右鍵選中“柵格和輔助線(xiàn)-對(duì)齊元件”。

開(kāi)啟之后，我們?cè)偃ネ蟿?dòng)元件去對(duì)齊其他元件的時(shí)候，就會(huì)有藍(lán)色的虛線(xiàn)提示，告訴你對(duì)齊成功。如下圖“♀21射手”成功和“昵稱(chēng)”做到左對(duì)齊。

相對(duì)其他元件對(duì)齊

當(dāng)我們希望多個(gè)元件能夠看起來(lái)視覺(jué)一致的時(shí)候，可能用到對(duì)齊功能。

比如下圖，選中“♀21射手”、“互聯(lián)網(wǎng)”、“產(chǎn)品經(jīng)理”這3個(gè)元件，然后在工具欄中點(diǎn)擊頂部對(duì)齊。對(duì)齊結(jié)果以先選擇的為準(zhǔn)。

至于其他對(duì)齊的方式，方法是一樣的。

相對(duì)其他元件分布

繼續(xù)上面的案例，我們希望“21射手”、“互聯(lián)網(wǎng)”、“產(chǎn)品經(jīng)理”這3個(gè)按鈕的間距一樣。那我們依次選中并設(shè)置水平分布。

同理根據(jù)實(shí)際場(chǎng)景選擇垂直分布進(jìn)行使用。

先組合再對(duì)齊

如果我們希望這3個(gè)按鈕代表的整體也比較協(xié)調(diào)，那我們先把這3個(gè)按鈕組合，然后相對(duì)于矩形框左右居中，然后在取消組合即可。

建議結(jié)合上篇文章《如何使用Axure規(guī)范的畫(huà)出頁(yè)面的線(xiàn)框圖》一起學(xué)習(xí)，掌握起來(lái)會(huì)更快。

#專(zhuān)欄作家#

浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels，基于 CC0 協(xié)議