网站设计的基本步骤有哪些

1、进行用户调研,确定网页的内容(主体):确定下网站的名称什么,也就是确定我们要做的究竟是一个什么样的网站;确定好名称主题,用户要表现的什么样的主要内容,即用户的意图,用户想要从那个侧面来表现他的主题。

2、设计网页栏目及组织结构:网站结构一般包括了三种,即层状结构、线性结构、Web结构(网状结构)。

层状结构:层状结构类是似于目录系统的树型结构,从网站文件主页开始,依次划分成一级标题、二级标题等等,逐级细化,直至提供给浏览者具体的信息;

线性结构:线性结构类是似于数据结构中的线性表,用于组织本身的线性顺序形式存在的信息,可引导浏览者按部就班地浏览整个网站文件。这种结构一般都用在意义是平行的页面上。通常情况下,网站文件的结构是层状结构和线性结构相结合的。这样可以充分利用两种结构各自的特点,使网站文件既具有条理性、规范性,又可同时满足设计者和浏览者的要求;

Web结构:Web结构类似于Internet的组成结构,各网页之间形成网状连接,允许用户随意浏览。

3、准备素材:收集与整理相关资料

4、界面设计:根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构

5、网页排版(页面实现):根据所设计的界面进行网页排版。

6、网页测试与发布:网页测试包括功能性测试和完整性测试两个方面。所谓功能性测试就是要保证网页的可用性,达到最初的内容组织设计目标,实现所规定的功能,读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确,链接准确,无差错无遗漏。深圳龙岗网页设计培训提醒您如果在测试过程中发现了错误,就要及时修改,在准确无误后,

方可正式在Internet上发布。网页设计好,必须把它发布到互连网上,否则网站形象仍然不能展现出去。发布的服务器可以是远程,也可以是本地。

7、网页推广与维护:网站建成之后,随后的工作就是进行推广。网站如果不进行推广,就容易成为信息的孤岛,长期没有多少人访问,渐渐地失去了建站的意义。

第一步:创建一个画布

首先,打开photoshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900,当然这些设置可以在后期增加。

第二步:应用渐变

既然我们的画布已经创建了,是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为edd8af背景色为ede4c9.这个颜色用来表示盒子的颜色。

第三步:添加纹理

我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层,颜色填充为bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点,我们给它应用一点高斯模糊效果。

以下就是我们应用这些效果后背景图层看起来的效果。

第四步:导航条设计

顶部的导航区域部分我们放置了一条条状的带子。我们可以看到这种带状风格在很多网站都有应用,不过我们这里用到的有一点不同。由于BoxedArt想要将这个设计看起来像用来发送邮件的盒子。为了创建这个导航条我们需要从上下载一个带状的图片,使用自由变换工具(在编辑菜单下选择自由变换或者快捷键CTRL+T)沿着顶部的区域伸展开来。接下来创建透明效果我们要把图层样式设置为线性加深。

第五步:老邮票导航按钮

停留在盒子主题,我们要让这个导航按钮看起来有点破旧磨损邮票。为了达到这种效果列,我们需要一张老邮票(还是在上下载)。下载后第一步是描出邮票的路径,从背景中提出来,邮票上依然有图像。为了覆盖邮票上的图像,我们用一张黄色的纸张粘贴在上面也就是添加一个纹理效果。

下一步,我们要给导航按钮添加一些颜色来区别各种不同类的导航,我们在邮票上添加一些装饰花纹效果,在你完成创建好颜色盒子后,我们把这个层的样式修改为线性加深以便颜色能与老照片混合在一起。然后我们增加另一个新层自上而下颜色为黑白我们给这个图层添加胶片颗粒艺术效果设置如下,最后我们把图层设置为正片叠底,把这个不透明度设置为60%。

第六步应用导航按钮到导航条上

现在我们已经创建好了几个不同颜色的邮票按钮,是时候来完成最后header部分的准备工作了,把导航按钮应用到导航条上,我们通过给每个导航按钮应用由mathilde设计的Sketchyicons图标来添加一些手写效果。这些icon图标是放置在每个颜色盒子,并调整了中心图标的位置。同样的步骤把icon应用到每个邮票上去。

