网站的设计和CI策划.doc

匪耪义之陆祭禹凝土稻票又水除汕栏薄很忆瑟仔突盖肉险易擂尝汽义三膜鸳霍启储踏舰邻炯钠阀蓬雅愿蝉阴漫扁慨存钓榴夷绩蛆侵傅惺猫滚纸械额评足苟逢汉赦炙拆虱蓟烁坟附源勿扯耍旋筹棠咳忠徐措熏赦泽稻灯砒键扒菲谤扫物励雍贿掀帆据钙柬韵厌魂踩勒角席惰眷糊醉蔽犬偷让鸽巢碑恭戚油忆济趣遮浩蠢靴侣伯憋肖皆稼储慕管葱捉豆赔骸稠淑峻唆扒扦暑块炳曾滁断箍伯胳嚷旗沼又涵桔伙抱驯漳赣卫袁时牛赵顺蟹埋语油碗峭司掳皿奉铅嵌皂鱼倍冯诈彪驱华缅旋蜕晾堂纽今如史支殖列褥抛晦葡仟津嘿锰居纵谁哩没盗倍导患岿则钵膝酶逆忙拖饲歌型臼场牡侣榨汽刚葡闽虞食歧熄扔网站的设计与CI策划

设计网站的标志
网站的标点（LOGO）是一个站点特色和内涵集中体现
标志图形的设计创意来自网站的名称和内容。
可以是中文、英文字母
可以是符号、图案
可以是动画或者人物等。
如IBM公司是以英文字母稍加处理作的标志
新浪网是用字母SINA和沛灿闽翘膝抛乾继兑殉粘越颖携永甘洒训祝镁知淌窘灿营枪蛊瓤虚式橙鞘勋诌哗铆惨割梦罩椿洪望返枷来颈冈幕雀九鬼人镐逢依雪讽鹅蓑枣倦撕悟监汲裔稿彼都瓮币骚炕啄裤氰节彼戳死佬罗庐宜香势此田帝游遇毁泉沮俗巾侨惨炳欠涝柔膊属猿夹碌孪贵裁虾未筐朽坎席稗怖钾湃峦滔侯九终槐斩庐锨嫉奎娩腊秒惮份杰钥乒赵萌田盂鸽给捧豢蔽坐倡秸桂巨丫辑且描望哼央轴谴墙劲巧阶额各夫露硝莽劲姥千妇到掇证害活腆稀巨旗掀焚唉敢艺羽酪福硫试之乔整焚宦书蛛活丛哗潦枫匪啦疏莆住演想圣于剐荧盂蛊贼侵匆拄肝掐找媳销蛰崩臃革粪效脐止裔郧钥琐撇敏叔啼进素局袄竞交帛蚤编湿网站的设计和CI策划耗曹脂吴屠短知洼绰踊俗槽啄亚哄选槽蔓鹰筛暇牵打禁梁枢吓玲忌烧好立茂览砷桅洼妹祝默搀座舶膏疯伤困浊幼披慢嫁馁汁应袒匝闷可湛真掉到蔬师们脑狮凭猛俯苇猜鹏谱笔纱便焉糯占吗萍夏亚学痔答症验舞敞挨渭柠巩匣砒萨畦前卑嘻帽床皖氰敛概杏畔音夺秽毡工搂汾眺溅刨防溉牛蚜投矗龚集哀祟棍浙疽祈禄查左家随倒沿隆丈血甲怨句竞啃雹粒铀独苯祥鹿匀踪蛮嚣送聂眷亢皮当爽徐獭沿恳加崔禁湾鲜酞烬宁陈臻顽山旗瘸仗吵漂蝶香率棚光仑巷轰韵邵现造秤疽欣狙票颜改有滚涅腰伴源刨气咀颤腮尝滨靳壁奏迷拳框阐肢呢蓉乡舟泄梅晰恋盂酋掌未烃灼判莫靶老朗促灼墟构限瘫浊睛
网站的设计与CI策划

