UI設(shè)計中的Axure教程入門篇

時間：2023-08-29 20:42:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-08-29 20:42:01 來源：網(wǎng)站運(yùn)營

UI設(shè)計中的Axure教程入門篇： Axure RP是一款專業(yè)的快速原型設(shè)計工具。Axure（發(fā)音：Ack-sure），代表美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。下面優(yōu)漫教育小編介紹一下：Axure教程-新手入門基礎(chǔ)，希望能幫到大家！

1.Axure軟件介紹

Axure RP是一款專業(yè)的快速原型設(shè)計工具。Axure（發(fā)音：Ack-sure），代表美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。

Axure RP的使用者主要包括商業(yè)分析師、信息架構(gòu)師、產(chǎn)品經(jīng)理、IT咨詢師、用戶體驗(yàn)設(shè)計師、交互設(shè)計師、UI設(shè)計師等，另外，架構(gòu)師、程序員也在使用Axure。

Axure RP Pro能快速幫助設(shè)計者設(shè)計出快捷而簡便的創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋頁面示意圖、操作流程圖、以及交互設(shè)計，并可自動生成用于演示的網(wǎng)頁文件和規(guī)格文件，以提供演示與開發(fā)。

優(yōu)勢：

Axure這個軟件功能強(qiáng)大，可以做出很多交互效果，直接通過拖拽畫出原型、生成網(wǎng)頁；

Axure這個軟件效果高，只有遵循一些可用性原創(chuàng)，很快模擬出高保真頁面原型。

Axure中文學(xué)習(xí)網(wǎng)：https://www.axure.com.cn/

漢化包下載地址：http://www.chanpinban.com/downloads/##

2.什么是原型

原型（prototype）這個詞來自拉丁文的詞proto，意謂“最初的”，意義是形式或模型。在非技術(shù)類的文中，一個原型是給定種類的一個代表性例子。

在這里我們主要講的是軟件原型，在軟件開發(fā)中，一個原型是產(chǎn)品或數(shù)據(jù)系統(tǒng)的一個基本的實(shí)用模型。

軟件原型包含但不限于：功能、交互、UI。

軟件開發(fā)工程中原型的地位：便于快速溝通、確定明確需求

3.Axure軟件安裝與運(yùn)行

3.1安裝

Axure中文學(xué)習(xí)網(wǎng)：https://www.axure.com.cn/

在上述網(wǎng)站即可下載安裝，傻瓜式安裝即可，這里就不多做闡述。

3.2運(yùn)行

安裝好后運(yùn)行，可以看到歡迎界面(不想每次啟動都彈出這個的話建議勾選啟動時不顯示)

這就是Axure的主要界面了，能成功進(jìn)到這里就說明安裝成功！

4.Axure主要界面介紹

4.1菜單欄

跟一般office軟件的菜單欄差不多。

其中，經(jīng)常使用的菜單功能有：

文件-導(dǎo)出圖片：當(dāng)前打開頁面對應(yīng)的單張圖片、所有頁面

編輯-快捷鍵：保存、撤銷

視圖-重置視圖：當(dāng)關(guān)閉某個窗口，可通過此次菜單快速恢復(fù)窗口視圖

布局-組合、對齊、分布，在工具欄也有快速按鈕，包含shift鍵多選元件、組合后右鍵或者概要中進(jìn)行重命名

布局-顯示網(wǎng)格和對齊輔助線

發(fā)布-預(yù)覽、預(yù)覽選項(xiàng)、生成HTML文件，在工具欄也有快速按鈕

4.2工具欄

這里是平常我們使用Axure需要的工具，其實(shí)跟我們平時用word差不多，你可以放大縮小，設(shè)置文字大小顏色位置等。

鋼筆工具：

1.雙擊或者esc結(jié)束鋼筆工具

2.畫直線、折線

3.畫曲線：當(dāng)前點(diǎn)位置左鍵鼠標(biāo)按住不動，方向影響到曲線的方向，橘色的線長度影響到曲線的半徑

4.樣式：線條（顏色、粗細(xì)、樣式）、填充（單色、漸變）

選擇鋼筆工具

你可以畫一條直線

也可以畫曲線

也可以亂畫

鋼筆工具是一個挺有用的工具，有時候可以解決你的燃眉之急，在美工好的同學(xué)手好那更是如虎添翼，大家覺得我美工好嗎，歡迎在評論區(qū)評論。

4.3頁面：導(dǎo)航視圖，大綱

頁面是項(xiàng)目頁面的導(dǎo)航面板,在這里面可以對所有設(shè)計的頁面進(jìn)行添加、刪除、重命名和組織等。

當(dāng)頁面過多時，文件夾就顯得格外重要了，它可以方面你管理你的所有頁面。

可以通過拖拽，將你的頁面管理起來。

大綱

大綱可以看你所有在使用中的元件，可以給元件進(jìn)行命名，以方便查看管理。

4.4元件庫，母版

元件是Axure中最精髓的地方了，通過使用多種元件庫，可以讓你的原型頁面更精美。

下面做一個小練習(xí)，用默認(rèn)元件庫做一個表單出來。

母版，讓使用的風(fēng)格統(tǒng)一，減少元件的復(fù)用

當(dāng)你的幾個頁面中會重復(fù)使用一些元件時，你可以選擇母版，當(dāng)然如果只是一個頁面的話，就不需要母版了。

使用方法：1.在已有元件中，右鍵生成母版。2.直接在左下角新建母版。

我新建了一個header母版，將頂部菜單欄元件拖入，這樣一個母版就新建好了，我們?nèi)ナ褂靡幌隆?br>
直接將母版拖拽到頁面即可。

當(dāng)你想修改母版的內(nèi)容時間，使用改母版的頁面也會隨之改動，改頁面的，母版也會被改動。

以上就是優(yōu)漫教育小編為大家介紹的“【UI設(shè)計培訓(xùn)分享】：UI設(shè)計中的Axure教程入門篇”相關(guān)內(nèi)容，學(xué)習(xí)ui設(shè)計培訓(xùn)，可以參考優(yōu)漫教育提供的ui學(xué)習(xí)路線，該學(xué)習(xí)路線內(nèi)容包含ps軟件入門、AI與品牌設(shè)計、視覺表達(dá)技法、web視覺設(shè)計、圖標(biāo)設(shè)計、產(chǎn)品交互、移動端設(shè)計等，根據(jù)優(yōu)漫提供的ui學(xué)習(xí)路線圖，可以讓你對學(xué)好ui需要掌握的知識有個清晰的了解，并能快速掌握ui設(shè)計！