网站设计，包括的內容十分多。大致分2个层面：

一方面是网址的拓宽设计方案，包含网址的主题风格精准定位和访问群的精准定位，智能化互动，制做方案策划，品牌形象包裝，宣传策划营销推广这些。

另一方面是纯网址自身的设计方案例如文字排版设计，照片制作，广告设计，三维立体设计方案，静态数据无音文图，动态性有音影象等；

这两层面紧密联系（觉得有点儿象写辩证毕业论文：），加上网络科技的迅猛发展，要明确提出一个肯定恰当和权威性的设计理念是不太可能的，要想在一篇文章中归纳出去也难以，因此阿捷依据基本建设一个网站的构思，将自身两年来网站设计制做的体会心得梳理成一个系列“专题讲座”，告知给大伙儿（留意：我并不会十分实际地讲某一个技术性或制作技巧，关键取决于构思）期待能给您一些协助。下边是大概的大纲：

1.精准定位你的网址CI品牌形象；
2.精准定位你的网址主题风格和名字；
3.网址的总体设计风格设计创意
4.明确你的频道和版面；
5.主页的设计方案
6.网址的结构分析和连接构造
7.版块合理布局的小技巧
8.色调搭配
9.实际效果与速率
10.替访问者考虑到
11.微小的地方见功底
12.基本建设完成率与发布時间
13.易用性与亲和力度
14.考虑到不一样的电脑浏览器和屏幕分辨率
15.字体样式的设定和报表的嵌套循环
16.新技术应用的应用选择
17.设计方案你要的banner和部位
18.对网站设计新手的提议
19.句子文本--融进情感

之上是本“系列产品”文章内容的大纲，会依据具体编写状况作些变化。每周一篇。大家刚开始以前，最先确立好多个前提条件：

一．在文章内容中，很有可能举例子或评价到一些实际网站。最先声明，阿捷不会有为一切网站作广告宣传的“行为“。

二．网站设计与网站制作。大家说网址“设计方案”而不是网址“制做”，他们的差别取决于设计方案是一个思索的全过程，而制做仅仅将思索的結果主要表现出去。一个取得成功的网址最先必须一个出色的设计方案，随后辅之出色的制做。设计方案是网址的关键和生命，一个同样的设计方案能够 有多种多样制做主要表现的方法。

三．大家说的“网址”就是指有明确主题风格和确立目地的应用性网站，不包括纯主要表现类或是文字类网址。

好啦，废话少说，大家进到主题：

========================================================

一：精准定位你的网址主题风格和名字

设计方案一个网站，最先碰到的难题便是精准定位网址主题风格。
说白了主题风格也便是你的网址的主题。互联网上的网址主题稀奇古怪,应有尽有。如果你想的到，就可以把它制做出去。下边是英国《个人电脑》杂志期刊(PC Magazine)评选的98年度排名前100位的美国知名网站的十类主题，对大家有一些实用价值。
第一类：日常生活/时尚潮流
第二类：网上求职
第三类：网络聊天／及时信息内容/ ICQ
第4类：在网上小区／探讨 / 邮件归档
第5类：电子信息技术
第六类：网页页面/ 网站建设
第7类：娱乐网站
第八类：旅游
第9类：参照 /新闻资讯
第10类：家中/文化教育 

每一个大类都能够再次细分化，例如游戏娱乐类再分成体育文化 /影片/ 歌曲大类，歌曲又可以按文件格式分成MP3，VQF，Ra，按表达形式分古典风格，当代，摇滚乐等。之上都仅仅最普遍的主题，也有很多技术专业的，极具特色的，与众不同的主题能够 挑选，例如中医学，观赏鱼，天气预告这些，另外，每个主题相联络和交叉式融合能够 造成新得主题，比如旅游论坛（度假旅游 探讨），經典进球播放视频（足球队 影视制作）按那样分下来，主题能够 有不计其数个，你肯定不会再为主题反复，无法挑选而苦恼了吧:)

针对主题的挑选，我们建议是：

1.主题最好是就是你自身善于或是钟爱的內容。例如：您对善于程序编写，就可以创建一个编程爱好者网址；对足球队很感兴趣，能够 报导全新的战绩，篮球明星动态性等。那样在制做时，才不容易感觉无趣或是心有余而力不足。兴趣爱好是制作网页的驱动力，沒有激情，难以制作出优秀的著作。
3.主题不必太滥或是总体目标太高。“太滥”就是指四处由此可见，每个人都是有的主题；例如软件免费下载，免费发信息。“总体目标太高”就是指在这里一主题上早已有十分出色，名气很高的网站，你需要超出它是很艰难的。除非是你下定决心和有整体实力市场竞争并超出它，记牢，在互联网技术上仅有第一，大家通常只还记得比较好的网站，第二第三名的印像则会浅得多。

2.主题风格要小而美。精准定位要小，內容要精。假如你要制做一个应有尽有的网站，把全部您觉得精彩纷呈的物品都放到上边，那麼通常会不如人意，给人的觉得是沒有主题风格，沒有特点，每样有却每样都很浅薄，由于您不太可能有那么多的活力去维护保养它。互联网的较大特性便是新和快，现阶段最受欢迎的个人中心全是每日更新乃至几个小时升级一次。全新的调查报告也显示信息，互联网上的“主题风格站”比“必备站”更受大家钟爱，就如同经销店和百货商城，假如必须买某层面的物品，毫无疑问会挑选专买店。再举个事例，我的一位网民KK期待制做文学类层面的主题，可是文学类也包含很多很多內容，有小说集，诗文，短文；有科幻片，武侠江湖，逻辑推理；阿捷细心了解了他的善于和要想出示的具体内容，最终将主题精准定位在文学网站上，删除了原来的一些不相干的文学著作，集中化扩张和梳理文学网站著作。网址发布后，迅速遭受大伙儿的钟爱。

　　OK，假如你早已有一个绝佳的想法了，那大家刚开始为网址取名字。（哎哟，别踢我！）您很有可能觉得取名字与网站设计不相干，阿捷在这儿虚度光阴。实际上网站名也是网站设计的一部分，并且是很重要的一个因素。你看来，“电脑上学习室”和“电脑之家”显而易见是后面一种简洁；“迷笛游乐园”和“MIDI游乐园”显而易见是后面一种明确；“少年儿童乾坤”和“我国幼稚园”显而易见是后面一种空气。大家都了解PIIICUP的中文名字“奔流”，假如改成“飞奔”，很有可能就沒有今日那么“火”了:)。和现实生活中一样，网站名是不是浩然正气，洪亮，易记，对网址的品牌形象和宣传推广也是有非常大危害。一般的提议是：

