7×24小时服务热线:
雨过天晴工作室 > 百科 > 网页设计 > 网页设计之网页基本概念
  • 用心服务 品牌创造价值
  • 网站建设客服 自助建站客服 域名注册客服
网页设计之网页基本概念
时间:2011-12-05 11:09  来源:网站建设专家   点击:

  (一)网页配色基本概念
  (1)白纸黑字是永远的主题,谁都说不出不好来。
   (2)网页最常用流行色
  ·蓝色——蓝天白云,沉静整洁的颜色。
   ·绿色——绿白相间,雅致而有生气。
   ·橙色——活泼热烈,标准商业色调。
   ·暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色,
   (3)颜色的忌讳
  ·忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
   ·忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
   ·忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!
   ·忌花——要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
   ·忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
   ·蓝色忌纯,绿色忌黄,红色忌艳。
   (4)几种固定搭配
  ·蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
   ·绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
   ·橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
   ·暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
   (二)网页设计理念
  (1)内容决定形式
  先把内容充实上,再分区块,再定色调,再处理细节。
   (2)先整体,后局部,最后回归到整体。
   全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。
   (3)功能决定设计方向
  ·看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。
   关于网页标题设计的原则
     在设计网页标题时,应注意同时兼顾对用户的注意力,以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现,这三个方面也可以被认为是网页标题设计的一般规律:
   (1)网页标题不宜过短或者多长。一般来说6-10个汉字比较理想,最好不好超过30个汉字。网页标题字数过少可能包含不了有效关键词,字数过多不仅搜索引擎无法正确识别标题中的核心关键词,而且也让用户难以对网页标题(尤其是首页标题,代表了网站名称)形成深刻印象,也不便于其他网站链接。
     (2)网页标题应概括网页的核心内容。当用户通过搜索引擎检索时,在检索结果页面中的内容一般是网页标题(加链接)和网页摘要信息,要引起用户的关注,网页标题发挥了很大的作用,如果网页标题和页面摘要信息有较大的相关性,摘要信息对网页标题将发挥进一步的补充作用,从而引起用户对该网页信息点击行为的发生(也就意味着搜索引擎推广发挥了作用)。另外,当网页标题被其他网站或者本网站其他栏目/网页链接时,一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。
   (3)网页标题中应含有丰富的关键词。考虑到搜索引擎营销的特点,搜索引擎对网页标题中所包含的关键词具有较高的权重,尽量让网页标题中含有用户检索所使用的关键词。以网站首页设计为例,一般来说首页标题就是网站的名称或者公司名称,但是考虑到有些名称中可能无法包含公司/网站的核心业务,也就是说没有核心关键词,这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。本文开头所列举的某网络营销服务商网站首页标题实例,其实也是采用这种方式来设计网页标题,只不过由于罗列了太多的“核心关键词”,反而没有了核心。
   上述几个方面其实都考虑了搜索引擎检索网页的特点,也就是说,网页标题设计都将有利于搜索引擎检索作为重要因素,即使如此,作者仍然建议,与网页内容写作一样,网页标题写作首先是给用户看的,在这个前提之上考虑对搜索引擎检索才有意义。可见网页标题设计并不是一件随意的事情,尤其对网站首页标题设计,不可不慎重。
   做美工看起来并不是一件容易的事情。首先,要对整个站点和企业有个大致的了解。例如:某些企业喜欢蓝色的主调,你不可能去做个红色的主调,这样完全违背客户的主要意愿,如果百度的标志改成五颜六色的,相信大家也不会认可的。站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。
   1.源文件psd,ai,cdr的区别
  psd文件就是用photoshop创建的,当然也必须用photoshop打开;
   ai文件是Illustrator的。他们都是Adobe公司的。ai文件同样也可以用photoshop打开,但打开后会载入在同一层内。
   cdr文件是CorelDRAW的。
   2.关于CMYK和RGB颜色模式   CMYK是Cyan(青)、Magenta(品红)、Yellow(黄)、Black(黑),这是印刷上使用比较普遍的色彩模式。
   R、G、B就是Red、Green、Blue(红,绿,蓝)三种颜色,RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。
   3.矢量图
  矢量图与位图最大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度 。
   矢量图:是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合。它的特点是放大后图像不会失真,和分辨率无关,文件占用空间较小,适用于图形设计、文字设计和一些标志设计、版式设计等。
  ai cdr均为矢量图。
   4.图片文件jpg,gif,png,bmp的区别   bmp:是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大   gif:是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。
   png:是fireworks的图片格式
   jpg:也是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。
   5.名片的尺寸问题   名片的标准尺寸:90mmX54mm。但是加上出血上下左右各2mm,所以在设计时
  制作尺寸必须设定为:94 x 58mm。
   6.源文件的提供问题
   作为设计者和客户(这里指各站长),如果事先没有明文协议的话   设计者有权不提供源文件。
   7.什么是logo,ci,vi
  VI是Visual Identity的缩写,中文译为“企业视觉识别”。VI是CI计划的静态识别符号,是企业理念视觉化传达的载体,因此它项目最多,效果最为直接。VI作为视觉识别,它是外在表现,固然需要具有美感,但VI必须是MI的体现,直接反映企业的理念。因此VI设计包含这样一些原则:即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。
   CI是Corporate Identity的缩写,中文译为“企业形象”。CI计划,是指企业有目的、有计划、战略性地创造出所希望的自身形象,由此提高企业的社会知名度,最终得到自己最适合的经营环境。
   而logo只是网站或企业一个标志。