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