躁设计 | 6个网页设计技巧，让你快速成为建站大神!

网页设计制作技巧

网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的一致性，并于主页呼应。下面是我整理的网页设计制作技巧，希望对你有帮助!

一、页面平铺

把页面平铺开，主要的物件有：导航栏、LOGO、Banner、按钮、图片、文字。

1.导航栏

导航栏如果设计得恰到好处，是会给网页本身增色很多。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。

2.LOGO

LOGO并不是每个网站多要有的，他是网站为了给大家一个比较直观的信息的表达工具。LOGO的位置通常在页面的左上角。这个地方最明显和直观，可以第一时间给人于默化的效果网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。

3.BANNER(广告条)类型

Banner设计注意点：Banner有动态和静态两种。在浏览网页的.过程中，虽然闪烁的图案会产生瞬间记忆刺激，引起注意，但这种记忆往往为压迫性的，久之易产生负面效应，从而模糊记忆。而稳定的画面不易引发特殊的关注，但如果有良好的界面引导和内容，可产生良性的记忆，持久而牢固。设计要点：Banner的文字不能太多，用一两句话来表达即可广告语要朗朗上口，可以第一时间的让人捕获表达的重点图形无须太繁杂，文字尽量使用黑体等粗壮的字体，否则在视觉上很容易被网页其他内容淹没图形尽量选择颜色数少，能够说明问题的事物如果选择颜色很复杂的物体，要考虑一下在低颜色数情况下，是否会有明显的色斑尽量不要使用彩虹色、晕边等复杂的特技图形效果，这样做会大大增加图形所占据的颜色数，增大体积。

4.按钮

按钮设计要点：设计按钮要同页面的整体协调，不能太抢眼有的页面很单调，还要依靠花哨的按钮来提一下选用的字体，选用的插图，或插图及字体搭配，都要考虑字迹清楚，色彩简单一些，不要超过四种很长的按钮可能就是框架的分界，尽量要纤细一些，否则页面会显臃肿。

5.图片

为了美化页面，图片是任何一个页面都要用到的，图片的运用要合理。图片运用要点：图形的主体最好清晰可见图形的含义最好简单明了图片内所含文字应该清晰容易辨认背景与主体明度对比比例应为3∶1到5∶1之间为宜淡色系列的背景有助于整体和谐淡色材质背景最佳，能与主题分离之浅色标志或文字背景亦可。

6.文字

文字也是设计的。设计要点：每一行文字的长度最好20到30个中文字(40到60个英文字母)行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读标题以H1到H3字号为佳，内文Font size=3到4级为佳同版面字型最好在三种以内文字的颜色最好也是三种以内文字在颜色上要与背景区别内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达此效果表格或清单内的字运用相同字型与字体大小，以利辨别。

二、整体规划

有共性，才有统一，有细节区别，就有层次防止设计与实现过程中的偏差设计的各部分，要配合整体风格不仅页面上各项设计要统一，而且网站的各级别页面也要统一信息不要太过集中，以免文字编排太紧密不要有太多分散注意力的点。动态闪烁要适中页面留白部分，要根据平面设计原理来设计，注意分栏式结构不宜留白还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片。

三、功能易用性

导航栏应最先调入，以便访客快速前往所需信息空间页面长度要短，使得用户在信息空间内可迅速移动导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver8.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .

非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的

任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量

的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的

亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设

计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然

而就现状上来看，这类网站有粗制滥造的嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有

几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对

设计者的美工水平要求较高。

当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘

了最重要的一点，那就是客户的要求，它也属于设计的任务。

明确了设计的任务之后，接下来要想的就是如何完成这个任务了。二、设计的实现设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在

纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里

面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页

面的不同位置。

除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，

只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该

能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、

Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。

接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都

是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计

是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色

了。四、造型的组合在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一

个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要

素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配

来构造整个页面的。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、

交叉、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应

根据具体情况，选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让

观者在感受美的过程中领会设计的主题，从而实现设计的任务。