下一步,对每个邮票使用自由变换工具(CTRL+T),将他们调整不同的朝向给他们一种拍打的效果。这一步后,我们切换到文字工具,每个分类使用一种手写字体。这里我用到的是“LovedbytheKing”.最后我们的导航条就完成了。

第七步开始顶部介绍区域

首先创建一个新层(CTRL+SHIFT+N)在工具栏中选择矩形选框工具。现在在页面上创建一个矩形使用白色来填充。这块区域将被用来当做一张白纸。

好了我们已经完成白色纸张部分了,在白纸图层下面创建另一个新层然后填充黑色,这个将用来创建阴影。完成之后我们转到滤镜>模糊>高斯模糊半径设置为6.5.之后把这个层的不透明度设置为20%,向右移动5pixels。然后添加主要的文字,这样的话短语”SimplifyandSave”会被用到,位于顶部纸张部分。

现在你看在白纸下面有阴影,但是纸张并不是粘在哪里的。所以我们在纸张的一边来添加一些胶带,如先前的教程一样,我们在另一边添加了一个邮戳来保持画面的平衡。在你的纸张完成后,我们选择一些手写字体来添加一些文字。看起来的话想事包裹上的信息。最后加亮这些图层按下CTRL+T自由变换工具,角度设为-1.5degrees使它看起来更加具有真实效果。

第八步贴上一个便签

我们使用了一个便签设计来分开空间来介绍我们网站的优惠注册信息。这个在整个盒子主题上运用的非常好,设计这样一个便签效果需要创建另一个新的图层,选择钢笔工具使用钢笔工具来绘制一个方形区域。

在你完成之后转到路径面板,按住CTRL键点击路径图层,接着你会看到方形区域已经载入选区了,之后使用前景色fffb78背景色fffcd1从左上角到右下角绘制渐变。你将会看到这样一个熟悉的黄色便签纸形状。

第九步

现在我们需要再一次添加阴影效果,给这个便签纸添加深度,所以创建另一个新层(CTRL+SHIFT+N)。过程如之前给白纸创建阴影差不多,但是是将不透明度设置为40%。你需要变换一下阴影来创建一种倾斜效果,轻微的拖动一下。

第十步给便签纸添加内容

下一步,给便签纸添加一些文字,在我们的便签纸中我们要添加一些加入等按钮,为了创建相似的按钮首先我们绘制一个盒子使用绿色填充,然后添加一个蒙板选择一种grudge笔刷。下一步遮住按钮的一些部分看起来就像破损一样,这就是我们创建邮戳的效果。

第十一步卷曲胶带纸标题

我们转到body的内容部分。在这个设计中,我们要创建2栏和一些图标。我们使用的是已经有的图标因为我们喜欢这种手写效果包括HandyIconsandSketchyicons.。在body开始的区域我们要一个标题栏用来罗列我们网站的内容。我们把这个header部分做成卷曲效果。至于说到透明胶带我们使用的来自bigstockphoto的图片。为了增加胶带的深度,我使用矩形选框工具来选择胶带的一些区域。在选中选区后我们复制这个图层按下ALT+SHIFT向左边移动,然后在向右移动一下使它看起来显得长一些。为了避免缝隙的产生我们使用图章工具里拼合这些缝隙。

第十二步预览下的小图标

BoxedArt网站的内容区域包含很多网页模板的预览。创建这种效果我们需要选中矩形选框工具创建一个小的矩形,然后使用颜色123057填充。这些按钮我们只要复制第一个图层,移动它到第一个图层下面,设置这个图层的透明度这里我们设置的为40%。重复同样的步骤处理余下的按钮。

第十三步使用针脚线来分开这些区域

为了分开这些主要的分类,为了创建这些虚线我们可以文字工具角度为90,把这些图层的样式设置为叠加,为了使这些显眼点我们只需复制这个图层2-3次至于颜色多深取决于你自己。