　　1. 名字要正。这一“正”是阿捷自身的叫法，实际上便是要合理合法，和理，和情。不能用反革命的，情色的，封建迷信的，伤害社会安全的专有名词句子。
　　2. 名字要易记。依据中文网址访问者的特性，除非是特殊必须，网站名最好用中文名字，不必使用英文或是中英复合型名字。比如：beyond studio和超过个人工作室，后面一种更亲近易记。此外，网站名的篇幅应当操纵在六个字（最好是四个字）之内，例如“XX阁”“XX设计所”，四个字的能够 用成语，如“一网打入”。篇幅少也有个益处，一般友链的小logo规格是88X31，而六个字的总宽是78上下，合适于别的网站的连接排版设计。
　　3. 名字要有特点。名字朴实就可以接纳，假如能反映一定的内函，给访问者大量的视觉冲击和逻辑思维能力，则为佳品。这儿举好多个阿捷觉得非常好的名字：歌曲新潮，网页页面陶吧，天籁绝音。在反映出网址主题风格的另外，能点出特点之处。

　　总而言之，精准定位主题和名字是设计方案一个网站的第一步，也是很重要的一部分。假如能寻找一个令人满意的名字，花一天時间翻字典也是非常值得的:)
　　好，今日的体会心得就提到这儿。由于是第一篇，因此假如您对本系列讲座方式有一切提议，请速信件告知阿捷，便于阿捷作相对变更。假如您有更强的体会心得，也请信件，阿捷会择优录用发布。谢谢你们！下一次大家探讨的主题风格是“精准定位你的网址CI品牌形象”。


　说白了CI，是使用的广告宣传专业术语。(CI是英语corporate identity的简称)，意思是根据视觉效果来统一企业的品牌形象。现实生活中的CI策划数不胜数，优秀的事例如：可口可乐公司公 司，全世界统一的标示，颜色和包装设计，让我们的印像极其刻骨铭心。大量的事例如SONY,三菱，肯德基这些。

　　一个优秀的网址，和实体线企业一样，也必须总体的品牌形象包裝和设计方案。精确的，有创意的CI 设计方案，对网址的宣传推广有事倍功半的实际效果。在您的网址主题风格和名字定出来以后，必须思索的便是网址的CI品牌形象。

　　有网民要问了：不是我学广告专业的，CI一件事而言很有可能真的很难吧:( 不必担心，阿捷自身都没有学过专业设计哦。大伙儿要是参照我的一些具体方法和工作经验，非常容易将自身网址的CI拿下:)

　　1. 网站设计的标示(logo).最先你需要制作一个网站的标示(logo)。就好似商标logo一样，logo就是你网站特点和内函的充分体现，看到logo就要大伙儿感悟到你的网站。留意：这儿的logo并不是指88X31的小图标banner,只是网址的标示。

　　标示能够 是简体中文，英语字母，能够 是标记，图案设计，能够 是小动物或是角色这些。例如：soim是用soim的英语做为标示，新浪网用英文字母sina 双眼做为标示。标示的创意设计来源于你网址的名字和內容。

　　(1).网址有象征性的角色，小动物，花草植物，可以用他们做为设计方案的原型，多方面卡通化和形象化，比如迪士尼的米奇老鼠，搜狐网的卡通狐狸，鲨威体育界的篮球赛大白鲨。

　　(2).网址有专业能力的，能够 以本技术专业有意味着的物件做为标示。例如中行的铜钱标示，奔驰汽车的汽车方向盘标示。

　　(3).最常见和非常简单的方法是用自身网站的英文名字作标示。选用不一样的字体样式， 英文字母的形变，英文字母的组成能够 非常容易制做好自身的标示。

　　2.网站设计的规范颜色。网址给人的第一印象来源于视觉冲击，明确网址的规范颜色是非常关键的一步。不一样的色彩的搭配造成不一样的实际效果，并很有可能危害到来访者的心态。

　　“规范颜色”就是指能反映网址型象和拓宽内函的颜色。举个具体的事例就懂了：IBM的暗蓝色，肯得基的鲜红色条形，windows窗口标示上的红蓝黄翠绿色块，都使大家感觉很切合，很和睦。假如将IBM改成翠绿色或橙黄色，大家会有哪些觉得？

　　一般来说，一个网站的规范颜色不超过3种，太更多就是令人目不暇接。规范颜色要用以网址的标示，题目，主菜单和主图形。给人一种总体统一的觉得。对于其他颜色还可以应用，仅仅做为装点和烘托，决不能反客为主。

　　一般来说，合适于网页页面主色调的色调有：深蓝色，黄/橘色，黑/灰/乳白色三大系列产品色。(注：有关色彩的搭配的具体做法，大家会在本系列产品文章内容的第八篇详细介绍)。

　　3.网站设计的规范字体样式。和规范颜色一样，规范字体样式就是指用以标示，题目，主菜单的独有字体样式。一般大家网页页面默认设置的字体样式是宋体字。为了更好地反映网站的“不同寻常”和独有设计风格，我们可以依据必须挑选一些尤其字体样式。比如，为了更好地反映技术专业能够 应用粗仿宋字体，反映设计方案精致可以用广告宣传体，反映亲近随便可以用手写体这些。自然这种全是阿捷的本人观点，你能依据自身网址所表述的内函，挑选更切合的字体样式。现阶段普遍的字体样式有二三十种，常见的英文字体样式有近千种，互联网上也有很多专用型英语造型艺术字体下载，要找寻一款令人满意的字体样式并算不上艰难:)


　　必须表明的是：应用非默认设置字体样式只有用照片的方式，由于很可能访问者的PC里沒有安裝你的尤其字体样式，那麼您的艰辛制作便付诸东流啦！

　　4.网站设计的宣传语。还可以说成网址的精神实质，网址的总体目标。用一句话乃至一个词来高宽比归纳。相近具体日常生活的广告宣传经典话语。比如：鹊巢的“味道太好了”；麦斯威尔的“好产品和最好的朋友一起共享”；Intel的“让你一个奔流的心”。

　　之上四方面：标示，颜色，字体样式，宣传语，是一个网站塑造CI品牌形象的重要，准确的说是网址的表面文章，设计方案并进行这两步，你的网址将洗心革面，总体品牌形象有一个提升。品牌形象地说：你从一个俗气的农户变化为一位西装笔挺的上班族人员。(留意：大家仅仅以平面图静态数据设计制作CI,都还没引进响声，三维立体等要素。)

　　好啦，看过之上的详细介绍，你应该对网址CI拥有一个基本的定义。或许并不是很搞清楚，由于这些大道理太抽象性了，你很有可能必须一些具体的，更栩栩如生的事例。阿捷会在自身的首页上另外改动填补一些案例。下一节，大家来探讨“明确网址的频道版面”，欢迎你参加，感谢！

明确网址的频道和版面

　　《设计的思考》系列产品文章内容，从今天开始写第三篇。阿捷并不是技术专业的网站设计师，但阿捷将尽自身所可以把这一系列产品文章内容写好，尽量将自身实践过程中小结的工作经验和体会心得告知给大伙儿，期待能给您一点获得，一点启迪。文章内容中列出见解若有不一样建议，欢迎你信件探讨，信件寄ajie@soim.com，感谢。

　　我们在前二一篇文章里学了精准定位网址主题风格和建立网址的CI品牌形象。下边是不是该进到实际性的制作环节呢？回答是：不可以。工作经验告知大家，创建一个网站如同写一篇文章，最先要拟好大纲，文章内容才可以主题风格确立，层级清楚；也如同造一座高楼大厦，最先要设计方案好架构工程图纸，才可以使房子合理配置。