造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上

的各种元素有机的组织起来，它甚至还可以引导观者的视线。三、色彩的运用色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红

色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，

显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和

平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感

觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们

的作品更贴近现实。

色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一

个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水

平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如

绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、

淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配

则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应

尽量使用网页安全色。

但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经

验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和

对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目

的视觉效果。五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的

原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中

切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表

现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯

，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了

然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不

仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归

纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与

直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、

聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线

条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传

达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。　六、网页的优化在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速

度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，

颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，

我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低

，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切

成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们

把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优

化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、

高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来

定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取

网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个

子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等

待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面

表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要

少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果

单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源

代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们

将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳

浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题

即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能

够从整体着眼，无愧于“设计”这两个字。顺便说一下，本文只代表本人个人观点，仅

供参考。对于网页的框架与定位,这个是很难说得清楚的,这要看你在做网站时,对网站的

规划,并不能一并而论的,如果你没有这方面的经验,就多多在网上看看别人是如何设计

的吧,是非常的用的,可以把他们给抓下来,做个图库,方便自己设计其实看看一些设计精良的网页，会对自己有很大的作用，

把别人的网页下载下来，再用相关的软件，进行分析，

可以学到许多的东西的，是一种快捷的学习方法，

但决不是COPY我认为首要的是突出主题

一个好的网站(个人的只能算做网页)最首要的是突出你的主题,在别人搜索或访问时首

先就看有没有自己所需要的内容,要么就直奔主题.然后再在主题鲜明的基础上做好框架

设计.一个好的网站要做到层次分明,结构合理,让人一看就能明白你想要表达的中心思

想是什么,以及怎样才能以以最快的速度找到自己想要的内容.这两个主要问题解决后再

在一些细节上加以润色,就能制作出赏心悦目的网站.

您好！很高兴为您解答:一、初学者的网页制作软件

1、Microsoft FrontPage，操作界面和Word比较类似，可以很容易上手；

2、Netscape编辑器；

3、Adobe Pagemill的一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便；

4、Claris Home Page；

二、中级网页制作软件

1、DreamWeaver，自制动态HTML动画的网页；

2、Fireworks；

3、Flash；

4、HotDog Professional，可以制作要加入多种复杂技术的网页，HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择；

5、HomeSite，是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite更适合那些比较复杂，页面内容比较多的设计，不过由于功能比较多，上手会比较慢；

6、HotMetal Pro，制作具有强大数据嵌入能力的网页，HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况；

三、高级网页制作软件

1、Microsoft Visual Studio，适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户；

2、Jbuilder，不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户；

3、还可以使用记事本进行编写各种HTML代码、CSS代码、JS代码和各种动态脚本的工作，最后制作出网页。

希望我的回答对你有所帮助！望采纳

了解网页设计的类别，网页设计包括功能型网页设计、形象型网页设计、信息型网页设计。学习网页设计时，首先要对你所设计的网页类型有所了解，从而根据自己的目的，合理选择不同的网页策划、设计方案

时刻牢记网页设计的工作目标，要注意使用更合理的颜色、字体、图片、样式，对网页页面进行美化，在有限的网页功能下，最大限度地给用户提供更好的视觉体验

掌握网页设计的基本理论，先从html语言学起，可以选择学习html5

如果你想学习静态网页制作，要先学习一些常用的工具软件，如photoshop,flash，fireworks,dreamweaver，javascript等

如果你想学习动态网页制作，在以上学习基础上，还要学习php

学习相关知识时，要根据一本教材，在网上选择优秀的教学视频加以学习，同时一定要多动手实践，熟能生巧，只有先掌握了最基本的制作技能，以后才能结合具体的实例有效的创造、创新，做出好的网页作品

具备以上基础之后，在创建网页进入实战时，要养成良好的设计习惯，做好用户需求分析，完成网页功能策划，完成页面策划和交互功能，美化页面，根据用户反馈优化设计，交付使用。

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计