绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网页设计的流程

人气:  作者:  发表时间:2021-01-22 09:12:51
一、设计的前期
对于很多没了解过网站的人来说,一般都没有真正接触过完整的网站设计流程,不知道一个网站是如何从最初的草图到最终网站是如何实现的。下面,小编就按照网页设计的常规步骤来为大家解读不同阶段的具体要求。

1、调研阶段
在一个产品开始设计之前,首先会由需求方发起具体要求,例如,一个专题的需求方通常是内容编辑。通俗来说,设计产品的目的就是要通过设计来解决某种问题。在需求确认阶段,用户调研是一个非常可行且能够准确了解市场需求的信息采集方式,但由于许多产品在真正投入生产之前,有非常多的不确定性,并且用户调研需要投入大量的人力物力,因此这种信息采集方式只被少数有经济实力的公司采用。

用户调研的方式有很多种,包括问卷调查、用户访谈、眼动实验以及可用性测试等。针对不同的设计目的,需要做出不同的选择,同时在选择调研方式的时候要考虑企业的自身条件。例如,眼动测试需要较为专业的设备,需要投入较多的资金,因此并不适合小型企业或者小规模的产品设计公司。而问卷调查和用户访谈则是中小型企业比较青眯的两种用户调研形式,可以通过较少的资金投入,得到最直观的用户反馈信息。

(1)问卷调查
问卷调查主要是指以提问的形式收集用户信息。在调查过程中,企业一般需要将想要了解的情况编成问题,让用户通过答题的方式来发表自己的意见或建议。在问题的编写过程中,需要仔细斟酌,针对想要了解的问题进行重点提问。目前问卷调查主要分为纸质问卷和电子问卷两种形式,纸质问卷需要较高的成本来印刷、发放和回收。而相比之下,电子问卷既环保又可以节省调研成本,因此目前纸质问卷已经逐渐被电子问卷取代。

(2)用户访谈
用户访谈是优点是有效、直观且成本低廉。一般情况下,在用户访谈过程中首先需要通过生活化的沟通方式来了解用户的基本信息,不要使用太多专业术语,以避免沟通中出现信息不对等或难以理解的问题,这样做的好处是能营造一种和谐、舒服的沟通氛围,有助于用户表达自己的真实感受。随后,可以根据需要探讨一些当前产品中存在的问题。

在用户访谈中,主要需要注意以下3点。
①避免提出带 有倾向性的问题,避免给用户带来心理暗示。例如,需要了解用户对产品某个功能的看法时,可以问“觉得XX功能怎么样?”,而不是“觉得XX功能好用吗?”

②尽量不要提开放式的问题,以免得到空泛无意义的答案,例如,“你觉得我们的产品怎么样?”

③通过分析调研阶段收集到的用户信息和问题反馈,可以挖掘用户的深层次需求,这样有助于更准确地定位产品的功能,把握产品的方向,使之更贴近用户的需求。

2、需求分析
通过用户调研,我们会得到许多用户建议,不同的用户建议会指向不同的需求,在这个阶段通常会遇到用户产品需求过多的问题。而这个时候首先要做的事情就是“筛选”,在筛选过程中明确哪些是用户的核心需求。

在多数情况下,一般用户花费最长时间去解决的问题即是核心需求。在这个阶段,要注意多做“减法”,尽量针对核心需求展开讨论,而这些工作通常都是由产品经理来完成的。

用户需求确认,一般需要经历以下4个步骤。

(1)根据用户反馈确立基本需求
从用户的众多建议中,归纳出用户的需求,初步判断需求的优先级别,即核心需求与非核心需求。

(2)分析需求的商业价值
对于一个商业化产品来说,其能够为企业带来多少收益是每个老板都必须要考虑的问题,不具备商业价值的产品很难长久地维持下去。因此,需求的商业价值是重点考量因素。

(3)评测开发成本
根据需求实现的难度来预估研发过程中所需的人力、物力和时间成本,如果某个需求的开发投入与收益不成正比,那么在制定决策时就需要三思而后行。

(4)确认产品研发的优先级
根据产品的开发成本,我们可以确立开发工作的时间优先级。一般来说,商业价值较高的功能会被优先开发,商业价值较低的需求会被放在最后开发。

二、原型制作
1、草图设计
在产品需求确认后,就要进入“草图制作”阶段了。

草图是创意阶段的概念性表达,凭借设计草图我们可以更好地与技术人员确定设计方案的可行性,从而避免设计出一些技术上无法实现的效果,减少后期改动的可能。草图的设计不必十分精确,线条也可以相对随意一些,因为在草图的设计过程中需要反复修改。为了保证在设计过程中可以让设计师充分发挥想象力,草图通常采用“低保真”的形式,只要表现大概的轮廓和比例即可,以免影响设计师的设计思路。

草图的绘制一般采用手绘的方式来进行,可配合一些绘图工具,如马克笔、彩铅等进行轮廓描绘、重点标注等。

提示:在“草图绘制”阶段,需要充分发挥创意,在草图上勾勒出一切可能的形式。同时,在草图的绘制中,应尽量避免展示过多的设计细节,如字体、字号以及颜色等,因为过多的细节,往往会让人们把过多的注意力转移到局部的形式展现上,而忽略整体的组成效果。

2、原型图设计
原型图设计与制作的主要作用是展现产品界面和使用流程,有些企业的交互原型图与产品设计效果图会达到1:1的真实比例,原型图的设计多数由团队中的产品经理或交互设计师来完成,在小型的团队或小型项目中,这一步也可能会被省略。在网页设计中,可以利用原型图模拟真实产品的界面布局和操作流程,并可以从中发现一些界面布局上的缺和交互逻辑上的错误,因此网页设计中的原型图主要是用来评估产品的可用性和易用性的。

原型图分为低保真和高保真两种。低保真原型图可以由简单的线条构成,无任何渲染效果,这种原型图的好处是制作周期较短,适用于短平快的小型项目,如一般的网页专题设计等。低保真原型图对网页设计师的思路影响相对较小,更利于网页设计师自由发挥。不过,由于低保真原型图的美观度较差,相对粗糙,因此比较适合在团队内部进行流通交流。

高保真原型图与真实产品较为接近,界面会带有一定的设计效果,有较为严谨的交互逻辑,可以模拟真实产品的使用过程,因此制作周期相对较长。但也正因为高保真原型图过于接近真实产品,因此在产品研发的过程中,设计师可能会无意识地模仿原型图中的界面显示效果,从而对设计师的产品造型、创意产生一些主观的干扰。

3、视觉效果图设计
在网页设计过程中,最后的环节就是设计师们将制作好的原型图转化为视觉效果图,此时设计师们在设计过程中应当遵守基本的设计规范,视觉效果的设计要与原型图中的框架设计相符,并能起到很好的静态展示作用。视觉效果图与最终的产品图是完全一致的,在创作过程中应当遵循严谨的态度,认真考虑用户的使用场景以及操作习惯,不要因为设计方面的疏忽而为用户带来使用上的困扰。同时,在视觉设计图完成后,还需标注网页设计中的一些设计规范,如字号、色值、间距等,帮助技术开发人员更好地理解产品需求。

以上只介绍了网页设计的一般流程,在较大的团队中,网页设计的各个阶段都由独立的人员来负责,如产品经理负责确认产品功能、制作原型图,网页设计师负责实现视觉效果图,前端开发工程师负责将视觉效果图转化为HTML网页。而在较小的团队中,网页设计师可能要负责包括产品图规划、前端代码等全部工作。

能过对网设计流程的了解,更好的制作出高质量的网站,以满足客户不断提升的审美需求。
标签: 网页设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2