? ? ? ? 打開(kāi)Axure偷办,點(diǎn)擊左上角概要艰额,看看里面是不是一堆“(形狀)”“(組合)”“(矩形)”“(圖片)”“Lorem ipsum”?如果僅僅是幾頁(yè)的簡(jiǎn)單低保真原型椒涯,使用默認(rèn)命名倒也無(wú)傷大雅柄沮,但一旦開(kāi)始制作高保真原型,規(guī)范命名的重要性就不言而喻了废岂,因?yàn)槲覀冊(cè)诰帉懡换r(shí)需要的組件往往有很多個(gè)相同或類似的祖搓,如果不加以正確清晰的命名很容易混淆并導(dǎo)致邏輯出錯(cuò)(而且在現(xiàn)有Axure的Debug方式,這種因?yàn)檫x錯(cuò)元件導(dǎo)致的邏輯錯(cuò)誤如果交給別人來(lái)查看和排錯(cuò)是很麻煩的)泪喊。這也就是互聯(lián)網(wǎng)大廠們?cè)谧鲈蜁r(shí)各家都有各家詳盡的規(guī)范可循棕硫,不單單為了讓不同的產(chǎn)品經(jīng)理生產(chǎn)出來(lái)的產(chǎn)品文檔對(duì)于開(kāi)發(fā)而言都有盡量高的可讀性,同時(shí)也是讓同一份產(chǎn)品文檔被多個(gè)產(chǎn)品經(jīng)理接手時(shí)能夠降低溝通成本袒啼,提高工作效率哈扮。
? ? ? ? 這里對(duì)于命名談幾點(diǎn)我自己的看法:
? ? ? ? 1.?頁(yè)面的命名最好以實(shí)際功能+Page來(lái)進(jìn)行描述,同一頁(yè)面下的不同功能建議使用“-”號(hào)進(jìn)行分割標(biāo)注蚓再。例如登錄頁(yè)面我們可以起名LoginPage滑肉,登錄頁(yè)面中包含的短信驗(yàn)證碼頁(yè)面我們就可以起名為L(zhǎng)oginPage-SMS,這樣清晰摘仅、明確靶庙。為什么不用Login-SMS這種更簡(jiǎn)單的寫法呢?雖然Axure中頁(yè)面名字僅僅在打開(kāi)頁(yè)面及函數(shù)調(diào)用時(shí)候可能會(huì)用得到娃属,但為了避免與元件名字重合六荒,建議所有頁(yè)面中均帶有Page字樣以供辨認(rèn)。
? ? ? ? 2.?所有的元件和頁(yè)面名不建議使用中文矾端,如果實(shí)在英文比較費(fèi)勁掏击,可以嘗試拼音標(biāo)注。雖然Axure在我看來(lái)對(duì)于中文變量名支持的已經(jīng)非常不錯(cuò)了秩铆,但是依舊不建議在任何涉及邏輯的地方使用中文砚亭,以免發(fā)生一些未知的錯(cuò)誤。
? ? ? ? 3.?元件名寫法可以使用大駝峰(帕斯卡命名法)或者匈牙利命名法殴玛。個(gè)人習(xí)慣使用帕斯卡命名法(即每個(gè)單詞首字母大寫)捅膘,雖然匈牙利命名法更為直觀好分類,但帕斯卡命名法簡(jiǎn)單好打滚粟,更適合我寻仗。
? ? ? ? 4.?在給元件命名時(shí)建議以“功能”+“屬性”的方式進(jìn)行命名,如返回按鈕“BackButton”凡壤,刪除按鈕“DeleteButton”愧沟,裝好友列表的動(dòng)態(tài)面板“FriendListDynamic”蔬咬,放頭像的中繼器“AvatarReapter”,好友列表母版“FriendListUnit”沐寺。這樣我們?cè)趯ふ覍?duì)應(yīng)元件進(jìn)行邏輯編寫時(shí)可以通過(guò)搜索框搜索功能或者名字快速準(zhǔn)確地找到我們需要的元件,而避免了在列表中反復(fù)一遍遍的翻找盖奈。
? ? ? ? 5.?全局變量的命名建議使用通俗易懂的“功能描述”混坞,比如這個(gè)變量作用時(shí)記錄跳轉(zhuǎn)到相冊(cè)的頁(yè)面名,我們可以非常直觀的對(duì)其起名為“WhoCalledAlbumPage”,這樣在調(diào)用的時(shí)候會(huì)比Var1钢坦,V1111究孕,GlobalVar1,GlobalVar1111這種變量看起來(lái)好辨識(shí)的多爹凹。
? ? ? ? 6.?如果頁(yè)面和元件很多厨诸,請(qǐng)務(wù)必使用組功能對(duì)其進(jìn)行分組,快捷鍵很簡(jiǎn)單禾酱,選中對(duì)應(yīng)頁(yè)面和元件并按cmd+G微酬。對(duì)頁(yè)面的分組一般以功能劃分來(lái)確定,例如登錄前的頁(yè)面統(tǒng)一分組為“BeforeLogin”颤陶,聊天頁(yè)面統(tǒng)一分組為“Chat”等等颗管。而元件的分組比較靈活,由于元件庫(kù)的使用滓走,經(jīng)晨呀可能會(huì)組套組的現(xiàn)象,這個(gè)無(wú)傷大雅搅方,我經(jīng)常以按鈕比吭、面板、功能姨涡、邏輯來(lái)確定分組衩藤,具體情況需要具體分析,這里不再做贅述绣溜。
? ? ? ? 通過(guò)合理的命名和分組慷彤,我們?cè)谥谱髟蜁r(shí)可以少去很多查找元件的時(shí)間,同時(shí)也大大提高了這份元件對(duì)于他人的利用率怖喻,請(qǐng)大家在日常工作學(xué)習(xí)中對(duì)于命名分組多多留意底哗,養(yǎng)成良好的命名習(xí)慣。
——————————————————文章目錄——————————————————
Chapter 1
開(kāi)始前的準(zhǔn)備
1.?寫在前面锚沸,我為什么要開(kāi)Axure這個(gè)坑跋选?
2.?沒(méi)有完整構(gòu)想的產(chǎn)品上來(lái)直接開(kāi)畫就是耍流氓。
4. 移動(dòng)端的相關(guān)規(guī)范前标,多多少少還是要知道一點(diǎn)點(diǎn)的坠韩。
Chapter?2
開(kāi)始做吧,初學(xué)時(shí)懵逼的問(wèn)題:
8. 如何使用url及變量鏈接頁(yè)面并實(shí)現(xiàn)跳轉(zhuǎn)
9.?關(guān)于命名規(guī)范:頁(yè)面、元件俭尖、組氢惋。
10. 什么時(shí)候該使用動(dòng)態(tài)面板?
12. 交互焰望、變量、函數(shù)我該怎么著手學(xué)習(xí)已亥?
Chapter3
實(shí)戰(zhàn)教程熊赖,未完待續(xù)...