网络新闻页面的设计

1、网络新闻页面的设计第八章 网页域名设计第九章 网络LOGO设计第十章 网页色彩设计第十一章 网页布局设计第八章 网页域名设计域名基础知识域名的分类域名的评估新闻网站域名的特点第一节 域名基础知识 域名是人们浏览网页入口，它不仅在网站品牌推广与形象识别过程中举足轻重，而且它本身就以文字或图形的方式，构成网页上的重要元素。因此，域名设计就成为了网页设计的先导。一、域名与IP地址 互联网上有无数主机，人们给每台主机配了一个专门的地址，即IP地址。IP地址由4个数字组成，每个都不大于256，如新华网IP是：94。 由于数字枯燥难记，因此人们就发明了域名。一个网站的IP是唯一的

2、，但域名可以有多个。如新华网域名：或者。二、域名与网址 中华网域名 其网址是 http:/三、域名的命名 命名规则：1、域名中只能包含以下字符（1）26个英文字母（2）09等十个数字（3）连字符“”2、域名中字符的组合规则（1）域名中不区分英文字母的大小写（2）域名的长度有一定限制，一般不超过20个字母四、域名的后缀 有.ac、.edu、.gov、.mil、.com、.net 、.org，其中后三个为全世界通用。由于域名资源有限，后来在域名最后加上了国家标识段。如cn、jp、de、fr、 uk 等等。五、中文域名 2003年5月CNNIC推出了符合国际技术标准的中文域名服务

3、。1、中文域名简介 目前合法的中文域名有四种形式：“.cn”、“.中国”、“.公司”和“.网络”。如“龙.cn”、“龙.中国”、“中国频道.公司”、“中国频道.网络”。 目前，中文域名只允许单位注册，个人只能注册英文域名。2、中文域名的优缺点 优点：中文用户用中文域名感觉更直观、亲切；还可以有效的减少和避免中文同音字发生冲突，从而有利于企业对自己商标的保护。 缺点：输入中文域名需要切换输入法两次，较麻烦；且中文域名不利于在国际上推广。 因此，国内知名网站中注册中文域名的不多。第二节 域名的分类一、英文型 这是最主要的一种域名类型。大致分为两种：1、全称 许多著名公司网站的域名都属于这种情况。如

4、微软，英特尔，迪斯尼，索尼，诺基亚。国内也有许多网站如此，如中华网，长城计算机公司，中国电信。2、缩写 在英文全称较长的情况下，可以使用缩写。许多国际组织和公司都是如此，如联合国（the United Nations），世界贸易组织（the World Trade Organization），世界卫生组织（the World Health Organization），通用汽车（General Motors）。 由多个英文组成的域名，常常只保持其中一个单词的全称，如携程旅行网，远程教育网。二、数字型 即用阿拉伯数字作为域名，这类域名使用的也很广泛。如：，

5、， 等。三、汉语拼音型 这一类型为中文网站所独有。如榕树下当当网，百度 ，新加坡联合早报Z等。四、混合型1、英文加数字 如久久音乐网， 前程无忧网等。2、拼音加数字 如中国平安， 游戏网站“可乐吧”等。3、英文加拼音 如中国人网，又如以”e”开头的网站亿唐网 ，亿龙网。五、变异型 变异型也叫模仿型域名，即由对著名网站域名进行模仿或变异而生成新的域名。这种域名一般只出现在中文网站中。 如搜狐网早期域名sohoo是模仿著名网站yahoo。第三节 域名的评估 好的域名是一笔巨大的无形资产，由于它具有全球唯一性，因此它的价值可能会高于传统的商标。 构成域名价值的成分包括：域名的长度、域名的后缀、域名的

6、易记性、域名的唯一性、域名的意义和内涵。一、域名长度 域名的英文、拼音或数字的位数，以35位数为宜。域名越长，其价值越小。如对于一个网站来说，二、域名后缀 通用国际域名的三种后缀，其价值从高到低依次为：.com，.net ，.org。当然这也不能绝对化。三、域名的简明性 域名用词不能复杂，越通俗简明越好。 如 e-buye-commerce，又如 东方网 回避了oriental这个词。四、域名的含义 域名要有意义。1、内涵丰富 如中国首届网络小姐“菜青虫”的个人网站的域名是，又如阿里巴巴网，再如8848.Com，亚马逊网等。2、富有新意 如yahoo，sina等等。五、域名的音效 对于中文网站