　　新手(包含自己:-)，最非常容易犯的不正确便是：明确主题后马上刚开始制做。如果你一页一页制做结束后才发觉：网址构造不清楚，文件目录繁杂，內容东一块西一块。結果不仅访问者看得糊里糊涂，自身扩大和网站建设维护也非常艰难，您的网址也许从此急于求成，更槽糕的是：你因而失去制做首页的自信心和兴趣爱好！

　　因此，我们在动手能力设计网页前，一定要考虑到好下列三层面：

　　1.明确频道和版面；
　　2.明确网址的文件目录构造和连接构造
　　3.明确网址的总体设计风格设计创意

　　今日大家最先来探讨“明确网址的频道和版面”。

　　网址的主题明确后，相信你早已搜集和机构了很多有关的材料內容。你一定觉得这种全是最好是的，毫无疑问能吸引住网民们来访问网址。可是你有没有将最好是的，最吸引人的內容放到最突显的部位呢？是否有让好产品在版块遍布上占较大优势呢？

　　看见了很多个人中心的频道(主菜单)并不是这样的。举个事例：有一个以出示动画素材为主题风格的网站，它的主频道是：有关网站站长，本网站导航栏，动漫宝藏，本网站社区论坛，本网站留言本，联络网站站长。主页上写着本网站网站地址和著作权声明(竟然也有将本网站设为首页字眼)。最关键的，最吸引人的动画素材在主频道里占1/6，在主页上一字没提。我觉得即便这一网站确实有很多的，精致的动画素材，也难以吸引住访问者再次发掘。

　　频道的本质是一个网站的考试大纲数据库索引，数据库索引应当将网址的行为主体确立显示信息出去。在制订频道的情况下，要细心考虑到，科学安排。一般的网址频道分配要留意下列几层面：

　　1.一定记牢要围绕你的主题风格！
　　一般的作法是：将你的主题风格按一定的方式 归类并将他们做为网址的主频道。比如上边的事例，能够 将频道分成动物动画，标示动漫，三维动画，动漫卡通等，在主页上标出最近更新的动漫。记牢：主题风格频道数量在总频道时要占较大优势，那样的网址显的技术专业，主题风格突显，非常容易给人留有深刻的印象。

　　2.设一个最近更新或网址手册频道
　　假如你的主页沒有分配版块置放最近更新內容信息内容，就必须开设一个“最近更新”的频道。那样做是为了更好地照料常到的浏览量，给你的首页更有个性化。

　　假如你的首页內容巨大(超出15MB)，层级较多，而又沒有网站内部的百度搜索引擎，建议设定“本网站手册”频道。能够 协助初访者迅速寻找她们要想的內容。

　　3.设置一个能够 双向交流的频道
　　不用许多，但一定要有。例如社区论坛，留言本，邮件归档等，能够 让访问者留有她们的信息内容。有调研说明，出示双向交流的网站比简易的留一个"Email me"的网站更具备感染力。

　　4.设一个免费下载或疑难问题回应频道
　　网络的特点是资源共享。假如你见到一个网站有很多的出色的有使用价值的材料，你毫无疑问期待能一次性免费下载，而不是一页一页访问存盘。“以诚待人”在你自己的首页上设定一个教材下载频道，会获得大伙儿的喜爱。一些网站为了更好地广告宣传显示信息量，一篇文章也要分两页显示信息，我认为终究会因浏览量降低而取代(意见与建议:)。此外，假如您的网站常常接到网民有关某层面的难题信件，你最好开设一个疑难问题回应的频道，既便捷了网民，还可以节省自身大量時间用于学习培训。

　　对于别的的輔助內容，如有关本网站，版权信息等可以不放到主频道里，以防淡化主题风格。小结之上几个方面，大家得到区划频道必须留意的是：

　　●尽量删掉与主题风格不相干的频道
　　●尽量将网址最有使用价值的內容列在频道上
　　●尽量便捷来访者的访问和查寻
　　
　　上边说的是频道，大家再看一下版面设定。版面比频道的定义要大一些，每一个版面都是有自身的频道。举个事例：网易游戏的网站分新闻报道，体育文化，金融，游戏娱乐，文化教育等版面，每一个版面下边有都有自身的主频道。一般的本人网站內容少，仅有主频道(主菜单)就可以了，不用设定版面。如果你觉得确实必须设定版面的，应当留意1.各版面要有相对性自觉性。2.各版面要有互相关系。3.版面的內容要紧紧围绕网站主题风格。有关版面层面，主要是门户网网站等很大ICP必须考虑到的难题，阿捷在这里
已不作深入探讨。
　　　
　　好，早已深更半夜了，今日就写到这。阿捷下一次再次和大伙儿讨论怎样"明确网址的文件目录构造和连接构造"，谢 谢。

明确网址的文件目录构造和连接构造

　各位好！。它是《设计的思考》系列产品文章内容第四篇。假如你必须前几集文章内容能够 到索易下载《多媒体与网站开发》电子期刊，还可以到我个人中心《网页设计师》访问。

　　续篇提到：我们在动手能力设计网页前，一定要考虑到好下列三层面：

　　1.明确频道和版面；
　　2.明确网址的文件目录构造和连接构造
　　3.明确网址的总体设计风格设计创意
　　今日大家再次来探讨“明确网址的文件目录构造和连接构造”。

　　一.网址的文件目录构造

　　网址的文件目录就是指你建设网站时建立的文件目录。比如：再用frontpage98建设网站时都默认设置创建了网站根目录和images根目录。文件目录的构造是一个非常容易忽视的难题，大部分网站站长全是没经整体规划，随便建立根目录。文件目录构造的优劣，对访问者而言并没什么很大的觉得，可是针对网站自身的提交维护保养，內容将来的扩大和移殖拥有关键的危害。下边是创建文件目录构造的一些提议：

　　●不必将全部文档都储放在根目录下。

　　有网民为了更好地便捷，将全部文档都放到根目录下。那样做导致的不好危害取决于：
　　1.文档多头管理。你经常分不清什么文档必须编写和升级，什么没用的文档能够 删掉，什么是关联的文档，危害工作效能。
　　2.上传速度慢。网络服务器一般都是会为网站根目录创建一个文档数据库索引。当您将全部文档都放到根目录下，那麼即便你只提交升级一个文档，网络服务器也必须将全部文档再查找一遍，创建新的数据库索引文档。很显著，文档量越大，等候的時间也将越长。因此，给您的提议是：尽量减少网站根目录的文档储放数。

　　●按频道內容创建根目录。

　　根目录的创建，最先按主菜单频道创建。比如:网页教程类网站能够 依据技术性类型各自建立完善的文件目录，象Flash,Dhtml,Javascript等；公司网站能够 按公司概况，产品简介，价钱，线上订单，意见反馈联络等建立完善文件目录。

别的的主次频道，相近what's new，友情链接內容较多，必须常常升级的能够 创建单独的根目录。而一些关联性强，不用常常升级的频道，比如：有关本网站，有关网站站长，网站历经等能够 合拼放到一个统一文件目录下。