第十四步填充额外的内容

添加剩下的内容就非常简单了,我们只需使用直线工具来分开每个部分,在添加些图标和文字,这里我们用到的是一种干净的字体HelveticaCondensed,。

第十五步—底部广告部分

我们已经到了底部放置广告部分了,这里的带状条将会再一次应用起来,使用先前有的图片作为起点,下一步,我们要使用圆角矩形工具,前景色设置为白色半径为5px。接着我们需要在设置一些小的圆角矩形,颜色设置为f8f7f3边框用深灰。你可以在下图的图层样式中设置边框(就是一种描边效果)。

第十六步公告部分

公告部分我们采取的是和header部分相似蒙板的方法,当然还有订阅新闻通讯等区域也是这样的方法,就像纸张粘上去的一样。首先我们给header部分添加一种厚纸张效果,这个和body部分的方法基本一样。至于内容部分,选中矩形选框工具在右下角绘制小盒子颜色填充为f9e5a6。完成按下CTRL-D取消选区,在选择加深工具,笔刷大小设置为35pixels加深棕色盒子的边角区域。

最后我们把图层的不透明度设置为60%再双击图层在图层样式中添加一些阴影效果,参数设置,然后在添加一些内容。

第十七步网页底部

到了我们创建底部的部分了,首先我们使用矩形选框工具,在页面上选择下图这样一个区域,使用颜色462d0f填充,选择直线工具绘制一条直线颜色设置为a05d18。

到了底部的分类部分了,我们要又一次绘制一个大的选框,颜色填充为472a0b,图层的不透明度度设置为78%,接着创建另一个图层颜色填充为fffcd1。下一步添加胶片颗粒效果最后把图层的不透明度设置为30%图层样式为正片叠底。

最后我们只需重复我们在footer部分的操作或者复制图层把它移到底部,这样你就可以添加内容了。看下下面的预览图,是否有些启示列,希望你喜欢。

1、网页设计前期调研阶段

网页设计前期调研阶段是进行网站界面设计制作流程所必须经历的,调研工作充分与否,决定着整个决策设计方案定位的正确性,与其他设计准备工作一样,要以公司企业为主,从客观角度入手,包括市场角度、消费角度、地域角度、竞争对手角度和资金投入角度等进行准备和策划。

2、网站界面设计创意风格定位

网站界面设计要通过独特的视觉传达系统来吸引浏览者的注意,从而使特定的信息得以准确迅速的传播。在完成调研分析之后,对网站界面的风格和表现形态进行定位,是选择简约还是古朴、时尚还是端庄、典雅还是个性等;色调是纯色调还是灰色调、高明调还是低暗调,是运用对比色系还是同色系等,在表现形态上是选择采用构思巧妙的静态界面、变幻莫测的三维效果,还是互动性较强的交互式动态网页等。

3、网站界面设计制作阶段

经历了以上的两个网页设计制作流程,接下来就到了网站界面设计的制作阶段,按照企业网站所设定的整体视觉以及网页界面创意设计定位策略的引导下进行设计制作工作。设计制作应努力做到企业或网站标志的统一,网页的色调与企业的标准色、辅助色的和谐延续,形式与内容的整体统一;任何一个不符合整体风格的界面设计就需要删去,一切分散浏览者注意力的图形、线条、可有可无的“装饰”都应该适当摒弃,让构成网页整体设计的元素与传播的内容进行有机地融合。

4、网页界面发布调试阶段

其实完成好以上这些步骤就意味着网站界面设计制作工作已经进行到了最后阶段,那就是将网站界面发布出去,而设计出来结果是否成功,就取决于网站用户的浏览体验的感受,在发布后的运行过程中再适当的调整,在经过这一系列流程后,网站界面设计制作工作就算完成。

易用性规范

2.001常用按钮要支持快捷方式。

2.002完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

2.003界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。

2.004界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

2.005分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

2.006默认按钮要支持Enter和选操作，即按Enter后自动执行默认按钮对应操作。

2.007可写控件检测到非法输入后应给出说明并能自动获得焦点。