7、来说，如果英文域名与中文域名之间，除了意义对应外，还具有谐音关系，那就是很好的域名。 如新浪网sina，易趣网，前程无忧网等等。第四节 新闻网站域名的特点 新闻网站的域名要遵循互联网域名的一般规则，同时它还具有以下特点。一、利用母媒体的品牌 如纽约时报，其早期域名是，又如与bbc.co.uk。 中文网站中，如新华网人民网、央视国际网、中国日报网等等。 有些媒体在利用母体品牌时，作了简化处理。如 变为 ，再如人民网由早期的转变为 。二、具有地域概念 如天津的北方网广东的南方网安徽新闻网A，江西网 ，浙江在线 三、一些域名存在的问题 荆楚网 与“荆楚”，济南的舜网与“舜”没有什

8、么关联。 域名的设计要慎重稳妥，一旦确定，就不要轻易变动。如千龙网， 第九章 网络LOGO设计LOGO的含义与作用LOGO的形式LOGO的设计原则与规范新闻网站LOGO的特点 不少网站的LOGO是由域名中的字符组成，因此一个网站的LOGO设计，通常是在域名确定之后进行。同时LOGO是网站的标志，其造型与色彩对网站各个页面的形象有着重要影响，所以LOGO的设计是整个页面设计的先导。第一节 LOGO的含义与作用一、LOGO的含义 美国的辞典中，LOGO的含义有二： 一是教学语言，一种用于幼儿教学的计算机程序语言。其中的初级训练包括绘制几何图形。 二是为了清楚、容易的辨认而设计的名字、标志或商标。

9、对于网络来说，LOGO就是各个网站的标识，是一个网站的标志性图案，它通常会出现在网站的各个页面上。二、LOGO的作用 具体而言， LOGO有三个方面的作用。 1、网站形象的重要体现 LOGO作为网站的标志，会形成人们在第一次浏览一个网站时的视觉焦点，成为网站在人们记忆里的一个重要形象。LOGO的作用很多，最重要的就是表达网站的理念。 如新浪、搜狐、网易等网站。 2、网站之间链接的入口 网站之间的链接有两种方式，一种是文字链接，一种是图案链接。LOGO图案形式的链接，通常比文字形式的链接更有吸引力，它实际上成为了一个网站在其他网站做广告的重要形式。 3、网站的商标，可用于品牌宣传 一个成功的LO

10、GO，不仅会使网站的页面光彩夺目，而且会成为整个网站的形象大使。它可以成为员工的胸牌、工作服、纪念袋、各种媒体广告上的标志，对网站品牌的树立有着非常重要的作 用。 第二节 LOGO的形式 LOGO的表现形式一般分为特示图案、特示文字和合成文字一、特示图案 不同类型的网站，在确定特示图案时，可以有不同的选择。 对于综合性网站来说，有代表性的人物、动物、花草等可以作为特示图案设计的蓝本，加以卡通化、艺术化和抽象化。 对于专业性的网站，通常可以以本专业的代表性物品作为标志。二、特示文字 特示文字即用文字或字符（英文字母或汉语拼音字母）的形式作为LOGO。三、合成文字 合成文字即以特示图案与特示文字相

11、结合的形式作为LOGO。第三节 LOGO的设计原则与规范一、LOGO的设计原则1、主题突出 只有突出主题，才能体现个性，从而引人注目，达到强烈的视觉效果容易识别、辨认和记忆。2、简约 简约，即要求在LOGO设计中，去掉一切多余的成分，尽量保持设计元素的单纯。近年来，许多网站在LOGO设计方面有崇尚简单明了的审美倾向。3、标志性强 标志性强即指LOGO中的特示图案部分可以单独拿出来作为一个徽标，这是一切LOGO的设计原则，网络LOGO也不例外。二、LOGO的设计规范1、控制尺寸 LOGO在页面上的影响力，不在于它的大小，而在于它设计上的新颖、独到。控制尺寸的一个基本原则就是，在清晰表现LOGO的

12、前提下，制定LOGO最小的显示尺寸。2、随页面层次不同而有所变化 LOGO会出现在一个网站的各级页面上，不同层次页面上的LOGO应该有所变化。3、兼顾非网页效果 在网站品牌推广的过程中，要考虑到LOGO在各种媒体和介质上的视觉效果。 通常应考虑到LOGO在传真、报纸、杂志等印刷媒体上的色彩效果，在织物上的纺织效果，在车体上的油漆效果，制作徽章时的金属效果和墙面上的立体效果。第四节 新闻网站LOGO的特点一、体现传媒特征 即抓住新闻、电台、电视台的某些形象性特征，把特示图案或特示图案与特示文字结合的方法运用到LOGO中来。如新华网、浙江在线等。二、赋予LOGO动态属性 即LOGO或LOGO区域不