全部程序流程一般都储放在特殊文件目录。比如：CGI程序流程放到cgi-bin文件目录。有利于维护保养管理方法。全部必须免费下载的內容也最好是放到一个文件目录下。

　　●在每一个主目录下都创建单独的images文件目录。

　　默认设置的，一个网站根目录下都是有一个images文件目录。刚开始学习首页制做时，阿捷习惯性将全部图片都储放在这个文件目录里。但是之后发觉很不方便，当我们必须将某一主频道装包供网民免费下载，或是将某一频道删掉时，照片的管理方法非常不便。历经实践活动发觉：为每一个主频道创建一个单独的images文件目录是最便于管理的。而根目录下的images文件目录仅仅用于放主页和一些主次频道的照片。

　　●文件目录的层级不必过深。

　　文件目录的层级提议不必超出3层。缘故非常简单，维护保养管理方法便捷。

　　其他必须留意的也有：

　　1.不必应用简体中文文件目录；互联网跨越国界，应用简体中文文件目录很有可能对网站地址的恰当显示信息导致艰难。
　　2.不必应用太长的文件目录；虽然网络服务器适用长文件夹名称，可是过长的目标目录不有利于记忆力。
　　3.尽可能应用实际意义确立的文件目录；上边的事例中，你能用Flash,Dhtml,Javascript来创建文件目录，还可以用1，2，3创建文件目录，可是哪一个更确立，更有利于记忆力和管理方法呢？显而易见是前面一种！

　　伴随着网页页面技术性的持续发展趋势，运用数据库查询或是别的后台运行自动生成网页页面愈来愈广泛，网址的文件目录构造也终将飞越到一个新的结构层次。

　　二.网址的连接构造

　　网址的连接构造就是指网页页面中间互相连接的网络拓扑结构。它创建在文件目录构造基本以上，但能够 超越文件目录。品牌形象的说：每一个网页页面全是一个支撑点，连接则是在2个支撑点中间的联线。一个点能够 和一个点联接，还可以和好几个点联接。更关键的是，这种点并并不是遍布在一个平面图上，只是存有于一个立体式的室内空间中。

　　●大家科学研究网址的连接构造的目地取决于：用至少的连接，促使访问最高效率。

　　一般的，建设网站的连接构造有二种基础方法：

　　1.树形结构连接构造（一对一）。相近DOS的文件目录构造，主页连接偏向一级网页页面，一级网页页面连接偏向二级网页页面。立体式构造看上去就象蒲公英花。那样的连接构造访问时，一级级进到，一级级撤出。优势是条理清楚，来访者确立了解自身在什么位置，不容易"迷"路。缺陷是访问高效率低，一个频道下的子网页页面到另一个频道下的子网页页面，务必绕经主页。

　　2.星状连接构造（一对多）。相近网站服务器的连接，每一个网页页面彼此之间都创建有连接。立体式构造象上海东方明珠广播电视塔上的轴承钢球。这类连接构造的优势是访问便捷，随时随地能够 抵达自身喜爱的网页页面。缺陷是连接过多，非常容易使访问者迷了路，分不清自身在什么位置，看过是多少內容。

　　这二种基础构造都仅仅理想化方法，在具体的网站设计中，一直将这二种构造混和起來应用。大家期待访问者既能够 便捷迅速的做到自身必须的网页页面，又可以清楚的了解自身的部位。因此，最好是的方法是：

　　●主页和一级网页页面中间用星状连接构造，一级和二级网页页面中间用树形结构连接构造。

　　举个事例。一个新闻报道网站的网页页面构造以下：
---------------------------------------------------

一级网页页面 二级网页页面

财经资讯页 -- [金融新闻1，财经资讯2...]
/ |
主页 -- 游戏娱乐新闻网页 -- [游戏娱乐新闻1，明星新闻2...]
|
IT新闻网页 -- [IT新闻1，IT新闻报道2...]

----------------------------------------------------
　　在其中，主页，财经资讯页，游戏娱乐新闻网页，IT新闻网页中间是星状连接，能够 相互之间点一下，立即抵达。而财经资讯页和它的子网页页面中间是树形结构联接，访问金融新闻1后，你务必返回财经资讯页，才可以访问IT新闻报道2。因此,有网站为了更好地免除回到一级网页页面的不便，将二级网页页面立即用新开窗口(POP up windows)开启，访问完毕后关掉就可以。

　　留意：之上我们是用的三级网页页面举例说明。假如您的网站內容巨大，归类清单，必须超出三级网页页面，那麼提议你一直在网页页面里显示信息导航栏，能够 协助访问者确立自身所在的部位。便是您常常见到很多网页页面顶端的，相近那样：“您所在位置是：主页->财经资讯->股市信息->深圳市股->深发展”

　　有关连接构造的设计方案，在具体的网页设计中是十分重要一环。选用哪些的连接构造立即危害到版块的合理布局。比如你的主菜单放到什么位置，是不是每张都必须置放，是不是必须用分帧架构，是不是必须添加回到首页的连接。在卡扣结构明确后，再刚开始考虑到连接的实际效果和方式，是选用往下拉表格，還是用DHTML动态性莱单这些。

　　伴随着电商的营销推广，网址市场竞争的愈来愈猛烈，对连接总体设计的规定早已不仅限于能够 便捷迅速的访问，更为重视人性化和关联性。比如，一个孕婴主题风格网址里，在8个月婴儿的营养成分难题网页页面上，你需要添加8个月婴儿的健康问题连接，智商塑造连接，或是是相关婴儿奶粉宣传策划的连接，一本书籍，一个小玩具的连接。由于爸爸妈妈不太可能到每一个频道下来找寻有关8个月婴儿的信息内容，她们很有可能在寻找必须的难题后就离去网址了。怎样尽量吸引来访者，是网站设计者将来务必考虑到的难题。

　　讲到这儿，阿捷突然感觉自身很厉害，竟然会小结出这么大一套基础理论:)哪些，皮薄?可能吧，这么多大神都没讲话呢！有建议请信件ajie@soim.com

　　下一次大家再次探讨“明确网址的总体设计风格设计创意”，欢迎你的参加。


明确网址的总体设计风格和设计创意

　网址的总体设计风格以及设计创意是网站站长们最期待把握，也是最无法学习培训的。难就难在没有一个固定不动的程序能够 参考和效仿。让你一个主题风格，一切两个人都不太可能设计方案出彻底一样的网址。在我们说："这一网站很cool，很有个性！"那麼，是啥给你感觉很cool呢？它究竟和一般的网址有什么不同呢？文中尝试最简要的語言来表明：

　　1.设计风格是啥，怎样塑造网站布局？
　　2.艺术创意是啥，怎样造成艺术创意？

　　●设计风格(style)是抽象性的。就是指网站的总体品牌形象给访问者的综合性体会。

　　这一“总体品牌形象”包含网站的CI（标示，颜色 ，字体样式，宣传语），版块合理布局，访问方法，易用性，文本，语调，內容使用价值，存有实际意义，网站殊荣这些众多要素。举个事例：大家感觉网易游戏是和蔼可亲的，迪士尼是生动有趣的，IBM是技术专业严肃认真的。这种全是网址给大家留有的不一样体会。

