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