13、是一成不变，而是根据新闻时事或时节的变化作出相应的调整，赋予LOGO动态的属性。第十章 网页色彩设计色彩基础知识网页的色彩搭配新闻网页的色彩特点 色彩是构成网站风格的一个关键因素，成功的网页色彩设计，应该是把色彩的审美特性与网站的内容定位结合起来。第一节 色彩基础知识一、色彩的基本属性 自然界的色彩，可分为无彩色和有彩色两类。有彩色有三个特征，也叫色彩三要素。1、色相 色相是色彩的相貌，它是色彩最基本的特征。如红、澄、黄、绿、蓝、紫，这是六种色相。色彩是由光的波长决定的。波长不同，色相就不同。 色彩中无法用其它颜色调配而成的色彩叫原色，由两种原色混合得出的颜色叫间色。实际生活中，色彩的调配有两

14、种方法。 红绿蓝三色模式和品（红）色、青色、黄色三色模式。 十二色相环和二十四色相环。 2、明度 明度也叫亮度，用来辨认色彩明暗的程度。 无彩色中，明度最高的是白色，明度最低的是黑色，中间存在者一个从亮到暗的灰色系列。有彩色中，每一种纯色都有自己的明度特征。其中，黄色的明度最高，紫色的明度最低。 通常，有彩色的明度值参考无彩色的黑白灰等级标准。每一种彩色通过加白或加黑得到一系列有明度变化的色彩。3、纯度 纯度又叫彩度或饱和度，是指颜色的鲜艳的程度。可见光谱中各种单色光是最纯的颜色。当一种颜色加入黑白灰时，纯度会降低。 不同的色相不但明度不同，纯度也不同。纯度最高的是红色，黄色纯度也较高，而绿色

15、纯度只有红色的一半。 实际生活中，绝大部分色彩不是高纯度的色，即大量都是含有灰度的色彩。有了纯度变化，色彩才显得丰富而有层次二、色彩的象征意义 不同色彩，具有不同的应用特征和象征意义。以下是一些常用色彩的应用特征和象征意义：红 ：血液、夕阳、心脏、 热情、危险、反抗、喜庆、兴奋、 革命橙：橘子、橙子、晚霞、秋叶、 快乐、温情、炽热、明朗、积极、活泼、亲切、安定 、焦躁黄 ：香蕉、黄金、黄菊、注意信号、 明快、光明、注意、不安、野心、高贵、愉悦 、希望绿 ：树叶、公园、草木、安全信号、 和平、理想、希望、成长、安全、青春、稳定、平安 、跳动蓝： 海洋、蓝天、湖海、远山、 沉静、凉爽、忧郁、理性、

16、自由、深远、沉着、含蓄 、理智、悠久、无限紫 ：葡萄、茄子、紫罗兰、 高贵、神秘、优雅、嫉妒、病态富贵、悲哀、消极 白： 白云、白雪、白纸、护士、 纯洁、朴实、虔诚、神圣、洁净、透明、内向、 黑 ：夜晚、头发、木炭、墨、庄重、深沉、死亡、恐怖、邪恶、严肃、孤独 灰 ：沉着、朴素、平凡、空虚、凄凉、沉闷、乏味三、色彩对比1、色相对比 因色相的差别而形成的色彩对比叫色相对比。色相对比的强弱，取决于色相在色相环上的距离。以一色为基色，可把色相对比分为几种类型。（1）同类色相对比 色相之间在二十四色相环上间隔15度以内的一对色相的对比，为同类色相对比。这种色相对比显得单纯、柔和、协调，有时也让人感到单

17、调、平淡。（2）类似色相对比 色相之间在色相环上间隔30度左右的一对色相的对比，就是类似色相对比。它比同类色相对比要明显些、丰富些，又能保持统一、耐看等优点。（3）邻近色相对比 色相之间在二十四色相环上间隔6090度之间的一对色相的对比，为邻近色相对比。邻近色相的配色效果显得丰富活拨，又保持了统一的优点。（4）对比色相对比 色相之间在色相环上间隔120度左右的一对色相的对比，就是对比色相对比。这种色相对比鲜明强烈，但统一的工作难做。（5）互补色相对比 色相之间在色相环上间隔180度左右的一对色相的对比，就是互补色相对比。色相环上的两色相混合为黑灰色时，两色相就是互补色相，如红与绿、蓝与橙、黄与

