网站设计分为几个步骤.docx

网站设计分为几个步骤 怎样才能设计一个好的网站？一个合格的网页设计师可以将自己设计的网站在修改或者升级过程变成一件很简单的事情，经过一个合格的网站设计师之手的网站一定有高度的灵活性和可维护性。网站设计的流程是什么样的呢？ 网站设计流程一：确定风格 网站的风格通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的，还是清新秀丽的;是温文儒雅的，还是执着热情的;是活泼易变的，还是墨守成规的。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。 网站设计流程二：搜集素材 查找并收集有关的文字、图片、声音、影像等素材，并对所收集的素材进行整理、处理。 网站设计流程三：网站布局 首页页面：首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。 首页导航：网站导航可以看做是对网站内容的分类把网站的内容进行细分方便用户跟据个人需求选择浏览相应栏目页面。 首页内容：页面的内容布局需先对网站的用户群体进行需求分析把用户关注最多的内容放置在首页的最重要位置。一般按照用户的浏览方式页面内容布局按照内容重要程度由左上到右下进行布置。 网站设计流程四：LOGO设计 怎样设计logo是许多网站设计师比较头疼的事情，在设计之前要进行基本的调研分析，也就是对该企业做全面的调查，然后就是要挖掘所需要的素材，最后就是进行设计开发了，这也是最重要的一步，只有经过反复的推敲修改，才能设计出令人满意的标志。 网站设计流程五：导航设计 在设计导航之前，要充分的分析用户需要什么？从导航的有效性、实现度和利用率来设计导航。 网站设计流程六：banner设计 在设计banner之前，要和客户沟通一下他们想在banner上突出什么重点，然后有针对的展现banner上的内容。当我们确定重点之后，banner的色彩搭配要明亮干净要与整个页面相协调。 网站设计流程七：友情链接设计 设计网站的友情链接要考虑一下网站优化的问题，链接一定不能是滚动的，因为滚动的链接没有人交换，最好是在底部一一列出来。网页设计制作过程中的注意事项一、页面的规划：一篇文章要有主题，主题越明确，内容就会有深度，还要有中心思想，不能跑题。一个页面在规划的时候也一样，主题要集中，各个版块相关性要强，还得体现丰富，这个页面才会显得专业并且丰富，否则填写内容就会“神散”。主要体现在：1主导航醒目清晰，突出重点导航清晰了，无论从用户体验还是搜索引擎收录方面都有很大意义。用户浏览页面层层深入不会迷失其中，也能及时返回想回的位置；蜘蛛爬虫也是按航线走的，不是东边抓一点，西面也来一块。2主栏目要显眼，一目了然根据人的视觉习惯，先上后下，先左后右的原则，网页在设计的时候就要遵守原则。上边占一个页面的多少，中间留多少，下边又要剩多少；左边放什么留多大地方，中间是多少，右边又是多少，都是有科学依据的，不是随便放置的。这样规划出来的页面用户肯定喜欢。3主要栏目链接多，引起重视最终页面联于子栏目，子栏目要与主栏目相联，主栏目是根，就像一棵树，枝繁叶茂说明根深蒂固，一定是棵好树，网站也同样，跟主栏目链接的越多，主栏目出现的机会也就越多。蜘蛛爬虫也会重视这个页面，用户也会更多的点击这个页面。总之，页面在规划的时候要有的放失，该醒目的地方就突出下，重点的地方就重复几次。二、制作注意事项：1注意页面体积页面不能太大了，太大了下载速度慢，一是会影响用户的体验，二是蜘蛛爬虫也会觉得累，包括图像在内的网页字节数，最好不要超过50K。2忘记框架结构框架结构（帧结构）从营销的角度上讲，主要问题在于不能为每个网页都设置一个标题（TITLE），更为糟糕的是，有些搜索引擎对框架结构的页面不能正确处理，会影响到搜索结果的排列名次。所以一般情况下，尽可能不采用框架结构。现在一般网站都是采用表格定位的网页设计。3丢掉特效链接我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过JavaScript实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉这些花哨的东西。4放弃FLASH动画到目前为止搜索引擎对FLASH还不感冒，好的FLASH可以满足视觉感观，除此外就没什么优点了，文件大，打开速度慢是用户离开网站的主要原因。5不用图象区块ImageMaps，很多搜索引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。如果说上面都是诗内功夫，下面就从诗外功夫说起一个页面要想在搜索引擎中获得好的排名，更快的营销页面的话，除在设计、制作的时候就要重视、创造完高质量的内容后，还有要注重高质量的链接即导入链接，内容中的内部链接。导入链接搜索引擎在决定一个网站的排名时，不仅要对网页内容和结构进行分析，还围绕网站的链接展开分析。网站内部链接是搜索引擎排名主要因素之一!网站内部文件之间的链接情况如何，会影响网站的整体质量。网站内部链接处理的恰到好处，会提示网站整体的PR值，关键词排名。网站内部链接处理过度，会引擎搜索引擎的处罚！一、内部链接布局，应该考虑一个重要的因素，相关性。调用任何信息都要以相关性为主，相关性越高，页面的质量就越高。内部链接的布局，首先要考虑的就是相关性，在各个页面调用相关文章。二、内部链接时效性，在页面上调用每天最新的网页信息。加快新网页的收录速度以及更新旧网页的信息。网页的基本元素包括1.网站Logo 2.网站banner 3.导航栏 4.文本 5.图象 6.多媒体1、logo的尺寸大小国际上规定的标准的广告尺寸有下面八种，并且每一种广告规格的使用也都有一定的范围。一、120120，这种广告规格适用于产品或新闻照片展示。二、12060，这种广告规格主要用于做LOGO使用。三、12090，主要应用于产品演示或大型LOGO。四、125125，这种规格适于表现照片效果的图像广告。五、23460，这种规格适用于框架或左右形式主页的广告链接。六、39272，主要用于有较多图片展示的广告条，用于页眉或页脚。七、46860，应用最为广泛的广告条尺寸，用于页眉或页脚。八、8831，主要用于网页链接，或网站小型LOGO。其中关于网站的LOGO，目前有三种规格：1.88*31这是互联网上最普遍的LOGO规格。2.120*60这种规格用于一般大小的LOGO。3.120*90这种规格用于大型LOGO。logo常用尺寸：88*31；120*60；160*60；180*60；自定义尺寸banner常用尺寸：468*60；自定义尺寸；通栏banner三折页广告：标准尺寸:(A4)210mmx285mm普通宣传册：标准尺寸:(A4)210mmx285mm文件封套：标准尺寸:220mmx305mm招贴画：标准尺寸:540mmx380mm挂旗：标准尺寸:8开376mmx265mm4开540mmx380mm手提袋：标准尺寸:400mmx285mmx80mm信纸、便条：标准尺寸:185mmx260mm210mmx285mm正度纸张：7871092mm开数(正度)尺寸单位（mm）全开78110862开5307603开3627814开3905436开3623908开27139016开195271注：成品尺寸=纸张尺寸修边尺寸大度纸张：8501168mm开数(正度)尺寸单位（mm）全开84411622开5818443开3878444开4225816开3874228开290422注：成品尺寸=纸张尺寸修边尺寸常见开本尺寸(单位：mm)开本尺寸：787x1092对开：736x5204开：520x3688开：368x26016开：260x18432开：184x130开本尺寸(大度)：850x1168对开：570x8404开：420x5708开：285x42016开：210x28532开：203x140正度纸张：7871092mm开数(正度)尺寸单位（mm）全开78110862开5307603开3627814开3905436开3623908开27139016开195271注：成品尺寸=纸张尺寸修边尺寸大度纸张：8501168mm开数(正度)尺寸单位（mm）全开84411622开5818443开3878444开4225816开3874228开290422注：成品尺寸=纸张尺寸修边尺寸16开大度：210285正度：1852608开大度：285420正度：2603704开大度：420570正度：3705402开大度：570840正度：540740全开大：8891194小：7871092名片：横版:90*55mm85*54mm竖版:50*90mm54*85mm方版:90*90mm90*95mmIC卡：85x54MMbanner常用尺寸：468*60；自定义尺寸；通栏bannerLOGO的国际标准规范为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有国际标准规范全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px另外120*90，120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K由于网络页面和显示器目前的设定网站LOGO大小规定为88*31而企业或者组织的LOGO通常不限定大小至于Banner也是有相关尺寸规定的;另:网站LOGO设计规范LOGO的应用一直是CIS导入的基础和最直接的表现形式，其重要性是不言而喻的，网络标识的设计尤其如此。一、标识的职能：作为独特的传媒符号，标识（LOGO）一直成为传播特殊信息的视觉文化语言。具信，最早的符合CIS精神的标识实例，是2433年前陪葬我国楚地的曾侯乙的一只戟上的曾字型图标。无论从古时繁复的欧式徽标、中式龙文，到现代洗练的抽象纹样、简单字标等都是在实现着标识被标识体的目的，即：通过对标识的识别、区别、引发联想、增强记忆，促进被标识体与其对象的沟通与交流，从而树立并保持对被标识体的认知、认同，达到高效提高认知度、美誉度的效果。作为时代的前卫，网络LOGO的设计，更应遵循CIS的整体规律并有所突破。二、网络LOGO设计的基本应用原理：在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理，应该是将其他的任何设计原理如：主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理，正确地应用于设计的完整表现。统一也可解释为，共通以上所述各原理，而更高、更概括、更综合的原理。构成LOGO要素的各部分，一般都具有一种共通性及差异性，这个差异性又称为独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原理。统一在各部分之中的要素中，有一个大小、材质、位置等具有支配全体的作用的要素，被称为支配。精确把握对象的多样统一并突出支配性要素，是设计网络LOGO必备技术因素。网络LOGO所强调的辨别性及独特性，导致相关图案字体的设计也要和被标识体的性质有适当的关联，并具备类似风格的造型。记得最近EASTECHO的网友论坛重新开张之时，就有小魔女对论坛的LOGO表示了异议，一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较大背离，并与整个网站LOGO缺乏联系，从而产生认知的歧义。不过作为充斥英文LOGO的浪子网站，做了中文LOGO尝试，算个突破吧。网络LOGO设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动，在任何方面的张力不足的情况下，精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象，是少做无用功的不二法门。不考虑国情和用户的认识水平，对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO，很容易被看作是骗钱的。三、网络LOGO的表现形式：作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能，一般是通过特示图案及特示文字的组合，达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。表现形式的组合方式一般分为特示图案，特示字体，合成字体。1、特示图案：属于表象符号，独特、醒目、图案本身易被区分、记忆，通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体关联LOGO的国际标准规范为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有三种规格：1.88*31这是互联网上最普遍的LOGO规格。2.120*60这种规格用于一般大小的LOGO。3.120*90这种规格用于大型LOGO。象素不是固定的啊一般性LOGO都是矢量图片制成，所以并没有象素的说法。网上出现的LOGO都是72精度如果用于印刷就是300精度因为是矢量制成，所以想要多大的精度就有多大的精度2、Babber的尺寸大小横幅广告（Banner）文件大小：gif:14K/swf:16K广告尺寸：468*60像素广告位置：页面顶部按钮广告（Button）文件大小：gif:6K/s