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

打开Axure,点击左上角的summary,看看有没有一堆“(形状)”(组合)”(矩形)”(图片)“Lorem ipsum”?如果只是几页简单的原型,使用默认命名无伤大雅,但是一旦我们开始制作高保真的原型,标准化命名的重要性就不言而喻了,因为在编写交互时往往会有很多我们需要的相同或相似的组件,如果命名不正确、不清晰,就很容易混淆,导致逻辑错误(而在现有的Axure调试方法中,把这种因为选错组件而导致的逻辑错误交给别人查看和调试是很麻烦的)。也就是说,互联网巨头们在做原型的时候都有自己详细的规范可以遵循,不仅要让不同产品经理制作的产品文档尽可能的可读性,便于开发,还要在同一个产品文档被多个产品经理接手的时候,降低沟通成本,提高工作效率。

以下是我自己对命名的一些看法:

1.?页面的命名最好用实际功能+页面来描述,同一页面下的不同功能建议用“-”来划分和标注。比如我们可以将LoginPage命名为loginpage,登录页面包含的短信验证码页面可以命名为LoginPage-SMS,这样就清晰明确了。为什么不用更简单的书写登录的方式——短信?虽然Axure中的页面名称可能只在打开页面和调用函数时使用,但为了避免与组件名称重叠,建议所有页面都标上Page字样以便识别。

2.?不建议所有组件和页面名称都使用中文。如果英语真的很难,可以试试拼音标注。虽然Axure在我看来非常支持中文变量名,但仍然不建议在任何涉及逻辑的地方使用中文,以避免一些未知的错误。

3.?元件名称可以用大驼峰(帕斯卡命名法)或匈牙利命名法的形式书写。我个人习惯帕斯卡的命名法(即每个单词的首字母大写)。虽然匈牙利的命名法比较直观,容易分类,但是帕斯卡的命名法比较简单,容易打字,比较适合我。

4.?组件命名时,建议以“功能+属性”的方式命名,如BackButton、DeleteButton、带好友列表的动态面板、AvatarReapter、好友列表主单元等。这样,我们在寻找相应的元件进行逻辑写作时,可以通过搜索框的搜索功能或名称快速准确地找到我们需要的元件,避免一遍又一遍地翻列表。

5.?对于全局变量的命名,建议使用易于理解的“函数描述”。比如在使用这个变量的时候,记录跳转到相册的页面名称可以非常直观的叫做“WhoCalledAlbumPage”,这样会比Var1,V111,全局Var65438更好。

6.?如果有很多页面和组件,请使用分组功能将它们分组。快捷键很简单。选择相应的页面和组件,然后按cmd+g..页面的分组一般由功能划分决定,比如登录前页面的统一分组是“BeforeLogin”,聊天页面的统一分组是“Chat”。但是,组件的分组更加灵活。由于使用了元件库,往往可以组来组去。这是无害的。我经常使用按钮、面板、功能和逻辑来确定分组。具体情况需要具体分析,这里就不赘述了。

通过合理的命名和分组,我们可以在制作原型的时候节省大量寻找组件的时间,同时也大大提高了这个组件对于其他人的利用率。请在日常工作学习中多注意命名分组,养成良好的命名习惯。

——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

第1章

开始前的准备

1.?它写在前面。我为什么要打开pit Axure?

2.?没有一个完整的想法就直接从一个产品中借鉴是耍流氓。

3.?三思而后行:高保真还是低保真?

4.我们还是要稍微了解一下移动端的相关规格。

章?2

开始吧,初学者的愚蠢问题:

5.?站在巨人的肩膀上:先装一个组件库。

6.?技能多了不算重,组件多了才是真的重。

7.文本框和文本字段:如何获取输入的文本?

8.如何使用url和变量链接页面和跳转?

9.?关于命名约定:页面、组件、组。

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

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

12.交互作用、变量和函数。我应该如何开始学习?

13.互动情境的最后一道防线

第三章

实用课程,未完待续。...