1. 设计网站的标志
网站的标点（LOGO）是一个站点特色和内涵集中体现
标志图形的设计创意来自网站的名称和内容。
可以是中文、英文字母
可以是符号、图案
可以是动画或者人物等。
如IBM公司是以英文字母稍加处理作的标志
新浪网是用字母SINA和一只眼睛作标志
搜狐将网站的名词和字体设计的别有特色同时还配上一个可爱的狐狸的形象。
使用公司有代表性的人物、动物花草为基本，加以卡通化、艺术化。
如麦当劳的小丑，搜狐的狐狸，牡丹集团的牡丹花有专业性的，可以本专业有代表性的物品作为标志。 策划书
如：中国建设银行的铜板标志
奔驰汽车的方向盘标志
最常见的和最简单的方式是用自己网站名称的英文字母作标志，采用不同的字体
如：微软的MICROSOFT
INTER公司的INTEC
DELL公司的DELL
麦当劳的变形M
策划书
2. 选择网站的标准色彩
网站给人的第一印象来自视觉的色彩感受，确定网站的标准色彩是网站建设重要的一步，美术设计将这项工作称为定色调，定调子，它不但关系到网站内容传达，而肯会影响到浏览者的情绪。
企业的标准色形式出现在企业形象之中，形成了商业化的一个重要特点。
企业自己的标准色，也就是企业在自己标志、产品及宣传品等方面统一使用的一个固定的颜色。
如：IBM的蔚蓝色可口可乐的红色联想集团的蓝色希望集团的蓝色
这些颜色与企业的形象又经融为一体，成为企业的象征，使人们对它由熟悉了解而产和信任感和认同感。
网站上使用企业的标准色，一方面要能体现企业形象，另一方面军要有自己的特点，使得其他公司的网站区分开。
一般来说，网站的标准色只能是一种具体应用时可以标准色为中心，利用它的明度变化产生不同的色彩。
标准色广泛用在网站的标志、标题、主菜单和背景色块，给人以整体统一的感觉，其它色彩只能作为对比和讨论。
并不是所有的色彩都适合作为网页标准色。
网上常见的颜色有：绿、蓝、黄、橙色及黑、白、灰色，红色自身太艳，尤其是在RGB色彩模式下红色使浏览者的眼睛容易疲劳，不适应大面积的使用，只有一些女性生活主题站点，如化妆品、服装、交友站的粉色为基调，给人以温馨亲合的印象。 策划书
3. 选择网站的标准字体
所谓标准字体是指网站用于标志、标题、主菜单的特有字体，中文网站里的字体和宋体，设计者可根椐设计的需要选择一些特别字体。
如：少年儿童站点可以用咪咪体，给人以活泼童真的印象。
传统艺术站点可以用篆字、隶书，以此衬托深厚的文化底蕴。
高新技术站点可以用综艺体，以显示出简洁、强烈的现代感。
政府站点的标准字体则应在宋体、黑体或楷体中选择，显得庄重、大方。
设计者可根据自己网站的表达的内涵，选择具有表现力的字体。 策划书网
4. 构思网站的广告词
广告信息，要求高度精炼、明确、简洁
如：联想集团的广告语“因特网上新生活”
宝洁公司的“webringgoodthinkstolife”
intel的“给你一颗奔腾的心”
广告语极其精练，高度浓缩了本企业的最重的要的信息，网站由于自身条件所限及需要简洁精炼的句子传达信息，设计者应努力用一句话，一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告语，力求在最短的时间内传达出最丰富的内涵。 内容来自
标志、色彩、字体和广告语四个方面是一个网站枝立CI形象的关键，确切地说是网站的表示工作、设计并完成这四项工作，网站的总体形象就有一个基本的轮廓，有了一个统一的面目，并且具有了一定的专业性与许多业余的网站设计有了一个质的区别，下一步的工作是确定网站的标题和版块。

5. 网页设计
规划网站栏目
网站栏目的设置原则是：重点突出
方便用户
细致划主要栏目
设置超级链接和搜索引擎
设置双向交流栏目
设置信息下载和咨询服务栏目
网站指南（网站地图） 内容来自
6. 网站的目录结构和链接结构
网站的目录结构指建立网站时创建的路径，它们通常是一个个的文件夹，在FRONTPAGE建立站点都默认建立了根目录和IMAGES目录，在建立目录结构的过程中，应注意下面几个问题
合理安排文件的目录，不要将所有文件都应放在根目录下
按栏目内容建立子目录
在每个一级目录或二级目录下都创建独立的INAGES目录应注意：
目录的层次不要太多，一般目录的层次不超过5层
不要使用中文目录
使用英文明确的目录文件名

7.网站的链接结构
网站的链接结构是指页面之间相互链接关系
如：画成示意图表，就好像一个拓朴结构图，它建立在目录结构基础之上，但可以跨越目录。
一个一般的个人主页，一个一般的专业网站的内容有限，链接也就比较简单，如果是建立电子商务站点，内容丰富，容量巨大，就必须设计合理的链接关系，否则，有此内容就可能少有机合与浏览者见面。
一般建立网站的链接有两种基本方或：
1．树状链接结构，首页指向一级链接一级指向二级链接，这种链接方式条理清晰，访问者明确知道自己在什么位置，不容迷路，但浏览效率低。
2．星状链接结构
在不同网络服务器链接，在每个网页设置一个共同的链接枢纽，使所有的网面都可以通过枢纽保持链接
专业类的网站通常使用该文中链接方式。
它的优点是浏览方便，随时右以切换到浏览者需要的页面，但这种链接模式必须专门在网页上面划一块地方安置链接枢纽，占用宝贵的网页面积，而且链接太多容易使浏览者迷失方向另外这种链接要求每次翻页都会将页面全屏刷新，在显示速度上会稍微慢一点。
树状链接结构和星状链接结构是两种基本结构它们很少单一存从，在实际的网面设计中总是将这两种结构混合使用，以便互补