　　设计风格是与众不同的，是网站不一样与别的网址的地区。或是颜色，或是技术性，或是是交互技术，能让访问者确立辨别出这是你的网址特有的。比如新时代互联网(www.century.2000c.net)的黑白色,网易壁纸站的独有架构,即便你只见到在其中一页，还可以辨别出是哪个网站的。

　　设计风格是有人的本性的。根据网址的表面，內容，文本，沟通交流能够 归纳出一个网站的个性化，心态。是温文尔雅，是执着激情，是开朗非常容易,是纵容洒脱。象古诗词中的“豪放派”和“婉约派”，你能用人的个性来形容网站。

　　有设计风格的网址与一般网址的差别取决于：一般网址你见到的仅仅堆积在一起的信息内容，你只有用客观的体会来叙述，例如数据量尺寸，访问速率速度。但你访问有过设计风格的网址后你可以有更深一层的理性认识，例如网站有品味，平易近人，是教师，是盆友。

　　看过之上叙述，你很有可能对设计风格是啥很有可能仍然模糊不清。实际上设计风格便是一句话：不同寻常！

　　怎样塑造网站布局呢？我们可以分那样好多个流程：

　　第一，相信设计风格是创建在有使用价值內容以上的。一个网站有设计风格而沒有內容，就如同绣花枕头一包草，如同一个性情高傲但却目不识丁的人。你最先务必确保內容的品质和使用价值性。它是最基础的，不必质疑。

　　第二，你需要完全弄清楚自身期待网站给人的印像是啥。能够 从这几层面来理清思路：

　　1.假如只用一句话来叙述你的网站，应该是:_____________

　　答案：
　　有创意，技术专业，有(技术性)整体实力，有艺术美，有撞击力

　　2.想到你的网站，能够 想到到的颜色是：________________

　　答案：
　　激情的鲜红色，想象的天篮色，聪慧的橙黄色

　　3.想到你的网站，能够 想到到的界面是：________________

　　答案：
　　一份晨报，一辆兰博基尼跑车，群体拥堵的城市广场，杂货铺

　　4.假如网址是一个人，他有着的个性化是：________________

　　答案：
　　观念完善的成年人，野性豪放的牛仔裤，信心憨厚老实的创业人

　　5.做为网站站长，你期待给人的印像是：____________________

　　答案：
　　爱岗敬业，用心资金投入，有深度，承担，童真，直率，气质女人

　　6.用一种动物来形容，你的网址最象：__________________

　　答案：
　　猫(神密高雅)，鹰(眼光锋利)，小兔子(聪慧比较敏感)，狮子座(信心威信和权威)

　　7.访问者感觉你与别的网址的不一样是：__________________

　　答案：
　　值得信赖，信息内容更快，沟通交流便捷，

　　8.访问者与你沟通交流协作的体会是：______________________

　　答案：
　　老师学生，朋友，盆友，长幼尊卑。

　　你能自身先填好一份回答，随后让别的网民填好。较为后的結果会对你说：你网址如今的差别，缺点及必须改善的地区。

　　第三，在确立自身的网址印像后，刚开始勤奋创建和提升这类印像。

　　历经第二步印像的的"量化分析"后，你需要进一步找到在其中最有特点特性的物品，便是充分体现网站布局的物品。并且以它做为网址的特点多方面关键加强，宣传策划。比如：再度核查网站名，网站域名，栏目名称是不是合乎这类个性化，是不是易记。核查网站标准颜色是不是非常容易想到到这类特点，是不是能反映网址的性情这些。实际的作法，沒有围棋定式。我这里出示一些参照：

　　1.将你的标示logo,尽量的出現在每一个网页页面上。或是页眉，或是底部，或者情况。
　　2.突显你的规范颜色。文本的连接颜色，照片的主颜色，背景颜色，外框等颜色尽可能应用与规范颜色一致的颜色。
　　3.突显你的规范字体样式。在重要的题目，莱单，照片里应用统一的规范字体样式。
　　4.想一条顺口宣传语。把它做在你的banner里，或是放到显眼的部位，告知大伙儿你的网址的特点是...
　　5.应用统一的语调和尊称。即便是多本人协作维护保养，还要让阅读者感觉是同一个人写的。
　　6.应用统一的照片处理实际效果。例如，黑影实际效果的方位，薄厚，模糊不清度都务必一样。
　　7.造就一个你的网站独有的标记或标志。例如在一句连接前的一个点，能够 应用,.。☆※○◇□△→（区位码里自身查看）这些。尽管非常简单的一个转变，却给人不同寻常的觉得，(为何也没有想起呢？)
　　8.用自身设计方案的花边图，线框，点
　　9.展现你网址的殊荣和取得成功著作。
　　10.告知网民关于你的真人真事和念头。

　　设计风格的产生并不是一次精准定位的，你能结合实际持续加强，调节，装饰，直至有一天，网民们寄信对你说："我爱你的网站，因为它很有设计风格！"


　　● 艺术创意(idea)是网址存活的重要。这一点坚信大家都早已认可。殊不知做为网站设计师，最烦恼的便是沒有好的艺术创意来源于。

　　留意，这儿说的艺术创意就是指网站的总体艺术创意，(由于这一艺术创意而造成这一网站，或是同样的內容，发布的艺术创意不一样),网页页面的平面图创意设计我将在后面的版块合理布局小技巧里详细介绍。

　　艺术创意究竟是什么，怎样造成艺术创意呢？

　　艺术创意是扣人心弦，精彩纷呈十分，十分不意的；
　　艺术创意是捕获出去的好点子，是写作出去的奇招....
　　这种说法都讲出了艺术创意的一些特性，本质上，

　　○艺术创意是传达信息的一种尤其方法。

　　例如Webdesigner(网站设计师)，大家将在其中的E字母大写一下: wEbdEsigEr，觉得如何，这实际上便是一种艺术创意！

　　艺术创意并并不是奇才者的设计灵感，只是思索的結果。依据英国广告学专业专家教授勒布朗詹姆斯的科学研究，艺术创意思索的全过程分五环节：

　　1.分阶段--研究室收集的材料，依据旧工作经验，启迪新意；
　　2.孵化期--将材料咬合消化吸收，使观念随意发展趋势，随意融合；
　　3.启发期--观念发展趋势并融合，造成艺术创意；
　　4.认证期--将造成的艺术创意探讨调整 ；
　　5.发展期--设计方案设计网页，将艺术创意细化。

　　○艺术创意是将目前的因素重新排列。
　　例如，互联网与电話融合，造成IP电话。从这一点上考虑，所有人，包含我与你，都能够造就出非同凡响的艺术创意。并且，材料越丰富多彩，越非常容易造成艺术创意。就如同魔镜，筒内的玻璃镜片越多，所展现的图案设计越多。你假如有意能够 发觉，互联网上的数最多的艺术创意来源于与日常生活的融合(或是虚拟现实技术)，比如线上图书店，电子器件小区，网上拍卖。你是不是想起了一种更强的艺术创意呢？

　　艺术创意思索的方式最常见的是想到，这儿出示了网址艺术创意的25种想到案件线索：

