axure熱區(qū)使用步驟 axure rp8有幾個(gè)基本元件?
axure rp8有幾個(gè)基本元件?axurerp8有以下幾種基本元件?①形狀類(lèi)·拖拽矩形左上角三角形狀快速變動(dòng)圓角·左鍵單擊右上角圓形飛速改變形狀·按住不放ctrl鍵,剛剛進(jìn)入四邊形區(qū)域,移動(dòng)鼠標(biāo)角度
axure rp8有幾個(gè)基本元件?
axurerp8有以下幾種基本元件?
①形狀類(lèi)
·拖拽矩形左上角三角形狀快速變動(dòng)圓角
·左鍵單擊右上角圓形飛速改變形狀
·按住不放ctrl鍵,剛剛進(jìn)入四邊形區(qū)域,移動(dòng)鼠標(biāo)角度即可變化形狀角度
·在樣式中可以設(shè)置具體一點(diǎn)的各項(xiàng)參數(shù)
·其中再填充是指文字與形狀邊緣之間圖案填充的空隙
②圖片
·圖片是可以從外部再導(dǎo)入圖片
·只有一圖片可以從外部導(dǎo)入到圖片
③相冊(cè)面板
閃圖面板的實(shí)質(zhì)應(yīng)該是層,一個(gè)動(dòng)態(tài)面板這個(gè)可以有多個(gè)狀態(tài),每個(gè)狀態(tài)可乾坤二卦一系列元件;恰恰只不過(guò)相冊(cè)面板的存在基于了同一區(qū)域狀態(tài)的變化。
·任何時(shí)候都只能一個(gè)狀態(tài)時(shí)所以說(shuō)的,象大都系統(tǒng)默認(rèn)最后一個(gè)狀態(tài)可見(jiàn)。
·動(dòng)態(tài)面板的狀態(tài)這個(gè)可以隱藏、顯示和變動(dòng)。
·將動(dòng)態(tài)面板拖到界面后,是可以據(jù)不需要改變面板大小、位置。
·建議使用日志面板的情況:
·頁(yè)面中存某塊內(nèi)容在又開(kāi)始不沒(méi)顯示,聽(tīng)說(shuō)后來(lái)顯示的情況;
·在正在頁(yè)面加載時(shí)不會(huì)顯示,后來(lái)不顯示的情況;
④Tab頁(yè)切換到;
·某塊內(nèi)容隨著事件的不同顯示位置差別的情況。
⑤熱區(qū)
熱區(qū)在能生成的原型中是透明的的(絕不可以見(jiàn)的),如果沒(méi)有想在設(shè)計(jì)什么區(qū)域中也將其設(shè)置里為不可見(jiàn)狀態(tài),在菜單欄中,再點(diǎn)擊“視圖→遮罩→可以取消打勾熱區(qū)”表就行。
·可以不直接添加成鏈接(比如,大小改變某處的反應(yīng)區(qū)域;導(dǎo)航的鏈接)
·跳轉(zhuǎn)頁(yè)面層或區(qū)域(例如,回到頂部)
·可以不先添加交互(諸如,在翻到此處熱區(qū)時(shí)自動(dòng)啟動(dòng)讀取下方更多)
⑥文本
文本本身沒(méi)有邊框,生成原型之后也沒(méi)有。且文本的高度是可以轉(zhuǎn)變
不使用文本的時(shí)想要在其他元件上居左時(shí)要把文本設(shè)置中的和元件一樣大,否則不會(huì)有效果
⑦中繼器
在頁(yè)面上有很多重復(fù)的內(nèi)容和元素時(shí)就這個(gè)可以中繼器來(lái)做。
·可以不批量改先添加圖片、文字;
·是可以批量修改再添加日志面板、熱區(qū)、文本等,元件;
·是可以批量上傳圖片、文字;
原型設(shè)計(jì)工具默認(rèn)包括?
Axure:發(fā)展較早的一款原型設(shè)計(jì)軟件,加之名聲較大。無(wú)窮畫(huà)布,合適做低保真到中保真度的原型。功能很多,也讓學(xué)下來(lái)稍微有點(diǎn)難度,網(wǎng)上有很多axure教程就不是太多說(shuō)了。本地型軟件,也可以去下載html文檔預(yù)覽,手機(jī)預(yù)覽實(shí)在不方便。
墨刀:雜牌子的一款原型設(shè)計(jì)協(xié)作工具,相比于axure來(lái)太很容易學(xué)會(huì)了,內(nèi)置組件很多,創(chuàng)建頁(yè)面跳轉(zhuǎn)也比axure簡(jiǎn)單啊太大。畢竟是一款在線(xiàn)工具,是可以云端保存到工作,這點(diǎn)的確很快捷便利。另,多多分享鏈接就這個(gè)可以分享原型給別人看了,如果沒(méi)有比較復(fù)雜到跟同事兩個(gè)對(duì)接什么的,你選擇免費(fèi)的工具更方便啊。意見(jiàn)sketc稿導(dǎo)入和不自動(dòng)標(biāo)住。個(gè)人如果說(shuō)性?xún)r(jià)比最高。
Invision:的確目前是國(guó)外發(fā)展比較大的在線(xiàn)原型設(shè)計(jì)工具,主打“交互原型”和“協(xié)作”,支持sketch和ps設(shè)計(jì)稿文件導(dǎo)入做交互。近日來(lái)出的Invisionstudio主動(dòng)對(duì)標(biāo)sketch,想不滿(mǎn)足更精細(xì)的設(shè)計(jì)需要。國(guó)外一些大牛公司像airbnb和amazon都在用。不過(guò)是對(duì)國(guó)內(nèi)用戶(hù)來(lái)說(shuō)會(huì)有服務(wù)器速度的問(wèn)題,但是,貴。(土豪公司回避)
Marvel:Marvel都是海外知名度較高的一款原型設(shè)計(jì)協(xié)作工具,支持什么PS和sketch設(shè)計(jì)稿導(dǎo)入做交互原型,本身也支持什么中度保真程度的設(shè)計(jì)。也有自動(dòng)啟動(dòng)標(biāo)示功能。圖片庫(kù)兩個(gè)對(duì)接unsplash,這樣的話(huà)無(wú)論是unsplash的很多制作精美的免費(fèi)圖片也可以再用。價(jià)格比Invision稍便宜一點(diǎn)。
POP(PrototypingontoPaper):這款比較比較另類(lèi),是給拍照的手畫(huà)草圖直接做交互。操作靈巧很簡(jiǎn)單:先用手機(jī)拍下草圖原型(存到POP app內(nèi));接著正在編輯圖片的哪個(gè)區(qū)域(按鈕)鏈接到什么頁(yè)面,先添加跳轉(zhuǎn)鏈接熱區(qū),就這個(gè)可以在手機(jī)上給小伙伴們做演示了。內(nèi)嵌的交互動(dòng)作如側(cè)滑、發(fā)起、迅速消失等,即可行最簡(jiǎn)形矩陣象的動(dòng)態(tài)演示需要。但功能相對(duì)簡(jiǎn)單點(diǎn),對(duì)加深的需求沒(méi)能不滿(mǎn)足。
Moqup:接受線(xiàn)框圖,原型,和邏輯流程圖。里面組件數(shù)量蠻多,像表格這些也有,做web項(xiàng)目比較比較便利。支持什么在線(xiàn)預(yù)覽和能分享,支持評(píng)論,不意見(jiàn)上標(biāo)。上手難較不容易,當(dāng)然了好像沒(méi)什么模板,UI稍微有點(diǎn)過(guò)時(shí)感。