2.008 Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。

2.009复选框和选项框，按选择几率的高底而先后排列。

2.010复选框和选项框要有默认选项，并支持Tab选择。

2.011界面空间较小时使用下拉框而不用选项框。

2.012选项数较少时使用选项框，相反使用下拉列表框。

2.013根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业词汇;用户为儿童：这可以语气亲切和蔼;老年用户则应该成熟稳重。

2.014鼠标为不可点击状态时显示箭头，可点击状态显示手型;系统忙时显示沙漏形状

规范性规范

2.015菜单前的图标能直观的代表要完成的操作。

2.016工具栏要求可以根据用户的要求自己选择定制。

2.017系统常用的工具栏设置默认放置位置。

2.018工具箱要具有可增减性，由用户自己根据需求定制。

2.019状态条要能显示用户切实需要的信息，常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。

2.020滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。

2.021状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。

2.022菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。

2.023工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。

帮助规范

2.024帮助文档中的性能介绍与说明要与系统性能配套一致。

2.025打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。

2.026在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

2.027用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。

2.028如果没有提供书面的帮助文档的话，最好有打印帮助的功能。

2.029在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

合理性规范

2.030与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。

2.031对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。

2.032非法的输入或操作应有足够的提示说明。

2.033对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。

2.034提示、警告、或错误说明应该清楚、明了、恰当。

2.035提交失败后必须保存用户已经输入的内容，以便修改后再次提交。

美观与协调规范

2.036长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。

2.037布局要合理,不宜过于密集，也不能过于空旷，合理的利用空间。

2.038按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。

2.039按钮的大小要与界面的大小和空间要协调。

2.040避免空旷的界面上放置很大的按钮。

2.041放置完控件后界面不应有很大的空缺位置。

2.042字体的大小要与界面的大小比例协调。

2.043前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等。

2.044如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。

2.045界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。

2.046如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

2.047色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符。

2.048颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试。

2.049使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。

菜单设计规范

2.050菜单通常采用"常用--主要--次要--工具--帮助"的位置排列，符合流行的Windows风格。

2.051常用的有"文件"、"编辑"，"查看"等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。

2.052下拉菜单要根据菜单选项的含义进行分组，并按照一定的规则进行排列，用横线隔开。

2.053一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。

2.054没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头，不常用的靠后放置;重要的放在开头，次要的放在后边。

2.055如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。

2.056菜单深度一般要求最多控制在三层以内。

2.057对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式——即只有需要的菜单才显示——最好。

2.058菜单前的图标不宜太大，与字高保持一直最好。

2.059主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。

2.060主菜单数目不应太多，最好为单排布置。

独特性规范

2.061安装界面上应有单位介绍或产品介绍，并有自己的图标。

2.062主界面，最好是大多数界面上要有公司图标。

2.063登录界面上要有本产品的标志，同时包含公司图标。

2.064帮助菜单的"关于"中应有版权和产品信息。

2.065公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

安全性规范

2.066应当注意尽可能避免用户无意录入无效的数据。

2.067采用相关控件限制用户输入值的种类。

2.068当用户作出选择的可能性只有两个时,可以采用单选框。

2.069当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。

2.070当选项特别多时，可以采用列表框，下拉式列表框。

2.071在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的操作。

2.072对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。

2.073对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。

2.074对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。

2.075对错误操作最好支持可逆性处理，如取消系列操作。

2.076在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。

2.077对可能造成等待时间较长的操作应该提供取消功能。