18、紫。这是最强的色相对比，但缺点是过分刺激、不协调，要想把它组织的统一、协调，配色技术的难度很大。2、纯度对比 纯度对比即因纯度高低不同的颜色并置而产生的对比现象。 在色相、明度相等的条件下，纯度对比的总特点是柔和，纯度差越小，柔和感越强。3、明度对比 因明度差别而形成的色彩对比，称为明度对比。明度对比给人的视觉感受很强，它是构成画面形体感、光感的关键要素。 第二节 网页的色彩搭配一、色彩搭配的基本原则 将不同的色彩进行搭配与组合，构成视觉效果良好、风格独特并有强劲冲击力的页面，是进行网页色彩设计的目的。在确定网页的色彩方面，应该综合考虑网站的主题、用户的欣赏习惯和艺术规律。具体来说，应遵循以下

19、几方面的原则：1、色彩的合理性 网页的色彩要漂亮，引人注目，但也要注意到人眼的生理特点，要避免使用大面积的高纯度色相，以免产生强烈的刺激，使人的眼睛容易疲劳。2、色彩的独特性 网页的色彩搭配要能体现网站的特色，要有与众不同的色彩，使得浏览者过目不忘。3、色彩的合适性 网页的色彩搭配应该与网站的内容、性质和气氛相适应。如健康类网站可用绿色，女性网站可用粉色，儿童类网站的色彩可以丰富一些。4、色彩的联想性 色彩的心理作用决定了人们在看到不同的色彩时会产生不同的联想。在考虑网页的色彩时，应当使色彩与网页的内涵相关联，尽量发挥出人们的这种想像力。如由蓝色想到天空，由黑色想到黑夜，由红色想到喜事等等。

20、在网页的色彩设计中还应注意：由于国家、种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶是有差别的。如儿童喜欢对比强烈、个性鲜明的纯色，生活在草原上的人喜欢红色，生活在沙漠中的人喜欢绿色，生活在闹市中的人喜欢淡雅的颜色。在设计中要考虑主要用户群体的背景。 二、色彩搭配的基本技巧 下面是网页色彩设计的几个要点，把握的好，在色彩搭配上就不会杂乱无章。1、确定网页的主体色 网页的主体色，又叫主色彩或标准色，是指在页面上除了白色为背景外大量使用的某种颜色，它决定了网页色彩风格的基调。 主体色一般主要用于网站的标识、导航栏、主菜单和主色块（如标题栏），给人以整体统一的感

21、觉，其它色彩也可以使用，但只能作为点缀和衬托。 也有不少网站是用两种色彩作为主体色的。先选定一种最主要的色彩，然后再选择一种作为次主体色。次主体色通常应在与主体色色相对比较大的色彩中选择。 2、多用相近色 与主体色具有同类色相对比或类似色相对比关系的色彩为相近色。在网页的主体色确定之后，选择与之相近的颜色，搭配起来就相对比较容易。这也可以叫做使用一个色系，即用一个感觉的色彩，如淡蓝、淡黄、淡绿，或者土黄、土蓝、土灰等。 也可以从明度与纯度的范畴来寻找相近色。一般来说，色相相同而明度不同或纯度不同的几种颜色比较容易搭配。如挑几种深浅不同的绿色来搭配，一般不会有大问题。3、保持色彩均衡 在网页用色

22、中，在多种颜色同时存在的情况下，一定要强调色彩的调和、统一与平衡。 我们知道，明度高的浅色看起来较轻，明度低的暗色则较重。如果在一个页面中运用了较多比较浅的颜色或亮的颜色，就可以用黑色，或同色相的深色小面积点缀一下，这样页面就不至于太轻，可以使色彩重新归于平衡。4、黑白灰的应用 在网页设计中，黑白是最基本和最简单的搭配，白底黑字或黑底白字都较常见。灰色是万能色，可以和任何色彩搭配，也可以帮助两种对立的色彩和谐过度。有时在找不到合适的搭配色彩时，不妨用灰色，往往能收到满意效果。三、页面的色彩分配 页面的色彩分配是指在页面的不同区域内色彩搭配的基本规律。页面一般可分为这样几个区域：内容区，logo区，导