㈠ 有什麼可視化設計web界面的工具
1、dreamweaver——集WEB端網頁設計和網站管理於一身的所見即所得網頁編輯器
2、Axure——原型設計工具,主要設計WEB原型
3、墨客——原型設計工具,對PC端和WEB端都很友好
以上這幾款使用率都比較高,最近幾年用Axure原型設計的較多。DW工具比較早。
㈡ axure是什麼軟體
Axure全稱是叫Axure RP,Axure是一個專業的快速原型設計工具,多用於網頁原型設計。
Axure是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。
Axure軟體的特點
設計網站和APP的原型是將各頁的要素組合起來,增加互動。Axure正式提供的素材很少,但該軟體提供靈活的組件定製功能,市場上有許多成熟易用的熱心網民開發的第三方組件,其組件數量及其龐大,幾乎沒有無法設計的產品。
因此Axure現在也是原型設計行業的基準軟體,入門必備,也是行業標准之一,與Sketch並列,兩者都是原型設計領域的必備工具。
㈢ axure怎麼做web頁面高保真
一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。
㈣ axure是什麼
axure原型可以做成線框的低保真原型和呈現出圖文效果的高保真原型,如果產品經理需要通過顏色對比等來展現出原型設計的效果時,就需要使用高保真的交互原型了。
同時,可以將axure的原型文件上傳至藍湖,可以實現手機上預覽,也可直接在藍湖上生成代碼給工程師使用
㈤ 如何將Axure製作的web共享給他人
按F8後,生成HTML格式原型,打包發給他人即可
㈥ Axure製作一個簡單的後台管理網頁
作為一名產品小白,使用Axure是我們第一步要學會使用的產品工具,主要是用來做什麼呢。
主要是用來畫原型圖的,有人會問,原型圖是什麼?不好意思,請自行網路喔。
接下來我們就分步驟來介紹,製作一個簡單的後台管理系統的頁面。
首先我們要明確,要做到的頁面圖如下:
第一步,首先我們把大框架畫出來,打開你的Axure,這里我用的是8.0版本:
第二步,找到左側的元件列表,選擇矩形,拖動到屏幕,選中矩形,在任務欄里設置矩形樣式:調整大小、填充顏色,以及邊框設置:
選中矩形,也可以在右側選擇樣式,可以設置矩形的邊框、顏色填充等各種設置,如下:
第三步,我們畫左邊的框架,一樣選擇矩形元件,這里的長寬和上面的長寬設置要注意一下。
在上方任務欄或者右側樣式欄都可以對矩形元件進行設置,其他元件同樣都可以設置。
這里我們設置下顏色填充,邊框、和字體,具體如下:
第四步,輸入文字,設置字體樣式
雙擊矩形元件就可以輸入內容了;同樣,在任務欄可以設置字體樣式,在右側的樣式欄也可以進行設置,如下:
第五步,選擇一個矩形元件拖到左側任務欄,
1、 設置矩形大小、填充顏色和邊框設置;
2、 設置矩形字體、顏色和對齊方式;
同樣,也是可以在右側樣式欄進行設置的;
顯示如下:
復制矩形元件,輸入不同內容,且字體對齊選擇右對齊,則顯示如下:
第六步,這樣我們的框架就畫好了,現在我們來畫具體內容,就要使用到我們的表格元件了,
首先,在左側元件這邊找到 表格元件,並拖動到編輯區的合適位置;
雙擊單元格,可以輸入內容,顯示如下:
選中一個單元格,選擇右側的 屬性,可以插入列或插入行;設置字體同樣可以任務欄進行設置或者 右側 樣式進行設置字體;顯示如下:
第七步,表格內容設置好之後,接下來我們畫搜索欄;
1、 矩形元件輸入:項目名稱,設置邊框為空,拖動到合適位置;
2、 元件庫中拖動文本框元件,設置合適大小;
3、 放大鏡圖標可以在元件庫中直接使用;
拖動到合適位置,顯示如下:
第八步,設置復選框;
在元件庫,找到復選框元件並拖動到單元格中,顯示如下:
第九步,這樣一個系統頁面就畫好了,我們可以在任務欄右上方,點擊「預覽」,在瀏覽器可以預覽畫好的原型圖,顯示如下:
㈦ axure建的html可以做網站嗎
完全可以的。我自己已經用axure做了好多網頁界面了。只要設計足夠精細,完全可以模擬真實的網頁。只不過Axure只能做靜態的網頁,無法保存數據,比如用戶的登錄、注冊等。(是可以用中繼器元件,模擬注冊、登錄效果,但網站一刷新,數據就沒了)這邊建議使用Axure9製作。因為Axure9可以控制字間距,Axure8和之前的版本沒有這個功能。這個對做網站的文本排版很友好。另外還有一些技術用到的話,效果更佳,比如「動態面板的100%寬度」,「固定到瀏覽器」等等。㈧ axure作的網頁可以真正使用嗎
AXURE 只是作為演示效果,演示功能的,表達想法的
㈨ PHP製作的網頁和Axure製作的網頁有什麼區別
axure製作的是網頁原型,很難做到很精緻,但是做的很快,跟w3標准不符,也不是沖著網頁去的。php製作的網頁其實就是動態的生成了html,本質是html,你對前端不了解的話,去開創者素材多下載幾個前端模板熟悉熟悉就知道了!