网站计划都包括甚么

网站计划，包括的内容非常多。大要分两个方面：



一方面是网站的延长计划，包括网站的主题定位和浏览群的定位，智能交互，制作筹谋，抽象包装，宣传营销等等。



另外一方面是纯网站本身的计划比如笔墨排版，图片制作，平面计划，三维平面计划，静态无声图文，静态有声影象等；



这两方面相反相成(感触熏染有点象写辨证论文：)，加上搜集手艺的飞速平息，要提出一个绝对正确和权势巨子的计划思绪是不或者的，要想在一篇文章中归结综合出来也很难，以是阿捷依据拔擢一个网站的思绪，将本身几年来网站计划制作的心得整顿成一个系列“讲座”，奉告给大家(注重：我其实不会非常详细地讲某一个手艺或制作技术，重点在于思绪)愿望能给您一些帮忙。下面是大抵的提要：



1.定位你的网站CI抽象；

2.定位你的网站主题和称呼；

3.网站的团体气概派头创意计划

4.必定你的栏目和版块；

5.首页的计划

6.网站的层次布局和链接布局

7.版面布局的诀窍

8.色采的搭配

9.结果与速度

10.替浏览者思量

11.渺小之处见功力

12.拔擢完成度与推出时候

13.交互性与亲和度

14.思量不合的浏览器和分辩率

15.字体的设置和表格的嵌套

16.熟手在行艺的应用弃取

17.计划好你的banner和职位

18.对网站计划初学者的创议

19.语句笔墨--融入豪情



以上是本“系列”文章的提要，会依据实际撰写气象作些更动。每礼拜一篇。我们动部下手之前，起首清楚几个前提：



一．在文章中，或者举例说明或点评到某些详细站点。起首说明，阿捷不存在为任何站点作告白的“怀疑“。



二．网站计划与网站制作。我们说网站“计划”而不是网站“制作”，它们的鉴别在于计划是一个考虑的过程，而制作只是将考虑的成果表示出来。一个成功的网站起首需求一个优良的计划，然后辅之优良的制作。计划是网站的核心和魂灵，一个沟通的计划能够有多种制作表示的体式花式。



三．我们说的“网站”是指有必定主题和清楚目的的合用性站点，不包括纯表示类或者纯笔墨类网站。



好了，空话少说，我们进入正题：



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



一：定位你的网站主题和称呼



计划一个站点，起首碰着的成绩就是定位网站主题。

所谓主题也就是你的网站的题材。搜集上的网站题材光怪陆离,满目琳琅。只需你想的到，就能够把它制作出来。下面是美国《小我私家电脑》杂志(PC Magazine)评出的99年度排名前100位的全美闻名网站的十类题材，对我们有一些参考价格。

第1类：糊口/时兴

第2类：网上求职

第3类：网上谈天／立即信息/ ICQ

第4类：网上社区／批评辩论 / 邮件列表

第5类：较量争论机手艺

第6类：网页/ 网站开拓

第7类：文娱网站

第8类：观光

第9类：参考 /资讯

第10类：家庭/教导



每一个大类都能够连气儿细分，比如文娱类再分为体育 /片子/ 音乐大类，音乐又能够按花式分为MP3，VQF，Ra，按表示形式分古典，古代，摇滚等。以上都只是最罕见的题材，另有很多专业的，另类的，怪异的题材能够遴选，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交织连系能够产生新得题材，歧旅游服装论坛t.vhao.net(旅游+批评辩论)，典范入球播放(足球+影视)按这样分下去，题材能够有不计其数个，你不会再为题材反复，难以遴选而懊恼了吧:)



关于题材的遴选，我的创议是：



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不是指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.必定网站的团体气概派头创意计划



　　明天我们起首来批评辩论“必定网站的栏目和版块”。



