⑴ Axure怎樣設置頁面尺寸
您好:
文件下的紙張尺寸與設置這里可以設置頁面尺寸。
其他版本請自行查找。位置不會太遠。
⑵ 使用Axure製作App原型應該怎樣設置尺寸
製作原型時根據查詢的尺寸在axure中設置大小即可,設計完畢後在生成HTML時設置 手機/移動設備 中勾選包含視圖介面( include Viewport tag ),並進行配置即可。
移動設備解析度與原型尺寸對照表:
2、axure原型製作時還有幾點注意事項:
2.1、頁面命名最好都用英文,以防中文在解壓時出現亂碼;
2.2、APP主頁面不要用index來命名,否則打開Index時默認隱藏側邊欄,後續無法復制URL;
2.3、設計尺寸大小取決於選擇的演示方式:
a).Web APP模式:屏幕高度-ios設備狀態欄高度,eg:設計尺寸=480-20px=460px;
b). APP打開模式:採用設備默認尺寸。
⑶ axure怎麼做web頁面高保真
一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。
⑷ Axure做的APP原型手機怎麼預覽
一、原型默認整體大小為640*960即可,位置為x為0、y為0起始,這樣即可 二、下拉效果可以做,用動態面板來完成,可以上下拖拽。 三、可以放在web伺服器上,就可以通過http的方式來訪問。
⑸ Axure 設計網站原型時,網站寬度和高度怎麼設置比較好
【頁面尺寸】網頁的尺寸受限於兩個因素:一個是顯示器屏幕(顯示器現在種類很多,17寸為主流,正在朝19寸及寬屏的方向發展,但目前也有為數不少的15寸顯示器)另一個是瀏覽器軟體(我們常用的IE、遨遊、Friefox等)
【頁面高度】高度是可以向下延展的,所以一般對高度不限制。對於一屏來說一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,所以高度沒有確切值。
【頁面寬度】
1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。
2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005
3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001
如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點。也方便做一些浮動層的設計。如果是800的解析度一般都設成770。但也有設成760的。這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求。不過一般我們都會設定的再稍微小一點,因為有些瀏覽器加了插件或者其他的東西寬度會有變化,所以 800的解析度一般設定760左右,1024的設定990左右。
網頁設計標准尺寸參考:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間,就不會出現水平滾動條和垂直滾動條。
3、頁面長度原則上不超過3屏,寬度不超過1屏,每個標准頁面為A4幅面大小,即8.5X11英寸。
4、全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px (另外120*90,120*60也是小圖標的標准尺寸 )
5、每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
【網頁廣告尺寸】
1、120*120,這種廣告規格適用於產品或新聞照片展示。
2、120*60,這種廣告規格主要用於做LOGO使用。
3、120*90,主要應用於產品演示或大型LOGO。
4、125*125,這種規格適於表現照片效果的圖像廣告。
5、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。
6、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
7、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
8、88*31,主要用於網頁鏈接,或網站小型LOGO。
【廣告形式 像素大小 最大尺寸】
BUTTON 120*60(必須用gif) 7K;215*50(必須用gif) 7K
通欄 760*100 25K 靜態圖片或減少運動效果;430*50 15K
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果
巨幅廣告 336*280 35K;585*120
豎邊廣告 130*300 25K
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式
圖文混排 各頻道不同 15K
彈出窗口 400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)
【網頁中的廣告尺寸】
1.首頁右上,尺寸120*60
2.首頁頂部通欄,尺寸468*60
3.首頁頂部通欄,尺寸760*60
4.首頁中部通欄,尺寸580*60
5.內頁頂部通欄,尺寸468*60
6.內頁頂部通欄,尺寸760*60
7.內頁左上,尺寸150*60或300*300
8.下載地址頁面,尺寸560*60或468*60
9.內頁底部通欄,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100
⑹ axure是什麼
axure原型可以做成線框的低保真原型和呈現出圖文效果的高保真原型,如果產品經理需要通過顏色對比等來展現出原型設計的效果時,就需要使用高保真的交互原型了。
同時,可以將axure的原型文件上傳至藍湖,可以實現手機上預覽,也可直接在藍湖上生成代碼給工程師使用
⑺ Axure這個軟體是做什麼的。建模
Axure RP 是一套高度擬真的網站與APP 原型建構工具,可以讓設計師們利用軟體內的組件快速設計出產品原型,本身提供強大的交互支持,設計出的原型和實際產品在交互上體驗感幾乎沒有區別。另外,軟體也支持多人協作模式和版本控制管理的功能 。
產品原型設計簡單的說就是產品的一個簡單框架。設計網站和APP原型就是把各個頁面元素組合在一起,在增加一些交互動作。
雖然Axure官方提供的素材很少,但這款軟體提供靈活的組件自定義功能,市面上有很多成熟好用的由熱心網友開發的第三方組件可以使用,使得其組件數量及其龐大,基本沒有設計不出來的產品。
所以,Axure目前也是原型設計行業的標桿軟體,屬於入門必會的 ,亦是行業標准之一,與Sketch齊名,二者均是原型設計的領域的必備工具。
(7)axureweb原型尺寸擴展閱讀:
Axure的特色功能:
1、快速建構概念原型
Axure RP 利用幾何形狀、文字等等物件工具,幫助您快速建立美觀擬真的網站或APP 原型。也可以建立格線系統精確呈現物件位置、匯入圖片、建立色塊、改變物件形狀和半透明填色呈現各種視覺表現的概念。
Axure RP 中還有許多物件可以幫助您快速且有效的將方案以正確的擬真度表現給客戶、協助溝通與專案的進行。
2、呈現擬真互動效果
Axure RP 可以簡單地透過建立頁面連結功能幫助您的原型呈現互動。提供下拉選單、動態內容、狀況邏輯設定、計算、動態Hide/Show Layer 效果等許多互動的物件與功能,並允許使用者可以設定點擊、Mouse over 或手指滑動觸發互動。
可模擬AJAX/Flash 動態效果,可任意加入註解與超連結。擬真的互動效果可以為客戶提供一個真實網站的意象,幫助您在方案開發前期與客戶溝通問題、得到回饋、評估以及執行使用者測試。
3、Adaptive views 響應式設計
Axure RP 可以幫助使用者自由定義adaptive views 的寬度,增加不同寬度的子視角。主視角增加的物件也會在子視角呈現,使用者可以依據子視角的寬度調整頁面的排版。
使用者可以編輯主視角的物件內容、物件特性、尺寸大小或是互動設計規劃,其更變也會在其他子視角呈現。但是在子視角作出的內容更變是不會影響主視角的。
以這樣同物件跨越不同視角的操作,可以快速幫助使用者完成adaptive views 的版面呈現。而prototype 因寬度改變視角可以在瀏覽器上擬真的呈現。
4、Axureshare 雲端分享功能
Axure RP不僅提供使用者可以立即在網頁瀏覽器上觀看prototype 呈現的效果的功能,還可以產生HTML 檔案,並加上雲端功能,讓使用者上傳到Axure Share 分享給其他共同工作者。即使共同工作者沒有安裝Axure RP 一樣也可以透過雲端的連結觀看與使用prototype。
5、建構流程圖與規格文件
Prototype亦可以輸出成Spec文件,可以幫助使用者以更少的時間達成更精準的溝通。並提高與PM/Planner溝通的正確性,可以藉由體驗Prototype,更清楚知道網站規劃細節,建立流程圖並與頁面建立關連(幫助IT了解動線流程),減少口頭說明的時間。
藉由精準的溝通,可以降低弄錯後修修改改、造成時間delay、成本大增避免重工、直接重復使用(reuse)。
參考資料來源:網路——axure rp
⑻ AXURE原型需要做到什麼程度
AXURE做原型分為低保真、高保真兩種,再復雜就是有交互效果的原型。
低保真就是只有線框圖。 純粹的只用線框來表示功能,沒有做任何的渲染。 這種低保真我認為適合在公司內部最初梳理功能、流程,並且不需要想客戶演示時候使用。
高保真原型。 下面我認為都是高保真原型。 前面的只是簡單的很白色渲染,後面是用真正的圖片渲染。 這兩種可以根據客戶類型和項目時間來決定出那種。 前面好處是更接近真實效果,而且不影響美工視覺,出的速度很快。 後面的對美工影響很大。很可能會完全照做。
還有一種就是可以交互的。比如你輸入用戶名和號碼後,點擊登錄會跳轉到首頁。只是數據是靜態數據。這種原型做出來要花很長時間。但卻是搜集客戶需求,避免開發成本的最好原型。因為是可以交互的,最大程度還原產品。 另外原型就是拿來不斷修改的,並不是做了一次就定下。之所以做原型就是開前確定需求功能,避免因客戶需求變動返工。
高保真的原型圖的用途有幾大方面:
一、開發人員需要參與高保真原型圖的設計當中,同時,他需要對這款產品的交付期作一個判斷,而產品經理根據開發人員的判斷,對於整個產品的周期做一個監控;
二、高保真原型圖還需要給你的總監以及老闆看,讓你的管理層知道真實的產品的樣子;
三、用於產品原型測試,把你的產品創意真正的傳遞到用戶眼前。相對於寫在紙上的產品設計文檔,產品原型更加有效,因為這可以讓所有的測試人員以及用戶知道你的產品創意所在。 在製作產品高保真原型的時候,你需要密切的與產品交互設計師進行合作,以將產品設計的盡量的簡單和易用。產品經理與交互設計師最好能在同一處的辦公室辦公,因為這樣能方便對於產品的交流。
在有些公司,產品的交互設計以及產品高保真原型通常也由產品經理來完成。高保真原型的製作涉及的東西更多,不僅僅只是核心功能的設計,有時候一個按鈕是設計和文字的描述就很要命。相信很多產品經理都設計過一些按鈕,如果一個按鈕既要表達狀態也要表達操作,那麼這類的按鈕是十分費神的。
高保真原型的製作軟體目前較為流行的是AXURE,這款軟體設計絕大多數的交互內容。並且使用起來也十分方便。筆者也十分喜歡。在完成高保真原型圖後,你需要做的就是,可用性測試,也就是確定你的設計方案能滿足用戶一看就懂的基本需求。
原型的測試有很多方式,如果某些產品已經擁有自己的用戶群,可以直接在用戶群當中進行測試,如果你的產品沒有,那麼簡單點,公司的同事就是你的測試用戶。在公司中,找出你的目標用戶,用你的高保真原型圖讓她們用用。
製作一個高保真原型圖很耗時間的。但是用戶測試也是必須的,在產品還沒有進入開發前做用戶測試會讓你的產品後續的邏輯更加清晰。無論是客戶端產品還是web端的產品,能用高保真原型做用戶的可行性測試最好還是用原型進行一次的測試。
⑼ 什麼是Axure及產品原型
axure RP是一款快速原型設計工具,它不需要任何編程或寫代碼基礎,就可以設計出交互效果良好的產品原型,常用於互聯網產品設計、網頁設計、UI設計等領域。
作為一款熱門的原型設計工具,它可以完成很多紙和筆畫不出來的事情,特別是高交互的頁面,用動畫效果展現讓人瞬間清楚你要表達的內容。
原型:用線條、圖形描繪出的產品框架,也稱線框圖。
原型設計在整個產品流程中處於最重要的位置,有著承上啟下的作用。何出此言?原型設計之前需求或是功能信息都相對抽象,原型設計的過程就是將抽象信息轉化為具象信息的過程,之後的產品需求文檔(PRD)是對原型設計中的版塊、界面、元素及它們之間的執行邏輯進行描述和說明。所以說,原型設計的重要性無可替代,產品經理應當要對此有絕對的控制和駕馭能力。
話說回來,原型設計雖然很重要也應當是有限度的,原型設計的作用有以下幾點:
1、因為是原型是需求和功能的具象化表達,所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。
2、因為原型相較於UI稿來說修改更方便,所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。