网站建设之原型绘制总结

2019-05-07 6923

分享至：

首先你要了解什么是原型？

网站建设原型顾名思义是用线条、图形绘制处产品框架，当然俗称线框图。

原型设计的重要性是怎么样的？

原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说，原型设计的重要性无可替代，产品经理应当要对此有绝对的控制和驾驭能力。

一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易看到你想呈现的主体部分。

头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能得话）+搜索栏

主题：这是你主要呈现的主题部分，一般分为产品封面及简介—>各类资讯(行业，公司等文本类信息） —>主体特色（指你网站主体的有事，特点等）

尾部主要以超链接为主：网站协议->备案信息->联系方式->网站介绍->各大类平台连接（微博、微信等）

一个原型图该有的结构，头部、内容部、尾部。（如下图）

下面介绍一下我所设计的原型（如下图）

头部

先看头部版块

我适当的加了些圆圈让背景banenr更好看些。

在上图可看到这张图里面我都放了哪些布局。

最上面是logo或公司名称导航栏、搜索栏。

左边中间我放了介绍信息（列如：公司的一些信息，产品的一些信息等。）

那么下面的这个按钮是个跳转链接。

把信息放在banner板块中一目了然也方便用户去了解。

内容部

这个版块可以放一些公司的动态、活动等。

把日期放在最前面其次是标题内容再其次是图片。

这个板块可以放一些产品、等，如果一个产品展示站肯定会推荐产品，用大图片来吸引用户去了解。

这个板块可以放新闻、相关信息等。

这个版块是尾部，尾部主要以超链接为主：网站协议->备案信息->联系方式->网站介绍->各大类平台连接（微博、微信等）绘制的过程=设计的过程；绘制的结果=想法的表达。注重设计师的思考过程，如何更好的表达对产品的理念和想法。

认识不同的设计方案原理、作用和使用场景，通过多种设计方案对比和分析，扩展自己的原型设计的素材，应对将来设计产品时有领过方案的选择；

熟练掌握参数选择、页面布局、功能位置、视角顺序、元素关系等。

总结： 借鉴成熟产品是学会思考别人产品的设计原理，不仅是简单的抄袭和模仿，却不知为何这样设计，这样做有两个问题：一是我们没去分析别人为什么这么做，再不同的场景下设计方式不一定适合所有情况，也许在你的产品里就不适合，反而起到反效果，在者是只会简单的模范，其实你就永远比别的产品慢一步，并且你会渐渐丧失作为一个产品人最核心的能力—深入思考。

面对同类产品的不同设计方案时，学会对比分析，从布局方式、视角顺序、参数选择等去综合思考。

来源声明：

本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。