　　网站的题材必定后，信任你已搜集和结构了很多相关的材料内容。你必定觉得这些都是最好的，必定能接收网友们来浏览网站。但是你有没有将最好的，最接收人的内容放在最凸起的职位呢？有没有让好工具在版面分布上占绝对上风呢？



　　我瞥见很多小我私家主页的栏目(主菜单)其实不是这样的。举个例子：有一个以供给动画素材为主题的站点，它的主栏目是：关于站长，本站导航，动画宝库，本站服装论坛t.vhao.net，本站留言本，联系站长。首页上写着本站网址和版权说明(竟然另有将本站设为首页字样)。最重要的，最接收人的动画素材在主栏目里占1/6，在首页上一字没提。我想即使这个站点确实有大批的，精彩的动画素材，也很难接收浏览者连气儿挖掘。



　　栏目的本质是一个网站的纲目索引，索引应该将网站的主体清楚表现出来。在制定栏目的时候，要仔细思量，合理安排。浅显的网站栏目安排要注重以下几方面：



　　1.必定记着要紧扣你的主题！

　　浅显的做法是：将你的主题按必定的方式分类并将它们作为网站的主栏目。歧下面的例子，能够将栏目分为植物动画，标志动画，三维动画，卡通动画等，在首页上标明比来更新的动画。记着：主题栏目个数在总栏目中要占绝对上风，这样的网站显的专业，主题凸起，轻易给人留下深入印象。



　　2.设一个比来更新或网站指南栏目

　　假如你的首页没有安排版面安排比来更新内容信息，就有需要设立一个“比来更新”的栏目。这样做是为了照料常来的访客，让你的主页更有兽性化。



　　假如你的主页内容巨大(凌驾15MB)，层次较多，而又没有站内的搜刮引擎，创议您设置“本站指南”栏目。能够帮忙初访者快速找到他们想要的内容。



　　3.设定一个能够双向交换的栏目

　　不需求很多，但必定要有。比如服装论坛t.vhao.net，留言本，邮件列表等，能够让浏览者留下他们的信息。有查询访问评释，供给双向交换的站点比简略的留一个"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创立目次，但是哪个更清楚，更便于影象和管理呢？明显是前者！



　　随着网页手艺的不休平息，使用数据库或者其他背景按次主动天生网页越来越普遍，网站的目次布局也势必奔腾到一个新的布局层次。



　　二.网站的链接布局



　　网站的链接布局是指页面之间相互链接的拓扑布局。它创立在目次布局底子之上，但能够逾越目次。抽象的说：每一个页面都是一个流动点，链接则是在两个流动点之间的连线。一个点能够和一个点毗连，也能够和多个点毗连。更重要的是，这些点其实不是分布在一个平面上，而是存在于一个平面的空间中。



　　●我们研讨网站的链接布局的目的在于：用起码的链接，使得浏览最有效率。



　　浅显的，创立网站的链接布局有两种底子体式花式：



　　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下看起来都不至于太漂亮，怎样设置字体和链接色彩....等等,阿捷将鄙人面几篇文章里为大家详细先容。



　　首页计划是悉数网站计划的难点和关键，阿捷愿望能够经由过程和大家的交换，总结出一套较为合理易学的计划方式，从而触类旁通，使我们能够加倍轻松的完成悉数站点的计划制作。假如你甘愿将你的心得体味和大家分享，请来信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/%7Esinclair/chinese/teach/color/color1.htm)



　　下次我们连气儿批评辩论“字体和表格”，有好的心得，请来信！



　　大家好，网页计划考虑栏目明天连气儿第八讲。我们前次批评辩论了首页计划的版面布局和色采的搭配，明天我们来谈谈字体。

　　●字体(Font)的设置是网页制作熟手在行碰着的第一个难点。怎样控制字体巨细，怎样勾销超链接字体的下划线是网友来信问得最多的。好，我们来完全研讨一下字体的各个方面：

　　○字符集的设定。



　　在检查html文件原代码时，我们经常能够在文件头