在原型设计过程中,养成一些良好的习惯不仅可以使得我们的原型更加专业、规范,同时也能够提高我们的设计效率。本文从元件、页面导航、页面样式、母版、用例等多个方面讲述养成怎样的一些习惯,可以快速提高我们的原型设计效率,并且看上去更专业。
做好元件命名,方便查找
我们知道,原型是由很多个元件以及它们的交互构造而成的。在绘制线框图的阶段,我们应该为每个元件命名,这样有助于我们准确查找元件,特别是在制作交互用例时,大家应该深有体会,在这里就会明白元件命名的重要性。很多朋友建议元件的命名用英文,个人认为中英文都可以,因为并不是每个人的英文水平都很好,只要方便我们查找和记忆就可以了。
借助辅助线,原型设计更美观
设计中我们应该学会使用辅助线和网格的习惯,这样可以完美的处理好很多对其排列的问题,使得我们的页面元素排列更整齐、更美观,而不是看上去像一个手绘的草图。辅助线通常一般分为全局辅助线和局部辅助线,全局辅助线需要按住Ctrl按钮从设计区域的顶部刻度线或左侧刻度线拖拽到目标位置,局部辅助线直接拖拽即可完成。
统一页面样式,设计更规范
在开始设计前,我们要设计好统一的页面格式以及字体,确保每个页面的样式风格都是统一的,包括颜色和字体等。要养成给每个页面命名的习惯,不同状态的线框图尽量放置在一个页面呈现,学会给页面进行排序以及归类,必要时可以建立一个页面文件夹,将同一类型的页面移动到文件夹中。在整理页面导航时,不仅要注意页面的排序及分类,同时各页面的层级关系也需要我们梳理清楚,这样制作的页面导航才能够更直观,逻辑更清晰。
学会制作元件,提高设计效率
当自制的元件越来越多时,比如移动端的常用元件、web端的常用元件,我们将这些同类型的元件归类到一个元件库中,自制的元件建议大家养成一个良好的命名习惯,这样对于我们查找自制元件也很方便。对于那些使用率很高的交互效果,可以制作成元件,方便以后的复用,在以后的设计工作中,可以极大的提高我们的工作效率。
善于使用母版,让你事半功倍
在一个项目的原型设计过程中,对于那些复用性较高的部分,如页面的导航、分类标签都可以制作成母版,善用母版也会让你的工作效率大大提高,为你节省很多的设计时间,多一点时间思考产品的需求。关于如何运用不同的母版来提高工作效率,可以参考《【原型设计】善用母版,让你的工作事半功倍》
必要的时候,为用例命名
当同一个交互事件可能存在多个并列的用例时,这类情况通常对应一个元件、组合或动态面板,根据不同的状态存在多个交互方案。此时,建议为每个用例进行不同的命名,可以使用触发条件或状态的关键字来命名,用以区分名称,默认的case1、case2不方便在演示原型时区分不同方案。
相信大家在设计原型时,如果在潜意识里养成这些良好的使用习惯,一定会让你的原型看上去更规范、更美观、更专业,让你的原型设计工作事半功倍,完成一份合格的低保真或高保真也会更容易。
如果你对Axure或原型设计有兴趣,希望系统性地学习Axure知识,掌握更多Axure使用技巧;或者希望通过临摹交互案例,进一步提升高保交互设计能力。请点击下方关注按钮,查看更多连载作品。