　　1.把它错乱 2.把它变小 3.把色调换一下 4.使它更长
　　5.使它闪烁 6.把它放入歌曲里 7.融合文本歌曲绘画 8.使它变成年青的
　　9.使它反复 10.使它变为立体式 11.报名参加比赛 12.报名参加打赌
　　13.变动一部分 14.瓦解它 15.使它曼蒂 16.使它速率加速
　　17.提升香气 18.使它看上去时兴 19.使它对称性 20.将它向少年儿童需求
　　21.价钱更低 22.给它起个外号 23.把它装包 24.完全免费出示
　　25.之上各类拓宽组成
　　-------------(转载樊志育《广告制作》)

　　必须一提的是：艺术创意的目地是更强的宣传推广网址。假如艺术创意非常好，却对网址发展趋势毫无价值，如同给乳牛高跟鞋，那麼，大家宁愿舍弃这一艺术创意！

　　有关设计风格和艺术创意，能够 讲得也有很多。很感兴趣的网民能够 自身找一些广告创意设计层面的书阅读文章。期待文中能协助您对网站的设计有一个升级的了解和提升。感谢！


主页的设计方案

　在大家全方位考虑到好的网站的频道，连接构造和总体设计风格以后，大家就可以宣布动手能力制做主页了。
　　有那么一句俗话："优良的开始是取得成功的一半"。
　　在网站设计上也是这般， 主页的设计方案是一个网站取得成功是否的重要。大家通常见到第一页就早已对你的网站有一个总体的觉得。是否可以促进访问者再次点击查看，是不是可以吸引住访问者留到网站上，全靠主页设计的"功底"了。
　　因此，主页的设计方案和制做是肯定要高度重视和用心的。阿捷的工作经验是：一般主页设计和制做占全部制做時间的40%。你宁愿多花些時间在初期，以防出現所有搞好之后再改动，那将是最消耗活力的事。

　　这儿，先插一个“封面图”的难题。封面图就是指沒有主要内容，只放一个logo点击查看或是仅有简易的图形菜单的主页。
　　是不是必须为网站设计方案一个“封面图”？阿捷的个人见解是：没必要！
　　除非是你是很艺术类专业的网站，或是能够 相信內容与众不同，能够 吸引住访问者进一步点击查看的网站，不然得话，封面图式的主页并不会让你的网站产生什么好处。大家网上访问必须的是迅速，有使用价值的信息内容，假如等候xx分鐘，只显示信息出一个粗糙的“ENTER”标志，那麼坚信没人会再耐心等待进到下一页。

　　由于主页的必要性，阿捷将着器重８一篇文章来细心探讨相关主页设计的各个方面，大概大纲以下：

　　○版块合理布局的小技巧
　　○色调搭配
　　○字体样式的设定和报表的嵌套循环
　　○微小的地方见功底
　　○考虑到不一样的电脑浏览器和屏幕分辨率
　　○设计方案你要的banner和部位
　　○meta标识的必要性
　　○主页设计的小提议

　　今日，仅仅有关主页设计的一个因子。使我们来大概了解一下主页设计的流程。

　　主页，从源头上说便是整站內容的文件目录，是一个数据库索引。但仅仅列举文件目录显而易见是不足的，怎样设计方案好一个主页呢？一般的流程是：

　　●明确主页的程序模块
　　●设计方案主页的版块
　　●解决技术性上的关键点
　　
　　一).明确主页的程序模块。

　　主页的內容控制模块就是指你需要在主页上完成的具体内容和作用。一般的网站都必须那样一些控制模块：

　　网站名(logo), 广告条(banner), 主菜单(menu),
　　新闻报道(what's new), 检索(search), 友链(links),
　　邮件归档(maillist),电子计数器(count), 著作权(copyright).

　　挑选什么控制模块，完成什么作用，是不是必须加上别的控制模块全是主页设计最先必须明确的。
　　　
　　二).设计方案主页的版块

　　在程序模块明确后，刚开始设计方案主页的版块。就象积木游戏，每一个控制模块是一个企业乐高积木，怎样拼搭成一座漂亮的别墅，就看着你的艺术创意和想像力了。
　　设计方案版块的最好是方式 是：找一张白纸，一支笔，先将你理想化中的手稿刻画出去，随后再用网页设计手机软件完成。

　　三).解决技术性上的关键点　　
　
　　阿捷常常接到的信件难题便是：我制做的首页怎样能在不一样屏幕分辨率下维持不形变，怎样能在IE和NC下看上去都不会太丑恶，怎样设置字体和连接色调....这些,阿捷将在下面2~3篇文章内容里为大伙儿详解。

　　主页设计是全部网站设计的难题和重要，阿捷期待可以根据和大伙儿的沟通交流，小结出一套比较有效易懂的设计方法，进而举一反三，使大家可以更为轻轻松松的进行全部网站的制作。要是你愿意将你的体会心得和大伙儿共享，请信件ajie@soim.com,感谢！


版块合理布局的基本原理

　　设计方案主页的第一步是设计方案版块合理布局。
　　就象传统式的报纸杂志编写一样，大家将网页页面当作一张报刊，一本杂志期刊来开展排版设计合理布局。尽管动态网站技术性的发展趋势促使大家刚开始趋于学习培训情景导演，可是固定不动的网页页面版式设计基本仍然是务必学习培训和把握的。他们的基本概念是相通的，你能领悟关键点，举一反三。

　　版块指的是电脑浏览器见到的详细的一个网页页面（能够 包括架构和层）。由于每一个人的显示屏屏幕分辨率不一样，因此同一个网页页面的尺寸很有可能出現640*480清晰度,800*600清晰度,1024*768清晰度等不一样规格。

　　合理布局，便是以最合适访问的方法将照片和文本排污在网页页面的不一样部位。你很有可能注意到：“最合适”是一个不确定性的修饰词，哪些才算是最合适的呢？很抱歉的是阿捷不可以也不太可能给您一个详细的恰当的回答。就如同有些人期待了解成功秘诀是啥，成功人士只有建议用什么方法，哪些方式才可以最非常容易取得成功，而不太可能有一步取得成功的"窍门"告诉你。

　　我们在设计方案思索系列产品文章内容第四篇讲过网站总体的艺术创意，版块合理布局也是一个艺术创意的难题，但是比网站总体的艺术创意非常容易，有规律性的多。使我们先来了解一下版块合理布局的流程：

一.议案

　　在建网页页面就象一张白纸，沒有一切报表，架构和约定成俗的物品，你能尽量的充分发挥你的想像力，将你想起的"景色"画上来(大家建议用一张白纸和一支铅笔，自然用作图软件photoshop等还可以)。这归属于造就环节，不注重细致整齐，无须考虑到关键点作用，只用粗糙的线框描绘出艺术创意的轮廊就可以。尽你的很有可能多画多张，最终选中一个令人满意的做为再次写作的脚本制作。

二.粗略地合理布局

　　在议案的基本上，将你确定必须置放的程序模块分配到网页页面上。(注：程序模块我们在"主页设计-因子"中提及，关键包括网址标示,主菜单,新闻报道,检索,友链,广告条,邮件归档,电子计数器,版权信息等)。留意，这儿大家务必遵照突出主题、均衡协调的标准，将网址标示，主菜单等最重要的控制模块放到最醒目，最突显的部位，随后在考虑到主次控制模块的排污。

