PC原型设计的5点规范

程序员 · 2024-9-23 16:26:22

关注Kevin和互联网产物司理们，一起发展

作者 l Kevin
泉源 l Kevin改变天下的点滴
分享 l Kevin
很多人做产物司理原型工作时间，着实并没有定什么原型规范，就跟着需求和老板要求，他们想要什么，就画什么功能出来给他们。
如果你去问一个做PC端产物的产物司理，产物设计过程中有没有什么规范和注意事项，他可能半天答不上来。他会想着，“我好想是在认真画的，但好像也确实没有什么规范;但要说我是任意画的，那我肯定不平气”!
但现实上在做原型的时间，盼望我们的原型可以淘汰其他人对需求明白难度，增长原型的欣赏服从。同时原型的时间占据了产物司理工作时间一半以上，以是我们盼望把原型的时间缩小，可以花更多时间做原型之外的事。
以是依照一套原型规范，我们可以去办理上面的诉求。下面我分享4点原型规范
1.不要给原型设计尺寸
很多人以为在电脑屏幕上的原型就须要注意尺寸，比如多少长度后屏幕须要分页、多少间隔到达边界等，但是PC端的原型是没有尺寸规范的，每个产物司理可以根据自己的风俗去绘制原型的按钮、导航栏等各种宽度、高度，比如下面是两个PC端原型的截图，没有区别

▲　原型规范

▲原型规范
2.原型的组件风格同一
在原型工作中，我们要注意这两个原型中着实所使用的原型组件都是相似的，产物司理对于原型的细节处置处罚方式有所差别(比如矩形的圆角、字体颜色，按钮选择等)，但团体的观感都是挺不错的。这是由于使用的原型组件都是类似风格的，同时颜色色彩也不要过于美丽，我发起在PC原型里原型色彩最好不高出3个颜色。

▲同一风格的原型设计
对于原型里，形成同一的使用规范，比如封面图、标题、按钮、筛选等，这类组件固定使用后，就会让团队熟悉这类组件是干什么的，淘汰了需求沟通。
比如下面这张原型图，内里用logo图标识图片，但是查找、导出、和新增品牌按钮不同一，很难明白到被突出的“查找”按钮的意思。

▲原型的各种组件不同一
对于输入框组件，须要在原型里给默认文案，方便知晓数据类型。有折叠的状态也要在原型里尽快的给出全量状态，而不是把状态都折叠在筛选框里。
上面的输入框有为空的环境，就是不对的，应该在内里添补样例数据，就是文案。这类文案、数值都是在开辟里是样例数据
3.用页面路径代替交互

在PC端里，由于页面大，但很多功能的操纵涉及到多个步调跳转，以是我们须要用动态结果来表达，但在PC原型里我发起大家尽可能用页面路径来代替复杂的原型动画结果。
比如下面的就是首页到各个功能模块的页面路径，不外下面由于做了数据统计，可以明确知道页面的访问人数占比。
4.多用组件库
在PC端里，由于可以带来各种丰富的交互操纵，以是天然原型中有非常多的组件元素须要在页面里出现，如果我们用原型工具自带的，很难满意我们的要求，但是自己做又太费时间，以是我发起大家用组件库来举行提升这类原型绘制速率。
PC端由于在大屏幕上，以是会有一些特点的组件库，如图是常用的按钮和文本、常用表格、各种条框

▲　　PC端的各种组件
5.全局功能入口不能缺失
比如输入框的提示笔墨、页码、弹窗制作、页面标题、面包屑导航等，该设置的，都不能缺失。我们在做PC端原型设计很多时间导航栏、搜索、账户信息、消息关照等，都不能缺失。
以上就是本日的分享。
如果要下载PC原型组件，我网络了一个PC组件，可以在Kevin改变天下的点滴公众号复兴：“PC原型”举行下载。
END

PC原型设计的5点规范

所属分类: 问答交流

新帖推荐: 30日

推荐作品