二冯吓、元件案例篇(矩形等)(兩小時20分鐘)

對矩形倘待、文字、圖片等的交互進行嘗試组贺。熟悉制作交互的流程凸舵。必須要做。

Axure高保真秘笈總述:http://www.reibang.com/p/cfbc3a7b3f73


1制作案例1(20分鐘)

·做法

1失尖、打開Axure8和教材33頁啊奄。

2渐苏、按照教材描述的在Axure8中實現(xiàn)。拖入文本框菇夸,拖入圖標字體琼富,點擊文本框,在Axure左側(cè)屬性設(shè)置中設(shè)置即可庄新。不必要刻意記憶步驟公黑,做一遍就行,以后的案例也是一樣摄咆。

·說明

1凡蚜、在Axure中為每一個案例創(chuàng)建一個頁面,每一章創(chuàng)建一個文件吭从,都保存下來朝蜘。有些案例會在之后的案例中完善,刪了就得重新做了涩金。而且保存下來在之后的工作中可能用得上谱醇。

2、本書每一個案例都分為8個部分(有時9個)步做,分別為案例來源副渴、案例效果、元件準備全度、案例描述煮剧、思路分析、操作步驟将鸵、補充說明和案例展示勉盅。

一般來講,

????·案例來源沒啥說的

????·案例效果要看顶掉,確定這個案例想要做出的效果

????·元件準備草娜,有名字的元件是一定需要的,如果不那么認真可以不拼出全部的元件痒筒,只拼出做交互的元件宰闰。具體的可以先不準備元件,而是在操作步驟中有需要的元件再準備簿透。這樣比較懶移袍,我就是這樣做的

????·案例描述,配合案例效果食用

????·思路分析萎战,盡量看一看咐容,以后工作自己做的時候也要想怎么實現(xiàn)的

????·操作步驟,最重要的蚂维,照著操作就行戳粒,我們使用本書的方法就是少記憶路狮,多操作

????·補充說明,看一看

????·案例展示蔚约,可以用微信掃一掃看奄妨,不過沒啥必要,我做了70個案例就前兩個掃了兩次苹祟。

3砸抛、如果覺得過于困難,可以先放一放树枫,或者詢問別人漫玄。很多一開始迷惑的重復(fù)的多了自然就會了年叮。尤其是最開始每一個按鈕都要找半天邻梆,之后就會很快然爆。


2制作案例2(半小時)

·做法

1、閱讀案例描述

2搔涝、元件準備中厨喂,真正有用的是兩個矩形和兩個文本框,可以只拖入這些元件庄呈,按照教材對元件命名

3蜕煌、按照操作步驟進行操作,“獲取焦點時”按鈕在“更多事件”里面

·說明

1诬留、很多按鈕找不到是正常的斜纪,慢慢找就好了

2、不斷用預(yù)覽查看效果


3案例3(20分鐘)

·做法

照著書做一遍就可以了故响,是比較簡單的一個案例傀广。元件方面可以只要圖片,不管其他內(nèi)容彩届。做完就行,不用可以記憶誓酒。

·說明

1樟蠕、我沒有他說的圖片,所以就隨便拿了個海賊王的靠柑。也可以在font元件庫里面查找qq等元件(下圖的是查找按鈕)寨辩,截屏變成圖片。截屏可以登錄電腦qq歼冰,然后按住“Ctrl+Alt+A”三個按鈕開始截屏

2靡狞、其實這本書之前還有一個入門手冊,所以直接用這個入門比較艱難隔嫡,但是就快要好了甸怕。


4案例4甘穿、案例5、案例6(半小時)

·做法

1梢杭、看一眼案例4温兼,發(fā)現(xiàn)與案例3一樣,都是選中變換圖片武契,我們就不做了募判。

2、制作案例五咒唆,可以直接無視其他的元件届垫,就拖入一個矩形框來設(shè)置,或者把案例3的內(nèi)容選中復(fù)制過來全释,拼到一個頁面里不過沒啥意義敦腔。