三.确定

　　将粗略地合理布局精细化管理，细化。（靠你的聪慧和工作经验，拐弯抹角多方面想到，才可以做出具备艺术创意的合理布局。）

　　在合理布局全过程中，我们可以遵照的标准有：

　　1、一切正常均衡---亦称"均匀"。常指上下、左右对比方式，关键注重纪律，能做到稳定诚信、信任的实际效果。
　　2、出现异常均衡---即非对比方式，但还要均衡和律动，自然全是不匀整的，此类合理布局能做到注重性、躁动不安性、高瞩目性的实际效果。
　　3、比照---说白了比照，不但运用颜色、色彩等方法来作主要表现，在內容上也可涉及到古与今、新与旧、贫与富等比照。
　　4、凝望---说白了凝望是运用网页页面中角色视野，使访问者模仿追随的心理状态，以做到凝视网页页面的实际效果，一般要用大牌明星凝望状。
　　5、空缺---空缺有二种功效，一方面对别的网址表明突显非凡，另一方面也表明网页页面品味的自豪感，这类主要表现方式 对体显网页页面的情调十分合理。
　　6、尽可能用照片讲解---此方法对不能用語言说动、或用語言没法表述的感情，尤其合理。照片讲解的內容，能够 传递给访问者的大量的心理障碍。
　　------------(转载广告大师樊志育《广告制作》)

　　之上的设计原理，尽管枯燥乏味，可是大家假如能领悟并活采用网页布局里，实际效果就大不一样了。例如，

　　○网页页面的白背景太虚，则能够 加些色快；
　　○版块零散，可以用线框和符号串连；
　　○左边文本过多，右边则能够 插一张图片保持稳定；
　　○报表太规定，能够 改成倒角试一下。

　　历经持续的试着和反复推敲，你的网页页面一定会靓丽起來的哦:)

　　看一下大家常常采用的版块合理布局方式：

　　1."T"构造合理布局。说白了"T"构造。是指网页页面顶端为横杠网址标示 广告条，正下方左边主导莱单，右边显示信息內容的合理布局，由于莱单条情况教深，总体实际效果相近英语字母"T",因此大家称作"T"形合理布局。它是网页制作选用的较广返的一种合理布局方法。(图略)
这类合理布局的优势是网页页面构造清楚，次序明晰。是新手最非常容易入门的合理布局方式 。缺陷是规定死板，假如关键点颜色上不留意，非常容易令人"看之无气味"。

　　2."口"型合理布局。这是一个形象的叫法，便是网页页面一般左右各有一个广告条，左边是主菜单，右边放友情链接等，正中间是具体内容。(图略)
这类合理布局的优势是灵活运用版块，数据量大(我的主页主页即归属于这类合理布局)。缺陷是网页页面拥堵，不足灵便。也是有将四边空出，仅用正中间的对话框型设计方案，比如网易壁纸站。

　　3."三"型合理布局。这类合理布局多用以海外网站，中国用的很少。特性是网页页面上横着两根图形，将网页页面总体切分为四一部分，图形中大多数放广告条。

　　4.对称性比照合理布局。说白了，采用上下或是左右对称性的合理布局，一半深棕色，一半浅 色，一般用以设计方案型网站。优势是视觉效果撞击力强，缺陷是将两一部分有机化学的融合较为艰难。

　　5.POP合理布局。POP取自广告宣传专业术语，是指网页布局象一张宣传海报图片，以一张漂亮图片做为网页页面的设计方案管理中心。常见于时尚潮流类网站，例如ELLE.com。优势不言而喻：好看吸引人。缺陷便是速度比较慢。做为版块合理布局還是非常值得效仿的。

　　之上小结了现阶段互联网上普遍的合理布局，实际上也有许多别具一格的合理布局，关键所在你的艺术创意和设计方案了。针对版块合理布局的方法，这儿出示四个提议，您能够 自身反复推敲：

　　1.提升视觉冲击
　　2.提升创意文案的可视性度和易读性
　　3.统一感的视觉效果
　　4.新鮮和个性化是合理布局的真谛

　　好啦，今日大家就探讨到这儿，续篇大家将再次主页设计的"色调搭配"篇，热烈欢迎大伙儿信件探讨。ajie@soim.com

网页页面的颜色

　　网页页面的颜色是塑造网址品牌形象的重要之一，色彩的搭配确是网民们觉得头痛的难题。网页页面的情况，文本，标志，外框，网页链接...，应当选用哪些的颜色，应当配搭哪些颜色才可以最好是的表述出预期的内函呢？阿捷这儿谈一些体会心得，期待对你有一定的启迪。
　　最先大家先来掌握一些颜色的基础知识：

　　1.色调是由于光的反射而造成的。

　　2.红，黄，蓝是三原色，其他的颜色都能够用这三种纯度对比而成。
　　　网页页面html語言中的颜色表述就是用这三种颜色的标值表明
　　　比如：鲜红色是color(255,0,0)十六进制的表明方式 为(FF0000)
　　　乳白色为(FFFFFF), 大家常常见到的"bgColor=#FFFFFF"是指背景颜色为乳白色。

　　3.色调分非五颜六色和五颜六色两大类。
　　　非五颜六色就是指黑，白，灰系统软件色。
　　　五颜六色就是指除开非五颜六色之外的全部颜色。

　　4.一切颜色都是有对比度和清晰度的特性，特性的转变造成不一样的色彩，因此最少能够 制做几百万种颜色。

　　网页设计用五颜六色还是是非非五颜六色好呢？依据技术专业的科学研究组织研究表明：五颜六色的记忆力实际效果是黑与白的3.5倍。换句话说，在一般状况下，五颜六色网页页面较彻底黑与白网页页面更为吸引人。
大家一般的作法是：具体内容文本用非五颜六色(灰黑色)，外框，情况，照片用五颜六色。那样网页页面总体不简单，看具体内容也不会头晕眼花。

　　●非五颜六色的配搭

　　黑与白是最基础和非常简单的配搭，白字黑色底图，白底黑字都十分清楚一目了然。
深灰色是全能色，能够 和一切五颜六色配搭，还可以协助二种对立面的颜色和睦衔接。假如你确实找不到适合的颜色，那麼用深灰色试一下，实际效果绝对不会很差。

　　●五颜六色的配搭

　　颜色千姿百态，五颜六色的配搭是大家科学研究的关键。大家仍然必须进一步学习培训一些颜色的专业知识。

　　一.色盘。

　　大家将颜色按"红->黄->绿->蓝->红"先后过多渐变色，就可以获得一个颜色环。
　　色盘的两边是暖色调和寒色，之中是中小型色。(如下图)

红.橙.橙黄色.黄.黄绿色.绿.翠绿.绿蓝.蓝.蓝紫.紫.紫红色.红
|___________| |____| |_________| |_________|
| | | |
暖色调 中性化系 寒色系 中性化系

　　二.颜色的心理状态觉得。不一样的色调会给访问者不一样的心理状态体会。

