网站建设之原型绘制总结
时间: 2023-02-05 08:43:12 浏览次数:180
首先你要了解什么是原型?
网站建设原型顾名思义是用线条、图形绘制处产品框架,当然俗称线框图。 原型设计的重要性是怎么样的? 原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。 一般情况下首页设计要分类清楚,简单明了,让用户更容易找到自己想要的或者让用户更容易 看到你想呈现的主体部分。 头部:LOGO+导航栏(菜单栏)+登录注册(如果有这部分功能得话)+搜索栏 主题:这是你主要呈现的主题部分,一般分为产品封面及简介—>各类资讯(行业,公司等文本类信息) —>主体特色(指你网站主体的有事,特点等) 尾部主要以超链接为主:网站协议->备案信息->联系方式->网站介绍->各大类平台连接(微博、微信等) 一个原型图该有的结构,头部、内容部、尾部。(如下图)

下面介绍一下我所设计的原型(如下图)

头部

先看头部版块 我适当的加了些圆圈让背景banenr更好看些。 在上图可看到这张图里面我都放了哪些布局。 最上面是logo或公司名称导航栏、搜索栏。 左边中间我放了介绍信息(列如:公司的一些信息,产品的一些信息等。) 那么下面的这个按钮是个跳转链接。 把信息放在banner板块中一目了然也方便用户去了解。 内容部

这个版块可以放一些公司的动态、活动等。 把日期放在最前面其次是标题内容再其次是图片。

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

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

这个版块是尾部,尾部主要以超链接为主:网站协议->备案信息->联系方式->网站介绍->各大类平台连接(微博、微信等) 绘制的过程=设计的过程;绘制的结果=想法的表达。 注重设计师的思考过程,如何更好的表达对产品的理念和想法。 认识不同的设计方案原理、作用和使用场景,通过多种设计方案对比和分析,扩展自己的原型设计的素材,应对将来设计产品时有领过方案的选择; 熟练掌握参数选择、页面布局、功能位置、视角顺序、元素关系等。
总结: 借鉴成熟产品是学会思考别人产品的设计原理,不仅是简单的抄袭和模仿,却不知为何这样设计,这样做有两个问题:一是我们没去分析别人为什么这么做,再不同的场景下设计方式不一定适合所有情况,也许在你的产品里就不适合,反而起到反效果,在者是只会简单的模范,其实你就永远比别的产品慢一步,并且你会渐渐丧失作为一个产品人最核心的能力—深入思考。 面对同类产品的不同设计方案时,学会对比分析,从布局方式、视角顺序、参数选择等去综合思考。
非常感谢您读完蓝港网络的这篇文章:"网站建设之原型绘制总结",仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供:网站建设、网站制作、官网建设、SEO优化、小程序制作等服务,欢迎联系我们提供您的需求。
版权声明:本文内容由互联网用户自发贡献,该文观点及内容相关仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容请联系QQ:396391463 立即清除!
标签:
分享到: