首先你要了解什么是原型？
网站建设原型顾名思义是用线条、图形绘制处产品框架，当然俗称线框图。
原型设计的重要性是怎么样的？
原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说，原型设计的重要性无可替代，产品经理应当要对此有绝对的控制和驾驭能力。
一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易 看到你想呈现的主体部分。
头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能得话）+搜索栏
主题：这是你主要呈现的主题部分，一般分为产品封面及简介—>各类资讯(行业，公司等文本类信息） —>主体特色（指你网站主体的有事，特点等）
尾部主要以超链接为主：网站协议->备案信息->联系方式->网站介绍->各大类平台连接（微博、微信等）
一个原型图该有的结构，头部、内容部、尾部。（如下图）
下面介绍一下我所设计的原型（如下图）
头部
先看头部版块
我适当的加了些圆圈让背景banenr更好看些。
在上图可看到这张图里面我都放了哪些布局。
最上面是logo或公司名称导航栏、搜索栏。
左边中间我放了介绍信息（列如：公司的一些信息，产品的一些信息等。）
那么下面的这个按钮是个跳转链接。
把信息放在banner板块中一目了然也方便用户去了解。
内容部
这个版块可以放一些公司的动态、活动等。
把日期放在最前面其次是标题内容再其次是图片。
这个板块可以放一些产品、等，如果一个产品展示站肯定会推荐产品，用大图片来吸引用户去了解。
这个板块可以放新闻、相关信息等。
这个版块是尾部，尾部主要以超链接为主：网站协议->备案信息->联系方式->网站介绍->各大类平台连接（微博、微信等）
绘制的过程=设计的过程；绘制的结果=想法的表达。
注重设计师的思考过程，如何更好的表达对产品的理念和想法。
认识不同的设计方案原理、作用和使用场景，通过多种设计方案对比和分析，扩展自己的原型设计的素材，应对将来设计产品时有领过方案的选择；
熟练掌握参数选择、页面布局、功能位置、视角顺序、元素关系等。
总结： 借鉴成熟产品是学会思考别人产品的设计原理，不仅是简单的抄袭和模仿，却不知为何这样设计，这样做有两个问题：一是我们没去分析别人为什么这么做，再不同的场景下设计方式不一定适合所有情况，也许在你的产品里就不适合，反而起到反效果，在者是只会简单的模范，其实你就永远比别的产品慢一步，并且你会渐渐丧失作为一个产品人最核心的能力—深入思考。
面对同类产品的不同设计方案时，学会对比分析，从布局方式、视角顺序、参数选择等去综合思考。
服务热线
4006-5666-83