3、制作案例6

·說明

這幾個案例的操作都是很像的恨溜,可以熟悉有關(guān)點擊符衔、選中的動作和屬性設(shè)置。以后這種設(shè)置還有很多糟袁,現(xiàn)在少做一點也沒啥判族。


5案例7案例8案例9案例10(40分鐘)

·做法

1、完成案例7

2项戴、完成案例8

3形帮、完成案例9

4、看一下本秘籍得說明3周叮,然后無視案例10

·說明

1辩撑、案例7先拖一個矩形,按照要求設(shè)置后再復(fù)制仿耽。復(fù)制可以按住Ctrl鍵拖動矩形合冀,松開鼠標再松開Ctrl鍵這樣。我是直接拖矩形其他什么也沒有的项贺,可以和我一樣也可以認真一點君躺。

? ?2、案例9可以不管元件準備那么多开缎,做到自己想做的細致程度就行棕叫,我是直接只有“百度用戶協(xié)議”這一個元件的。協(xié)議頁面在Axure左邊頁面視窗中被案例9頁面包含奕删,可以通過按住頁面名稱并向上拖動來實現(xiàn)俺泣。協(xié)議頁面的內(nèi)容我也是只隨便放了個文本段落,并沒有認真排布。

??????? 但是我原來做低保真做的比較多伏钠,如果沒有做過的話横漏,也可以認真拼一拼。

3贝润、案例10绊茧,百度地圖的內(nèi)容需要密鑰,比較麻煩打掘,而且功能也不常用华畏,干脆就不做了,如果有需要可以學(xué)一下尊蚁。把我原來做的失敗案例展示一下亡笑。

4、內(nèi)聯(lián)框架可以制作滾動效果横朋,放視頻什么的仑乌,不過現(xiàn)在還不需要,以后可以自己查著看一下琴锭,比如這個網(wǎng)址:https://www.sohu.com/a/241683757_114819晰甚,教材基礎(chǔ)26也有

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市决帖,隨后出現(xiàn)的幾起案子厕九,更是在濱河造成了極大的恐慌,老刑警劉巖地回,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扁远,死亡現(xiàn)場離奇詭異,居然都是意外死亡刻像,警方通過查閱死者的電腦和手機畅买,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來细睡,“玉大人谷羞,你說我怎么就攤上這事∥圃” “怎么了洒宝?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長萌京。 經(jīng)常有香客問我,道長宏浩,這世上最難降的妖魔是什么知残? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮比庄,結(jié)果婚禮上求妹,老公的妹妹穿的比我還像新娘乏盐。我一直安慰自己,他們只是感情好制恍,可當我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布父能。 她就那樣靜靜地躺著,像睡著了一般净神。 火紅的嫁衣襯著肌膚如雪何吝。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天鹃唯,我揣著相機與錄音爱榕,去河邊找鬼。 笑死坡慌,一個胖子當著我的面吹牛黔酥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播洪橘,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼跪者,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了熄求?” 一聲冷哼從身側(cè)響起渣玲,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎抡四,沒想到半個月后柜蜈,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡指巡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年淑履,在試婚紗的時候發(fā)現(xiàn)自己被綠了藻雪。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡指煎,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出便斥,到底是詐尸還是另有隱情,我是刑警寧澤枢纠,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響镰绎,放射性物質(zhì)發(fā)生泄漏脓斩。R本人自食惡果不足惜畴栖,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一吗讶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧扛门,春花似錦纵寝、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽胧沫。三九已至,卻和暖如春纯赎,著一層夾襖步出監(jiān)牢的瞬間南蹂,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工晚顷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留疗疟,地道東北人策彤。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓顿膨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親必搞。 傳聞我的和親對象是個殘疾皇子恕洲,可洞房花燭夜當晚...
    茶點故事閱讀 45,685評論 2 360