前言 在APP端中左右滑動(dòng)的交互方式十分常見吝秕,在有限的區(qū)間內(nèi)可以放置更多的內(nèi)容听系。 準(zhǔn)備 Axure 9(或Axure 8禀崖、10)軟件已安裝岳颇。 掌握基本的軟件使用筷屡。 本教程知識(shí)...

前言 在APP端中左右滑動(dòng)的交互方式十分常見吝秕,在有限的區(qū)間內(nèi)可以放置更多的內(nèi)容听系。 準(zhǔn)備 Axure 9(或Axure 8禀崖、10)軟件已安裝岳颇。 掌握基本的軟件使用筷屡。 本教程知識(shí)...
在上一篇中我用了四個(gè)中繼器加兩個(gè)函數(shù)做了一個(gè)轟轟烈烈的搜索功能豪直,今天為了進(jìn)一步完善我的商城原型雇逞,所以就打算做一個(gè)簡(jiǎn)簡(jiǎn)單單的篩選和排序功能荤懂。這個(gè)功能不僅在商城中會(huì)用到,隨著產(chǎn)品...
網(wǎng)站或APP中經(jīng)程猎遥看到圖片輪播(即自動(dòng)切換)效果节仿,今天就總結(jié)一下如何用axure實(shí)現(xiàn)圖片輪播以及點(diǎn)擊切換效果。先睹為快掉蔬,效果如下圖所示廊宪,PS:新垣結(jié)衣笑起來真好看啊啊眉踱! 一挤忙、...
表格不支持按行變色,可以用中繼器來做谈喳,效果如下: 源文件下載:https://pan.baidu.com/s/16ei4iKYBihzUYJa9AI0hDA 提取碼: 6zm...
前言 注冊(cè)和登錄作為互聯(lián)網(wǎng)產(chǎn)品的一項(xiàng)基礎(chǔ)系統(tǒng)功能册烈,本文將從原型及交互設(shè)計(jì)的角度講述如何實(shí)現(xiàn)這兩項(xiàng)基礎(chǔ)功能,如果想學(xué)習(xí)注冊(cè)和登錄的產(chǎn)品功能設(shè)計(jì)婿禽,可以參考我之前寫的一片文章《創(chuàng)業(yè)...
本文通過還原簡(jiǎn)書App原型的過程赏僧,進(jìn)行了大量的交互設(shè)計(jì)。在原型制作過程中扭倾,幾乎實(shí)現(xiàn)了最常見的交互效果淀零,主要包括:輪播圖、換一批膛壹、table切換驾中、滑動(dòng)開關(guān)、分享模聋、toast提示...
彈幕的流行 彈幕的應(yīng)用最早起源于日本彈幕視頻分享網(wǎng)站niconico動(dòng)畫链方,后來國(guó)內(nèi)的一些二次元網(wǎng)站持痰,如A站、B站引進(jìn)了彈幕祟蚀,現(xiàn)在已經(jīng)成為視頻網(wǎng)站工窍、直播網(wǎng)站的標(biāo)配功能了割卖。大量吐...
當(dāng)我們使用搜索引擎輸入關(guān)鍵詞的時(shí)候患雏,搜索引擎會(huì)根據(jù)搜索詞模糊匹配推薦一些相關(guān)的內(nèi)容在搜索框的下方顯示鹏溯,這里也包含了我們的搜索記錄。點(diǎn)擊搜索按鈕纵苛,搜索引擎就會(huì)執(zhí)行搜索剿涮,利用爬蟲...
當(dāng)我們?yōu)g覽騰訊新聞網(wǎng)頁滾動(dòng)到第二屏?xí)r攻人,這時(shí)網(wǎng)頁的右下角會(huì)出現(xiàn)返回頂部按鈕取试,點(diǎn)擊按鈕頁面迅速回到第一屏位置。那么這樣的原型效果怀吻,如何利用Axure實(shí)現(xiàn)呢瞬浓?下面將為大家詳細(xì)講解制...
摘要:手風(fēng)琴菜單常常可以在PC端的頁面中可以看到蓬坡,無論是管理后臺(tái)的左側(cè)導(dǎo)航菜單還是個(gè)人中心的折疊菜單都可以看到手風(fēng)琴菜單的身影猿棉,今天就和大家分享如何利用Axure RP 9制...
在制作大屏或者后臺(tái)原型時(shí),經(jīng)常會(huì)有時(shí)間的顯示屑咳,為了讓原型更加高保真萨赁,我們可以利用axure的函數(shù)來獲取當(dāng)前時(shí)間,并動(dòng)態(tài)顯示兆龙。如下圖: 要想獲得時(shí)間的刷新杖爽,我們可以使用動(dòng)態(tài)面板...
最近學(xué)習(xí)Axure的使用,學(xué)到制作自己的元件紫皇,又恰好客戶制作的原型中需要用到日歷慰安,就想到自己制作一個(gè)動(dòng)態(tài)變化的日歷表,添加到“我的原件”中聪铺,于是化焕,我就開始了研究。铃剔。撒桨。 首先看...
本文通過還原簡(jiǎn)書App原型的過程,進(jìn)行了大量的交互設(shè)計(jì)键兜。在原型制作過程中凤类,幾乎實(shí)現(xiàn)了最常見的交互效果,主要包括:輪播圖蝶押、換一批踱蠢、table切換火欧、滑動(dòng)開關(guān)棋电、分享茎截、toast提示...
今天我們要講的是如何用axure做出彈出框的效果企锌,不限于當(dāng)前窗口所彈出的提示、警告于未、帶 遮罩層的彈窗等撕攒,可以參考本教程,實(shí)用性非常強(qiáng)烘浦,應(yīng)用的場(chǎng)景比較多抖坪。如果還是不會(huì),可下載參...
網(wǎng)易云音樂大家應(yīng)該都有用闷叉,它的音樂播放效果不知道你是否有注意過擦俐。本文介紹了如何用Axure實(shí)現(xiàn)網(wǎng)易云音樂有聲播放效果的操作步驟,以及實(shí)現(xiàn)過程中的一些注意事項(xiàng)握侧,與大家分享蚯瞧。 為...
小船今天要講的是【Axure制作輸入框字?jǐn)?shù)限制】。為了做出這個(gè)效果品擎,小船瘋狂的學(xué)習(xí)...后來發(fā)現(xiàn)埋合,嗯,其實(shí)真的挺簡(jiǎn)單(但小船還是很有成就感了哈)萄传,嗯甚颂,對(duì)的,這篇是以Axure...
Axure RP 9 for Mac是一款交互式原型設(shè)計(jì)神器西设,使用axure rp9以最佳的方式展示您的作品,優(yōu)化現(xiàn)代瀏覽器并為現(xiàn)代工作流程設(shè)計(jì)答朋。如何利用Axure快速創(chuàng)建動(dòng)...
前期參考了已經(jīng)在人人產(chǎn)品經(jīng)理群發(fā)布的文章贷揽,使我有感而發(fā),覺得應(yīng)該沒有這么復(fù)制的梦碗,所以我就自己動(dòng)手一下禽绪,設(shè)計(jì)個(gè)簡(jiǎn)易版的。 用的是文本框洪规,其實(shí)后面發(fā)現(xiàn)用 矩形 也可以(因?yàn)槲沂怯?..
一印屁、頁面布局 1、從左側(cè)元件庫拉入兩個(gè)矩形作為導(dǎo)航按鈕斩例,分別命名為:頁面1雄人、頁面2; 2、從左側(cè)元件庫拉入一個(gè)動(dòng)態(tài)面板作為頁面內(nèi)容展示础钠,命名為頁面內(nèi)容恰力; 3、雙擊動(dòng)態(tài)面板旗吁,點(diǎn)...
摘要:本文通過講解制作QQ音樂交互原型的過程踩萎,了解如何實(shí)現(xiàn)旋轉(zhuǎn)、計(jì)時(shí)器以及拖動(dòng)等常見的交互效果很钓。案例中綜合運(yùn)用了動(dòng)態(tài)面板的循環(huán)香府、狀態(tài)改變、拖動(dòng)码倦、文本改變以及旋轉(zhuǎn)等事件企孩,通過本...