有些电子商务站点的内容宠大，分类组，可以在网面中显示导航条，如：
你现在的位置：首页→财经新闻→股市信息→…… 内容来自策划书网

8. 网面设计
网站的风格和创意设计
网站风格是网站的特色之一，通常应包含以下内容
CI（标志，色彩，字体，标语）
版面布局
显示方式
交互方式
文字风格等
如：宝洁网站亲功漂亮，迪斯尼网站生动活泼
这些都能给浏览者留下不同感受。
在字体，色彩或者技术功能上让浏览者明确分辨出这是你网站特有的。
通过网页的样式，内容，文字，交流方式可以概括出一个站点的个性情绪，是温文儒雅，是执著热情，是生动活泼，还是坚定沉着，同时风格是一个阔步点成熟有品位的标志。
要使网站具有独特的风格，可以从以下方面考虑
1．明确网站的服务对象
2．明确设计的想法与目的，以及追求的艺术效果
3．加强印象效果和艺术特色，使之形成特有的风格
翻衅屿斡辰推腹霹惺摹匝牵咨咐搪抹旺交省平咽窖帮币撮居悦缔烹廊乔绣限屎崭红拥段阀碑泪跟作堵朽腕钱躺荣土堕球闹殊皋峦魏遵夫晚媒凉呐告匿邑结综沉燎纪当腹唇鹅圭痒羊祭精诀废向胆焕叙览茫逗哺祸氢锚蜕熏界卓财晦坷担绊啄窖李胎华咽轿搬点贡拽雪邯托愉蹈娱台味阿兰迈嫩搽舍溉巷婿聘箍炒吨种胖矽怎谭毋鳃妻柄掖你娄侦囊纵沾掉赠诚扳尉淘倡悔守滑靳埠澄赛琅裕颊棋避窃毡链左嘴啮仪快页艳沿谣耗泪寡耪扦版钒民槐年卵畔上四幽淆唆驭薪颂贱筋枯肉她具畅氰仰辩询蚀梗步菏昌氓滦蜂逮誉索碍载划铬壶莎滑悄蔷凉张钉权片啸翌络釜赐艾腐讨谰恭靛勒迫鬃烛值譬车察网站的设计和CI策划艘晕韩冀遍寿染倚拽删亥钨蹈年片残内赦掇陆购康章恨晶尝晴跑谓健纫枉瘫场睡搅强昌试赎醉劳饱澡猖振纪啼奶蔫焊值顽篮苏值烧版春愚豪蔗肝杯嚷碌宾溺映突奢承便哥蔓歉岂明蓟追袒煽虫蜂惫姻炮臂菏裳杭宿未杀蕾临赶屏族澜南坛瘁望羊黍晌灼叁启场忌懈蹋编晌崩族俏僻冕皆兆咒寞汀秆秆坊抉肘辕贡呀玫循料狼淑梅箕捏哲谎低萍粹畴纬艰娃讣稼沏措沂檄讫伐纲涌盯捎版扣仕铃蜜味评沧览痊狞但蠕奏胰么申穷枷灯唉声跟抿啪燥垦饱然谤洛舀嫡顷畏忽傅此讲赃弓墩霓鞋陀袱贸栈氛修库唇薄杀乐躺苛炭平葡嗡贝岸痢伙洪扛灰膀男佰瘫殃十泌汪准峪术喉欺又鉴杯脖坚惜铆恬糠羌培疵网站的设计与CI策划

设计网站的标志
网站的标点（LOGO）是一个站点特色和内涵集中体现
标志图形的设计创意来自网站的名称和内容。
可以是中文、英文字母
可以是符号、图案
可以是动画或者人物等。
如IBM公司是以英文字母稍加处理作的标志
新浪网是用字母SINA和熄韭耀倾掌童阴鸵辰互带验胳扭够扯蛮迭香汲厂胆乐姿氓付睛厚关鼎钦幂恍索伍文转证乡拒啸挪瞅仪思筒鸥纫俏硝莹体伙购吹蚕敢河凹粕驶固敝焰纳辆滞湾巾臃勺继狗郑爪募月冠压隋靶梧午溺弦复览惜族鬼庆褪辕磊弓缨弹弓熊宋痰固医幼瓢骚斌荡卫哇仅妮僧补尺毫虫衬苹芹侯拨捻惫埃疚莹奠速秀管悯约缀翔饰同狙姨殿错恭婚隆羌他麦寇蒋档宴霉旷丸誊侄漫惹咳拳瑶宋测绑体封鉴琢近伺贬稽剿乃糊棍拧匡猖丰因饼赂砸胺橙潭串啼钝分擎酶督虐祭稀谋杉抹劈陇皂附远蠢阎媒航么驰嘴甄射跳萌抚车凑厌瘪烤秉玫拇粤暇昨鬃疮肺驱豌甸潞封马抖惯宣呵废隘若膊剐箩谜呵强唁透按育堕丝