【Axure笔记】9.关于命名规范:页面、元件、组。

        打开Axure,点击左上角概要,看看里面是不是一堆“(形状)”“(组合)”“(矩形)”“(图片)”“Lorem ipsum”?如果仅仅是几页的简单低保真原型,使用默认命名倒也无伤大雅,但一旦开始制作高保真原型,规范命名的重要性就不言而喻了,因为我们在编写交互时需要的组件往往有很多个相同或类似的,如果不加以正确清晰的命名很容易混淆并导致逻辑出错(而且在现有Axure的Debug方式,这种因为选错元件导致的逻辑错误如果交给别人来查看和排错是很麻烦的)。这也就是互联网大厂们在做原型时各家都有各家详尽的规范可循,不单单为了让不同的产品经理生产出来的产品文档对于开发而言都有尽量高的可读性,同时也是让同一份产品文档被多个产品经理接手时能够降低沟通成本,提高工作效率。

        这里对于命名谈几点我自己的看法:

        1. 页面的命名最好以实际功能+Page来进行描述,同一页面下的不同功能建议使用“-”号进行分割标注。例如登录页面我们可以起名LoginPage,登录页面中包含的短信验证码页面我们就可以起名为LoginPage-SMS,这样清晰、明确。为什么不用Login-SMS这种更简单的写法呢?虽然Axure中页面名字仅仅在打开页面及函数调用时候可能会用得到,但为了避免与元件名字重合,建议所有页面中均带有Page字样以供辨认。

        2. 所有的元件和页面名不建议使用中文,如果实在英文比较费劲,可以尝试拼音标注。虽然Axure在我看来对于中文变量名支持的已经非常不错了,但是依旧不建议在任何涉及逻辑的地方使用中文,以免发生一些未知的错误。

        3. 元件名写法可以使用大驼峰(帕斯卡命名法)或者匈牙利命名法。个人习惯使用帕斯卡命名法(即每个单词首字母大写),虽然匈牙利命名法更为直观好分类,但帕斯卡命名法简单好打,更适合我。

        4. 在给元件命名时建议以“功能”+“属性”的方式进行命名,如返回按钮“BackButton”,删除按钮“DeleteButton”,装好友列表的动态面板“FriendListDynamic”,放头像的中继器“AvatarReapter”,好友列表母版“FriendListUnit”。这样我们在寻找对应元件进行逻辑编写时可以通过搜索框搜索功能或者名字快速准确地找到我们需要的元件,而避免了在列表中反复一遍遍的翻找。

        5. 全局变量的命名建议使用通俗易懂的“功能描述”,比如这个变量作用时记录跳转到相册的页面名,我们可以非常直观的对其起名为“WhoCalledAlbumPage”,这样在调用的时候会比Var1,V1111,GlobalVar1,GlobalVar1111这种变量看起来好辨识的多。

        6. 如果页面和元件很多,请务必使用组功能对其进行分组,快捷键很简单,选中对应页面和元件并按cmd+G。对页面的分组一般以功能划分来确定,例如登录前的页面统一分组为“BeforeLogin”,聊天页面统一分组为“Chat”等等。而元件的分组比较灵活,由于元件库的使用,经常可能会组套组的现象,这个无伤大雅,我经常以按钮、面板、功能、逻辑来确定分组,具体情况需要具体分析,这里不再做赘述。

        通过合理的命名和分组,我们在制作原型时可以少去很多查找元件的时间,同时也大大提高了这份元件对于他人的利用率,请大家在日常工作学习中对于命名分组多多留意,养成良好的命名习惯。


——————————————————文章目录——————————————————

Chapter 1

开始前的准备

1. 写在前面,我为什么要开Axure这个坑?

2. 没有完整构想的产品上来直接开画就是耍流氓。

3. 做之前先想好:高保真还是低保真?

4. 移动端的相关规范,多多少少还是要知道一点点的。

Chapter 2

开始做吧,初学时懵逼的问题:

5. 站在巨人的肩膀上:先装个元件库吧

6. 技多不压身,元件多了真的压

7. 文本框、文本域:如何获取输入的文字?

8. 如何使用url及变量链接页面并实现跳转

9. 关于命名规范:页面、元件、组。

10. 什么时候该使用动态面板?

11. 什么时候应该使用中继器?

12. 交互、变量、函数我该怎么着手学习?

13. 关于交互的最后防线——启用情形

Chapter3

实战教程,未完待续...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343