　　鲜红色---是一种激奋的颜色。刺激性实际效果，能让人造成不理智，恼怒，激情，魅力的觉得。
　　翠绿色---接近冷热两中颜色的正中间，看起来和谐，平静，身心健康，安全性的觉得。
　　它和金黄色，淡白配搭，能够 造成雅致，舒服的氛围。
　　橘色---也是一种激奋的颜色，具备欢快，欢悦，热情，温暖，时尚潮流的实际效果。
　　淡黄色---具备开心，期待，聪慧和欢快的个性化，它的色度最大。
　　深蓝色---是最具清凉，清爽，技术专业的颜色。
　　它和乳白色混和，能反映顺滑，素雅，烂漫的氛围(象天上的颜色:)
　　乳白色---具备雪白，轻快，童真，清理的体会。
　　灰黑色---具备低沉，神密，静寂，可悲，压抑感的体会。
　　深灰色---具备中等，普普通通，柔和，礼让，保持中立和优雅的觉得。

　　每个颜色在对比度，清晰度上稍微转变便会造成不一样的觉得。以翠绿色为例子，浅绿色有青春年少，充沛的视觉效果诗意，而深蓝色则看起来幽宁，阴深。

　　○网页页面色彩的搭配的基本原理

　　1.颜色的鲜明性。网页页面的颜色要艳丽，非常容易引人注意。
　　2.颜色的特有性。要有不同寻常的颜色，促使大伙儿对你的印像明显。(参照设计方案思索第二篇网址CI的规范颜色一节)
　　3.颜色的适合性。就是颜色与你表述的內容氛围相合适。如用粉红色反映女士网站的软性。
　　4.颜色的想到性。不一样颜色会造成不一样的想到，深蓝色想起天上，灰黑色想起夜晚，鲜红色想起大喜事等，挑选颜色要与你网页页面的内函关联。

　　○网页页面颜色把握的全过程

　　伴随着网页设计工作经验的累积，大家色彩搭配有那样的一个发展趋势:纯色->五彩缤纷->主色调->纯色。一开始由于技术性和专业知识欠缺，只有制做出简易的网页页面，颜色单一；在有一定基本和原材料后，期待制做一个好看的网页页面，将自身搜集的最漂亮的图片，最令人满意颜色堆积在网页页面上；可是時间一长，却发觉颜色杂乱无章，沒有个性化和设计风格；第三次重新定位自身的网址，挑选好紧密结合自身的颜色，发布的网站通常较为取得成功；当最终设计构思和技术性做到巅峰时，则又返璞归真，用单一颜色乃至非五颜六色就可以设计方案出简约精致的网站。

　　○网页页面色彩的搭配的方法
　　文章内容写到这儿，有着急的网民要问了：“究竟用哪种色彩的搭配漂亮呢？你能不能强烈推荐几类色彩搭配？”别着急，这里有一点方法，能够 协助你快速变成色调高手:)

　　1.用一种颜色。这儿就是指先选中一种颜色，随后调节清晰度或是对比度，(说得通俗化些便是将颜色变浅或者加重)，造成新的颜色，用以网页页面。那样的网页页面看上去颜色统一，有质感。

　　2.用二种颜色。先选中一种颜色，随后挑选它的邻近色(在photoshop里按ctrl shift I)。我的主页用蓝色和黄色就这样明确的。全部网页页面颜色丰富多彩但不用稍。

　　3.用一个色调。简易的说便是用一个觉得的颜色，比如淡蓝色，浅黄，浅绿色；或是姜黄色，土灰，土蓝。明确颜色的方式 每个人不一样，我是在photoshop里按前景色框架，在跳出来的拾色器窗中挑选"自定"，随后在"色库"选中就可以了:)

　　4.用灰黑色和一种五颜六色。例如大红色的字体样式配灰黑色的外框觉得很"跳"。

　　在网页配色中，避讳的是：
　　1.不必将所有颜色都采用，尽可能操纵在三种颜色之内。
　　2.情况和上文的比照尽可能要大，(肯定不能用纹路繁杂的图案设计作情况)，便于突显关键文本內容。

　　好啦，今日阿捷就为大伙儿讲到这儿了，此外The Open Road网址为大伙儿出示了一张网页页面基础配色表，是十分有使用价值的材料，赶紧储存一页吧！

　　(http://best.163.com/~sinclair/chinese/teach/color/color1.htm)

　　下一次大家再次探讨“字体样式和报表”，有好的体会心得，请信件！

　　各位好！，网页制作思索频道今日再次第八讲。大家之前探讨了主页设计的版块合理布局和色调搭配，今日大家来谈一谈字体样式。
　　●字体样式(Font)的设定是网页设计初学者碰到的第一个难题。怎样操纵文字大小，怎样取消超链接字体样式的下横线是网民信件问得数最多的。好，大家来完全科学研究一下字体样式的各个领域：
　　○字段名的设置。

　　在查询html文档原代码时，大家常常能够 在文件头<head>和</head>中间见到那么一句编码：
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　这一段编码的功效是什么呢？是不是能够 删掉呢？
　　实际上它是meta标识的设置句子，是给电脑浏览器看的。它的功效便是告知电脑浏览器：这一HTML文档是选用gb2312字段名制做的。当电脑浏览器读到这一编码，便以gb2312字段名来表述和翻译网页原代码，随后大家就可以见到恰当的网页页面。因此这一meta句子是十分关键的，尽 量不必
删掉。
　　gb2312便是大家最了解的GB接下来码，英语是iso-8859-1字段名。其他也有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字段名，各自用以不一样的字体样式显示信息。
　　○字体样式的应用。
　　在网页页面里，字体样式的界定句子是：<font face="Arial">显示信息文本</font>
　　在其中Arial便是一种字体样式的名字。
　　默认设置的电脑浏览器界定的规范字体样式是简体中文宋体字和英文times new Roma字体样式。换句话说，假如你沒有设定一切字体样式，网页页面将以这二种规范字体样式显示信息。另外，着二种字体样式还可以在一切电脑操作系统和电脑浏览器里恰当显示信息。
　　windows此外内置了40多种多样英文字和5种字体样式。这种字体样式，你也能够 在网页页面里随意应用和设定。但凡应用windows电脑操作系统的电脑浏览器都能够恰当显示信息这种字体样式，但在其他电脑操作系统里，如unix 则不可以完全的正确显示信息。
　　假如你必须用一种独特的字体样式来反映你的设计风格，那麼怎么让大伙儿能够 真实见到你的设计方案网页页面呢？处理的方法是：用照片。
　　将必须用这种字体的地区用照片替代，以确保任何人见到的网页页面是同一实际效果。 　　○字体样式的款式(style)。
字体样式的款式有四种：正常体(regular),斜体字(Italic),粗字体(Bold),粗斜体字(Bold Italic)。设定方式 非常简单，阿捷就很少啰嗦了。
　　○字体样式的实际效果。
　　这儿指根据html語言设置能够 立即
如没特殊注明，文章均为酷站科技原创,转载请注明来自http://www.bjkuzhan.com/jianzhanzhishi/3482.html