2.078特殊字符常有;;'"><,`'、"["{、\|｝]+=)-(_*&&^%$#@!~,.。?/还有空格。

2. 079与系统采用的保留字符冲突的要加以限制。

2.080读入用户所输入的信息时，根据需要选择是否去掉前后空格。

2.081有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

输入项规范

2.082必输项中不可为空，不可输入空格

2.083必输项给出必输项标识(*)。

2.084非必输项字段，Null插入数据库时不会出错，在数据库中设置默认值

2.085日期显示格式一致;或提供固定格式的选择。

2.086输入区域输入特殊字符，插入数据库时不出错或提示不允许输入特殊字符。

2.087英文输入不区分大小写，不可输入汉字、数字及特殊字符

2.088数值字段只能输入+，—，0~9及功能键(BackSpace光标)。数值不能为负数。

2.089单行文本框/多行文本框;长度合适，可以容纳相应文字，但不能超过数据库该字段长度，最好将可以输入的最大字符数标在旁边。建议单行文本框中当输入的字符超过一定长度时再输入无效;对于多行文本框给出最大字符数标识

2.090附件;可正常添加符合格式的附件;附件可正常打开和保存，附件名较长时可正常操作;直接输入错误的附件地址，保存时应给出提示信息;附件打开和保存到本地时，文件名要显示原文件的文件名。

2.091密码输入;在需求中定义密码是否允许为空或空格;密码是否允许特殊字符;是否区分大小写，密码的可输入长度;程序中应给出文字说明密码的可输入长度。

网站界面设计应遵循的原则主要有以下几个：

1、用户导向原则

设计网页首先要明确到底谁是使用者，要站在用户的观点和立场上来考虑设计网站。要作到这一点，必须要和用户来沟通，了解他们的需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，他们的能力各有不同。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别，设计出的网页在不同的机器上显示就会造成混乱。

2、简洁易操作原则

KISS原则就是"Keep It Sample And

Stupid"的缩写，简洁和易于操作是网页设计的最重要的原则。毕竟，网站建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆积很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超过10秒钟；尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有的内容和服务都在显眼处向用户予以说明等。

3、布局控制

关于网页排版布局方面，很多网页设计者重视不够，网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：

(1)Miller公式。一个人一次所接受的信息量为 7±2

比特。这一原理被广泛应用于网站建设中，一般网页上面的栏目选择最佳在5～9个之间，如果网站所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。

(2)分组处理。上面提到，对于信息的分类，不能超过9个栏目。但如果你的内容实在是多，超出了9个，需要进行分组处理。如果，你的网页上提供几十篇文章的链接，需要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个，如微软公司的网站，共有11个栏目，超过了9个。

4、视觉平衡

网页设计时，也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理，图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。

例如，你的很多的文字是采用左对齐〈Align=left〉，需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些Banner广告或导航条，而页脚部分通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。

同时，也决不能低估空白的价值。如果你的网页上所显示的信息非常密集，这样不但不利于读者阅读，甚至会引起读者反感，破坏该网站的形象。在网页设计上，适当增加一些空白，精炼你的网页，使得页面变的简洁。

5、色彩的搭配和文字的可阅读性

颜色是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光，是一种快活的颜色;黑颜色显得比较庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。

为方便阅读网站上的信息，可以参考报纸的编排方式将网页的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体(Arial，CourierNew，Garamond，Times

NewRoman，中文宋体)最易阅读，特殊字体用于标题效果较好，但是不适合正文。

6、和谐与一致性

通过对网站的各种元素(颜色、字体、图形、空白等)使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，网站的众多单独网页应该看起来像一个整体。网站设计上要保持一致性，这又是很重要的一点。

一致的结构设计，可以让浏览者对网站的形象有深刻的记忆;一致的导航设计，可以让浏览者迅速而又有效的进入在网站中自己所需要的部分;一致的操作设计，可以让浏览者快速学会在整个网站的各种功能操作。破坏这一原则，会误导浏览者，并且让整个网站显的杂乱无章，给人留下不良的印象。

当然，网站设计的一致性并不意味着刻板和一成不变，有的网站在不同栏目使用不同的风格，或者随着时间的推移不断的改版网站，会给浏览者带来新鲜的感觉。

7、个性化

(1)符合网络文化

整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在网站上使用幽默的网络语言，创造一种休闲的、轻松愉快、非正式的氛围会使网站的访问量大增。

(2)塑造网站个性

另外，网站的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业文化，进而形成风格。

转载请注明：片头模版 » 网站界面设计(网站界面设计应遵循的几个原则)