网页设计

您的位置:首页 > 网站专题 > 网页设计 > 详细内容

什么是好的网页设计

2011-05-06 13:48 作者:admin [ ]

(1)内容和功能决定表现形式和界面设计
   常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了凭,凭两句话,你就可以为客户做一个页面设计,以我7、8年的设计经验,我都不敢去做,你真是我的偶像阿!

做网页设计,你需要了解客户的东西很多:
  1、建站目的
  2、栏目规划及每个栏目的表现形式及功能要求
  3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
  4、根据行业和客户要求,那些要着重表现
  5、是否分期建设、考虑后期的兼容性
  6、客户是否有强烈的建站欲望
  7、你是否能在精神意识上控制住客户
  8、面对你未接触的技术知识,你有底吗?
等等…

当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
  

(2)界面弱化

一个好的界面设计它的界面时弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。

要让访客在0.5内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一此的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣战展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。
  

(3)模块化和可修改性强

模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。

无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:

宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |

(4)创艺是可耻的,分析能力远比创艺来的重要

设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义内容,还没在技术制作上臻于完善的基础上班,用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。

(5)兼顾还是抛弃

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

(四)结尾,送上我的《简明网页设计理念》

(一)网页配色基本概念

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

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

(3)颜色的忌讳
  
  ·忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
  ·忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
  ·忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!
  ·忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
  ·忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
  ·蓝色忌纯,绿色忌黄,红色忌艳。

(4)几种固定搭配
  
  ·蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
  ·绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
  ·橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
  ·暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

(二)网页设计理念

(1)内容决定形式

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

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

全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向

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

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

(1)天下文章一大抄。就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。

在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。

友情链接:新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网  新闻网