您的位置: 首页 >日志>视觉设计>详细内容

视觉设计

网页设计师应该注意的三点

来源:本站原创 发布时间:2011-01-26 10:28:17 浏览次数: 【字体:

(一)网页配色基本概念

(1)白纸黑字是永远的主题,谁都说不出不好来。

(2)网页最常用流行色

蓝色——蓝天白云,沉静整洁的颜色。
绿色——绿白相间,雅致而有生气。
橙色——活泼热烈,标准商业色调。
暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。

(3)颜色的忌讳

忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
忌纯——艳丽的纯色对人的刺激太强烈,缺乏内涵。
忌跳——再好看的颜色,也不能脱离整体。

忌花——要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就像领导者一样,虽然在人数上居少数,但起决定作用。
忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
蓝色忌纯,绿色忌黄,红色忌艳。

(4)几种固定搭配

蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

 

(二)网页设计理念

(1)内容决定形式

  先把内容充实上,再分区块,再定色调,再处理细节。

(2)先整体,后局部,最后回归到整体。

  全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节,这也是我在工作中慢慢摸索到的,大大提高了工作效率。

(3)功能决定设计方向

  看网站的用途,决定设计思路。商业型的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育型的,就要突出师资和课程。

(4)内容和功能决定表现形式和界面设计
  常常拿到的任务是网站包括哪些模型,风格要求简洁大气,主色调用蓝色、绿色、红色或者是其他,拿到这些需求叫你去设计一个网站。有的人看看这些就去设计页面了,凭两句话,你就可以为客户做一个页面设计,以我将近五年的工作经验,我都不敢去做。
  做网页设计,你需要了解客户的东西很多:
      建站目的
  栏目规划及每个栏目的表现形式及功能要求
  主色、客户性别喜好、联系方式、旧版网址、偏好网址
  根据行业和客户要求,哪些要着重表现
  是否分期建设、考虑后期的兼容性
  客户是否有强烈的建站欲望
  你是否能在精神意识上控制住客户
  面对你未接触的技术知识,你有底吗?
  等等...
  当你把这些内容都了解清楚了的时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。

 

(三)如何快速高效的完成设计工作

(1)天下文章一大抄。

  就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。在网上搜索同类网站,找几个顺眼的,用一个为基本蓝图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。这里并不是让你照搬,原班不动的拿过来,这样不仅我们自己没有提高,客户看到了也会对我们公司的设计水平产生不信任的心理。

(2)界面弱化
  一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站提供给使用者什么内容。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。

(3)模块化和可修改性强
  模块化不仅可以提高重用性,也能统一网站风格,还可以节省输出的时间。无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让输出自己改字就可以了。然而网页显示的字体是带有锯齿的,一般既能清晰又保证美观的字体字号有几类:宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |

(4)兼顾还是抛弃
  CSS、XHTML、web2.0、Ajax等等山雨欲来,学习先进技术固然是有好处的,但对于目前国内普遍的低认知水平,决定了客户的需求和价格也是相当低的。之前,说到经济决定网页设计,所以有的时候,是不允许你做出更多的兼顾的,抛弃和放弃也是无奈之举。

×

用户登录