花美男为中国互联网事业而奋斗

网页设计流程

来源:未知 阅读(0)次 评论(0)

对于很多刚入行的网页设计来说,总有很多迷惘和不安,特别是在设计过程中,遇到反复修改,更是有想揍人的冲动,有句话怎么说来着,每一次网页设计师背后,都有一群指点江山的大神。

这里,就说一下我过往的一些经验,以及一个网站的设计流程,尽量让更多的新人少走弯路,踏入网页设计这一行业。

网页设计流程

在做一个网站之前,必须对它有足够的了解,从各方面入手,最好的情况就是,有一个好的产品,给你一份详细需求,或者是直接参与讨论,对网站的定位、背景、收入、预期,有一个足够清楚的认识。

这是一个关于旅游的网站,类型是电子商务,主要客户群是欧美用户,针对性旅游,地点是西藏。有团体旅游、量身打造、普通旅游几种类型。通过PAYPAL进行支付的一个方式。

希望呈现给客户的,是一种专业的,特色的旅游线路的这么一个网站。当然,你也可以提出你的意见或者建议,这也是初期参与讨论的好处。

好比我们的案例,产品认为,这应该是一个极具西藏风情,充满了花纹与图腾的网站,我认为它是一个电子商务网站,其次,才是西藏旅游网站。我们要做的,是推销我们的产品,也就是路线,而不是传播文化。

原型图

在前期讨论了一定的结果后,这个时候,就可以开始设计草稿了,也就是初稿,可以是纸质,也可以是电脑的简单图形,只要能做一个简单的初始交流就行。 如果有一个好的产品,会给你准备妥当,如果没有,我想大部分都没有吧,就得自己来了。

1.jpg

初稿不用太规整,只需要排出需要的模块,以及功能,网站的走向流程就行。体验下网站是不是能走通,功能上是否有缺失,功能模块的摆放,是否有问题。 产品如果通过了,就可以进行下一步了。

这个时候,我们可以做一个比较详细一点的原型图了,方法当然不限,只要最后有东西就行。这里推荐使用axure,可以很好的模拟网站,简单的线框,就能达到网站上的效果,特别是不爱写代码的设计师的一大利器。

2.jpg

线框原型图完成后,就可以和产品进行沟通交流了,上线后,大概的样子也有了,然后可以大家一起使用一下,看看有什么不妥,流程是否通畅,体验是否妥当。

当原型图没有任何问题的时候,那我们就可以开始下一步了,也是各位WEB设计最喜欢的一步。

效果图

根据前面的一些准备工作,那UI的设计就可以开始了。整个网站的主色调,我们使用了西藏的常用色,喇嘛红。根据网站的需求,在首页上,重要的量凸显出Banner,那我们除了让Banner明显,还要让周围的模块弱化,以达到这个需求。

而在细节上,并没有过多花哨的设计,几个简单的渐变,以及纯色块。更加符合我们的定位,受众群。

当然,还有一些小图标,使用西藏独有元素,以增加氛围。

特别注意的是,网站必须规整,严谨,才能体验出我们的专业,很多新手,在规整上,总是马马虎虎,这是很在的弊端(我也是这样,汗一下)

3.jpg

完成以后,就可以提交了,然后就是讨论了。

不过要注意的是,这里讨论,并不是按需求的喜好来,而是根据我们前期的定位进行一个探讨。

这样才不会出现,无意义的反复修改,比如你的需求方突然告诉你,我更喜欢蓝色黄色的网站,你就可以毫不客气的进行反驳。

这样一个网站的设计流程,就到这里结束了。剩下的就是前端,程序。。。嗯嗯,那些 你们懂的。

4.jpg

当然,这个教程,只是一个大概设计流程,不权威,不独一,每个公司,大小规模不同,肯定流程也会不同。只是希望能够帮到新人入门的设计师们,少走一些不必要的弯路。

6.jpg



上一篇:没有了 下一篇:提高审美的前提!如何辨别一个BANNER的好坏?

相关推荐