作為一名產(chǎn)品小白董栽，使用Axure是我們第一步要學(xué)會使用的產(chǎn)品工具码倦，主要是用來做什么呢。
主要是用來畫原型圖的锭碳，有人會問袁稽，原型圖是什么？不好意思擒抛，請自行百度喔运提。
接下來我們就分步驟來介紹，制作一個簡單的后臺管理系統(tǒng)的頁面闻葵。
首先我們要明確民泵，要做到的頁面圖如下：
第一步，首先我們把大框架畫出來槽畔，打開你的Axure栈妆，這里我用的是8.0版本：
第二步，找到左側(cè)的元件列表厢钧，選擇矩形鳞尔，拖動到屏幕，選中矩形早直，在任務(wù)欄里設(shè)置矩形樣式：調(diào)整大小寥假、填充顏色，以及邊框設(shè)置：
選中矩形霞扬，也可以在右側(cè)選擇樣式糕韧，可以設(shè)置矩形的邊框、顏色填充等各種設(shè)置喻圃，如下：
第三步萤彩，我們畫左邊的框架，一樣選擇矩形元件斧拍，這里的長寬和上面的長寬設(shè)置要注意一下雀扶。
在上方任務(wù)欄或者右側(cè)樣式欄都可以對矩形元件進行設(shè)置，其他元件同樣都可以設(shè)置肆汹。
這里我們設(shè)置下顏色填充愚墓，邊框、和字體昂勉，具體如下：
第四步浪册，輸入文字，設(shè)置字體樣式
雙擊矩形元件就可以輸入內(nèi)容了硼啤；同樣议经，在任務(wù)欄可以設(shè)置字體樣式，在右側(cè)的樣式欄也可以進行設(shè)置谴返，如下：
第五步煞肾，選擇一個矩形元件拖到左側(cè)任務(wù)欄，
1嗓袱、 設(shè)置矩形大小籍救、填充顏色和邊框設(shè)置；
2渠抹、 設(shè)置矩形字體蝙昙、顏色和對齊方式；
同樣梧却，也是可以在右側(cè)樣式欄進行設(shè)置的奇颠；
顯示如下：
復(fù)制矩形元件，輸入不同內(nèi)容放航，且字體對齊選擇右對齊烈拒，則顯示如下：
第六步，這樣我們的框架就畫好了广鳍，現(xiàn)在我們來畫具體內(nèi)容荆几，就要使用到我們的表格元件了，
首先赊时，在左側(cè)元件這邊找到 表格元件吨铸，并拖動到編輯區(qū)的合適位置；
雙擊單元格祖秒，可以輸入內(nèi)容诞吱，顯示如下：
選中一個單元格，選擇右側(cè)的 屬性竭缝，可以插入列或插入行狐胎；設(shè)置字體同樣可以任務(wù)欄進行設(shè)置或者 右側(cè) 樣式進行設(shè)置字體；顯示如下：
第七步歌馍，表格內(nèi)容設(shè)置好之后握巢，接下來我們畫搜索欄;
1、 矩形元件輸入：項目名稱松却，設(shè)置邊框為空暴浦，拖動到合適位置；
2晓锻、 元件庫中拖動文本框元件歌焦，設(shè)置合適大小砚哆；
3独撇、 放大鏡圖標(biāo)可以在元件庫中直接使用；
拖動到合適位置，顯示如下：
第八步纷铣，設(shè)置復(fù)選框卵史；
在元件庫，找到復(fù)選框元件并拖動到單元格中搜立，顯示如下：
第九步以躯，這樣一個系統(tǒng)頁面就畫好了，我們可以在任務(wù)欄右上方啄踊，點擊“預(yù)覽”忧设，在瀏覽器可以預(yù)覽畫好的原型圖，顯示如下：
注：以上文章為作者所有颠通，如有轉(zhuǎn)載址晕，請聯(lián)系公眾號【阿拼姐】
