<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          產(chǎn)品必會的30個Axure使用技巧

          共 3733字,需瀏覽 8分鐘

           ·

          2021-03-20 17:25













          對于 Axure原型工具,很少有產(chǎn)品經(jīng)過系統(tǒng)學習,一般都是直接上手,邊摸索邊學習,這直接導致很多快捷操作被忽視。我在日常工作中總結(jié)出以下小技巧,希望對各位有幫助。



          1



          安裝Axure后要做的第一件事
                 

          如果系統(tǒng)崩潰后,再次進入時,系統(tǒng)一般會提示恢復最近備份的文件。也可以通過文件→從“備份中恢復”找回最新的版本。



          2



          必須會的快捷鍵
                                    
          快捷鍵不需要刻意去記憶,經(jīng)常使用就熟記于心
          Axure 全部快捷鍵請看>>http://www.iaxure.com/6334.html
           


          3



          日常技巧匯總

          1、重復的元件可以轉(zhuǎn)化成母版

          對于多次重復使用的元件,每次修改一個地方,其它也挨個修改,這個時候我們可以使用“母版”。
                       
          使用到母版元件一樣的元件時,直接在母版區(qū)拖進畫布使用。
          雙擊母版元件,就會進入到母版編輯窗口,修改后的元件會同步到所有母版元件。
                   
           注意:
          • 使用母版元件時,元件里所有的樣式和交互都是一樣的。實際工作中,肯定存在不同交互,這時可以點擊鼠標右鍵——脫離母版”,然后對這個元件單獨操作。

          • 不要把元件過多的組合變成母板,元件組合越是越多,越可能需要在母版的元件上做修改。



          2、避免使用多余的控件
          一個元件可以實現(xiàn)的效果,不要使用多個元件。
          舉個例子:兩個看起來相同的“確認”按鈕,實際上下圖①只有一個矩形元件,而②是由文本框+矩形組成。雖然只多余的一個元件,但是之后只要需要對該元件做修改,就一定會出現(xiàn)多余的操作,非常影響效率。
                       

           3、整合多個元件——組合,方便移動與調(diào)整尺寸
                       

          4、隱藏的元件,設置交互顯示時,最好選中:置于頂層,避免被遮擋
                       

          5、善用鎖定——不常移動的元件進行鎖定
          鎖定不常移動的元件,比如背景頁,表頭。好處:避免誤移。
          • 注意:鎖定后的元件,不能進行選中要注意哦!

                       

          6、選項組命名——實現(xiàn)單選效果
          將多個可選中的元件設置成選項組后,每次只能選中一個元件,其它元件自動取消選中。
          注意:
          • 選項組的名稱必須唯一尤其是在復制選項組后,一定要先修改選項組名稱!不然會出現(xiàn):明明設置的選中效果,但是預覽時怎么樣都選不中。這時就要看看是不是選項組命名重復。

          • 推薦一個選項組命名大法:亂敲鍵盤法(不推薦哈,建議規(guī)范化命名)

                       
           
          7、元件提示——鼠標懸浮時會顯示提示內(nèi)容
          步驟如下:
                 
               
           
           8、文本框大法——共11種類型
          拖拽文本框元件后,右側(cè)面板里可選擇不同的文本框類型,選擇不同的類型可以達到不同的效果。

          如:密碼格式:輸入的內(nèi)容會被隱藏
          數(shù)字格式:只能輸入數(shù)字
          文件格式:可以選擇文件
          日期格式:可以直接選擇日期
          另外,文本框里的預置文字,可以直接在右側(cè)“提示文字”框輸入

          9、一個元件上添加多個事件
          同一個元件會出現(xiàn)多種 case,如點擊登錄按鈕后出現(xiàn)的多種情況。雖然可以通過添加條件判斷來做區(qū)分,但是一般比較費時。不那么嚴格的情況下,我們可以將多個事件添加同一個元件上,對事件進行命名來區(qū)分。
          操作如下:
           
           

               
           10、動態(tài)面板——固定到瀏覽器的某個位置。
          比如:將彈窗在屏幕中間顯示、導航固定在頂部。都可以通過固定到瀏覽器實現(xiàn)。
          步驟如下:
                 
             
           
           
          11、輔助線——快速對齊元件
          輔助線分為兩種:頁面輔助線和全局輔助線。頁面輔助線只會在當前頁面出現(xiàn),全局輔助線在每個頁面都會出現(xiàn)。
                  注意
          • 輔助線過多時:布局→柵格和輔助線→取消顯示輔助線(或者刪除輔助線)

           
          12、預覽原型時,點擊站點導航處的小箭頭,可以看到所有帶交互的元件
                        
           
          13、合并多個 axure 文件
          步驟:點擊文件→從RP文件導入→選擇文件→導入
                       

          14、拖動頁面名稱
          鼠標選擇左側(cè)畫板里的頁面名稱,直接拖入畫布里,會出現(xiàn)頁面名稱的按鈕框,可以用來做流程圖,點擊頁面名稱按鈕框,會直接跳轉(zhuǎn)到對應頁面。

          15、快速實現(xiàn)頁面流程圖——頁面快照
          拖動頁面快照到畫布里,選擇對應的頁面,會出現(xiàn)頁面預覽。點擊可進入對應頁面。

           

          16、實現(xiàn)點擊時顯示,再次點擊時隱藏,用切換(Toggle)即可實現(xiàn)
                        

          17、實現(xiàn)鼠標滾動查看的效果
          1)通過動態(tài)面板實現(xiàn):鼠標右鍵→滾動條→自動顯示滾動條              


          18、及時命名、規(guī)范命名
          對要進行交互事件的元件和動態(tài)面板要及時命名,在之后的修改里會降低很大成本。另外命名也要規(guī)范化,避免出現(xiàn)重復、遺漏、忘記等情況。頁面元件過多時,找到元件就是一件很費時的事。自己可以整理出自己的命名法則。

          19、元件過多時選中的方法
          1)透過上層元件選擇下層元件:多個元件重疊時,想選中下層元件,元件管理窗口直接找到,元件過多的時候可以通過搜索,這是命名的重要性就出現(xiàn)了。
          2)選中上層元件,等1秒左右,在點擊一次,就會選中下一層元件
          3) 使用“查找”功能:Ctrl+F,通過搜索元件里的文字來找到


          20、按住 Ctrl,將鼠標放在元件的邊緣,移動鼠標,就可以旋轉(zhuǎn)部件

          21、鼠標放在元件邊緣,按住 shift+鼠標左鍵,可以鎖定長寬比來放大縮小元件。

          22、建立回收站文件夾
          用來存放淘汰的頁面。但是生成 html 文件時,不要選擇生成回收站內(nèi)容。

          23、記錄修改內(nèi)容
          新建一個空白頁面,記錄 rp 文件的改動,如改動時間,版本、修改內(nèi)容、修改人等。

          24、找Icon必備網(wǎng)站:https://www.iconfont.cn/ 
           搜索自己需要的Icon類型,點擊復制SVG,粘貼進Axure面板里,點擊鼠標右鍵,選擇“轉(zhuǎn)化成矢量圖”,就可以對Icon進行顏色的填充與修改了。

          25、靈感來源>>花瓣:https://huaban.com/ 

          26、原型尺寸大小(不唯一)
          web 原型大小:1440×900/1200×900,app 原型尺寸:375×667

          27、建立自己的元件庫

          前輩們已經(jīng)整理了很多,我們可以直接使用外部元件,然后根據(jù)需要建立自己的元件庫。

          把此篇文章轉(zhuǎn)發(fā)到朋友圈或者產(chǎn)品/運營微信群,截圖發(fā)微信:chanpin628,即可獲得元件一份。




          總結(jié)



          ?????????????????????產(chǎn)品設計原型的目的是為了更好的傳達自己的想法。當自己的原型能夠滿足要求時,就不需要過度關注原型細致度。

          更多干貨可關注微信公眾號:產(chǎn)品劉
          想學習更多關于產(chǎn)品、職場、心理、認知等干貨,可長按右邊二維碼,關注我們。
          ··················END··················
          此外我們的官方網(wǎng)站也上線了,每日分享高質(zhì)量的文章、原型素材和行業(yè)報告,小伙伴可自行前往索取,支持搜索,需要的小伙伴可點擊底部的閱讀原文直接查看,或者復制網(wǎng)址www.dadaghp.com 打開。

          RECOMMEND

          推薦閱讀
          產(chǎn)品經(jīng)理欲哭無淚的瞬間(太真實了)
          你手里有沒有offer?
          最全的B端產(chǎn)品經(jīng)理干貨知識
          簡歷中一定不要犯這幾種錯誤

          點擊“閱讀原文”

          查看更多干貨

          瀏覽 84
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  黄色免费视频永久免费 | 顶级欧美熟妇高潮喷水 | 一级网站,黄片 | 91中文字幕在线观看 | 狼人综合影院啊啊啊啊 |