旅游网页该如何设计模板

旅游网页该如何设计模板制作旅游网页模板可不是一件简单的事情,需要考虑到的因素非常多,包括前期的规划建设以及后期的改进,所以旅游网页设计模板必须要选择专业的人士来进行设计。

在设计旅游网页模板之前,我们首先要明确设计的目的是什么以及主题是什么,才能确定设计的方向,旅游网站设计需要达到两个目的,第一个是美观大方提高游客浏览体验。第一个目的则是展示商品,促进游客购买,完成最终转化。虽然需要满足两个不同的要求,但都是一个事物的两个不同的方面,即满足游客的某种需求促成购买。

当然,不同的旅游模块业务有不同的旅游网页模板设计技巧,当然,大多旅行社他们都是综合的业务。所以综合旅行社的网页设计应该首先考虑到将产品呈现完全,包括线路、酒店、攻略、租车等,还有导航模块,尽量照顾到游客的实际需求,满足不同的游客的需求。

还有就是主题类旅游网页设计的技巧。比如说酒店类旅游网页制作就要符合酒店的特色风格,明确主体业务,就是房间的预订,还包括一系列的在线流浪、房间展示、在线预订、在线支付、以及用户中心的设计十分重要,好的酒店网站是明确而又简洁的。能够快速帮助游客完成订购操作。

很简单,首先你要做的是整理你的个人网页,有几个子页,一个主页是如何链到其他子页上,子页和子页的链接关系,在根据这些来制定你的网页,一般可以做为框架式,就是网页上面部分和左面部分不改变,链接时只改变右变的部分,可以节省跳转时间。

网页风格尽量以简单的色调为主,不要有三种以上颜色混合出现,这是我的个人风格,你可以用很多软件搭配着用,看你自己了。

第一、明确你要做什么类型的站,手里有什么资料。在纸上画好大体轮廓。

第二、细化这个网站各个部分。如:背景色要什么颜色、为整个网站定调

即主要用什么颜色,如健康站就用绿色。那个部分要实现什么功能细化这些功能。最重要的是

找到那个地方的信息是要经常变动的,这个地方时模板的核心。

第三、做好这些,用PS做效果图吧。一定要计算好

各个部分的宽度。然后再切图。

第四、把网页按效果图

建好

第五、保存为模板,选择好可编辑区。什么是可编辑区!

这个就是你为什么做模板的,这个编辑区是里面的内容任意

复制这个模板

其他所有的地方都不能修改

,但是这个区域是可以任意修改的。以后变动模板,所有用这个模板制作的页面都会变动。

具体操作

在这里是文字不能说明白的

,再说了你也没有给悬赏分。只好花十分钟回答你的问题了。

摘要：网站制作，通俗的来说就是网站通过页面结构定位，合理布局，文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的用HTML（标准通用标记语言下的一个应用）方式展示出来。网站怎么制作设计好？下面小编就来介绍一下网站制作的基本步骤和设计。网站制作软件有哪些1、Dreamweaver就目前来说，使用最多的静态网站的制作工具有dreamweaver，软件直接百度就可以找到并下载了。

经过重新设计的uidreamweaver更加的好用。

它默认支持代码模式和设计模式，也可以两种模式同时打开，方便即时的查看网页效果。

因为高度集成化，使用它来编写静态网页是非常的方便。

2、WebStorm毋庸置疑的是，webstorm用来进行网页的前端开发是非常好用的。

它适用动态网页的开发。

3、Frontpagefrontpage是早前微软的产品，目前已经停止更新了。不过它比较简单，轻便，如果你不是太了解网页，并且你的电脑还能够安装这个软件。可以尝试使用它来制作网页。

当然它和dreamweaver一样，适用于静态网页。

注意：据说frontpage不支持win10系统。

4、HBuilderHBuilder非常好用的html5ide。使用它来编写JavaScript简直如行云流水。最重要的是，它是个人免费使用的，不像上面的软件需要授权收费。

它可以为你自动调节屏幕的颜色，保护你的眼睛。

多种语言支持：php、jsp、ruby、python、nodejs等web语言

5、WampServerWampServer用于一键启动各种PHP后端服务器，Mysql数据库等服务。

不需要你重新安装这些软件，也不需要太复杂的配置。

如果你是创建PHP的动态网页这个软件是必不可少的。

6、visualstudiovisualstudio是微软开发并且程序员使用比较多的软件，可以用于C/C++，C#等等软件的开发。

如果你想要编写aspnet动态网页，也可以使用这个软件进行开发。

7、eclipseeclipse是基于Java编写的程序ide，安装之前需要安装jdk并配置好环境变量。

如果你以为eclipse只能写写java,c,c++的，那么你就错了。

同样的它支持python，php等脚本语言的开发，并支持绑定浏览器调试。

同样：eclipse是免费使用的。

优秀的网页设计模板免费网页模型

在参考阶段，免费的网页模型往往是初学者的首选。毫不犹豫，我们为大家奉上一批免费的网页模型案例，拿走不谢！

1、Amcharts-工具类网页模型

参考点：登陆界面设计

下载地址：http://docmockpluscn/wp-content/uploads/2018/04/Amchartszip

该网站模型的原型是Amcharts公司开发的JavaScriptCharts，是兼容性好的JavaScript、HTML5图表开发工具，能满足大部分的开发需求。

此模板中有Products，Download，Support，Buy，Demos等5个页面，网站设计采用了悬浮导航栏和footer的效果，可用于订单购买，登陆，图标展示等网页界面设计参考。

2、Dribbble-设计类网页设计模型

参考点：多资源多链接页面布局

下载地址：http://docmockpluscn/wp-content/uploads/2018/04/Dribbblezip

Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群的社区网站。作为设计平台类的佼佼者，此网页设计模板很好的展示了如何处理多资源多链接，图文结合，图文链接的网页排版模式，是一个非常值得学习和参考的优秀模板。可以参考的页面有：主页、设计师页面、找工作页面等。

3、BBC-新闻类网页设计模型

参考点：信息排版布局

下载地址：http://docmockpluscn/wp-content/uploads/2018/04/BBCzip

BBC是英国最大的新闻广播机构，属于新闻类的网站，所以网站没有过多花哨的内容，网站布局以信息排版为主。可以参考的页面有：主页、新闻页面、天气页面、视频页面等。

4、Shopify-电子商务类网页设计模板

参考点：电子商务信息布局

下载地址：http://docmockpluscn/wp-content/uploads/2016/12/Shopifyzip

作为一个典型的在线电子商务平台，Shopify不仅仅只是提供专业的电子商务网站建设服务，同时也开展基于社交网络的电子商务，即卖家通过Shopify在Facebook、Pinterest、Twitter等几个主流社交网络平台上就可以开店。

此网页模型主要展示了登录页面、主页、销售方法页面、价格页面、博客页面等。是制作电子商务类网站必看的模板之一。

5、edX-教育类网页设计模板

参考点：列表视图布局

下载地址：http://docmockpluscn/wp-content/uploads/2017/01/edX1zip

edX是一家在线课程提供商，为世界各地的学生提供了各种学科的在线大学课程，其中也包括一些免费的课程。整个网页模板设计元素以组件和文字组件为主，逻辑清晰，简明直观。

主要页面有：主页、课程列表页面、课程详情页面、程序页面、关于页面。此模板适用于教育机构网站或在线课程类网站。课程介绍页面的设计思路尤其值得学习。

6、Pexels-素材类网页设计模板

参考点：瀑布流设计

下载地址：http://docmockpluscn/wp-content/uploads/2018/04/Pexelszip

Pexels是一个高清下载服务站点，为用户提供海量共享素材的网站，每周都会定量更新。网站首页采用悬浮设计，将菜单栏和底部栏都是悬浮在固定位置，内容区域滚动。首页排列采用瀑布流的方式，多滚动。包含的页面有：浏览页，下载页，注册页，登陆页。

PSD透视网站模型

拥有透视效果的网站设计模型可以让你从不同角度展示你的设计布局，让你的设计看起来更像真实的产品，而不是静态的模型。

7、PerspectiveWebsiteMockup

参考点：等距角度切换

下载地址：https://dribbblecom/shots/1507002-Perspective-Website-Mockup

该透视网站模型是个简单的模型，可以在一个透视展示中展示你的作品。这个PSD模型允许你在一个等距的角度切换设计。无论您是否需要一个页面或更多的页面，您都可以更改模板中的视图数量。

8、PerspectiveWebsitePSDMockup

参考点：智能物体改变侧面外观、背景

下载地址：

https://graphicrivernet/item/perspective-presentation-web-mockup-09/19342170ref=slidesmash

此案例以绝佳的独特视角演示了网页设计模板，多样化的图层设计和让人眼前一亮的视觉体验使整个设计充满了高级感。通过智能对象改变背景，即可自动透视。

9、TheScreensPerspectivePSDMockups

参考点：支持阴影、尺寸调整

下载地址：https://dribbblecom/shots/4034063-Freebie-The-Screens-Perspective-PSD-Mockups

TheScreens是一个Behance和Dribbble上的设计师们用来展示他们的项目的免费PSD模型模板。高分辨率的视觉效果使其极具现代风格。作为一个智能PSD网站透视图，您可以轻松地将自己的设计添加到智能图层中，轻松实现阴影、尺寸的调整、屏幕编辑，以及自定义背景。

10、Misocial_FreeWebsitePSDMockupTemplate

参考点：智能元素+谷歌字体

下载地址：https://dribbblecom/shots/3400116-MISOCIAL-Free-PSD-Template

MISocial是一个免费的音乐网站类PSD模板，在Behance上深受好评，获得大量分享。它可以帮助很多人更轻松，更快地创建新网站。

“我们精心制作了7个网页，其中包含对开发新网站至关重要的元素。这些图像都是免费的，并包含在智能对象中。我们使用的字体是免费的Google字体。”

11、FreeIsometricWebsiteMockup

参考点：等距透视

下载地址：https://dribbblecom/shots/2819112-Free-isometric-mock-up-for-website-1280x720px

这个网站模型旨在以优雅、独特而有吸引力的方式展示您的Web截图。这个模型由等距的Smartobjects组成，这样您就可以将您的独特设计结合到2个模型中。这个模型有一个透视图，并且文件是通过智能对象分层的，也就是说你可以通过自己定制页面的元素来使用模板。

12、PerspectivePresentationWebMockup

参考点：主题定制

下载地址：

https://zippypixelscom/product/mockups/perspective/superb-free-perspective-website-mockup/

这个模型可以提供关于你的网站设计中的一个视角的特写。该模板的分辨率达到了3000×2000px，可以完全分层的智能对象和多变的背景，便于你定制不同的主题。它还包括一个预先设计好的模板，以帮助你快速入门。

网站模型设计工具这部分的内容主要是回答如何设计出优秀的网页模型。关于这个问题，主要是取决于网页模型设计工具的选取。作为前期工作，网页模型设计可低保真，也可高保真，可快速设计，也可慢工出细活。以下，为大家整理几个好用的网页模型设计工具。

1、Mockplus-简单快速的网页模型设计工具

作为一款桌面端的网页设计工具，Mockplus在原型/线框设计方面也同样具有出色的表现。较其他在线网页模型设计工具而言，Mockplus不仅仅是擅长于静态模型的制作，在交互设计方面也尤其独特的无法比拟的优势。

其最新发布的格子和数据自动填充功能针对多图文的网页布局案例来说十分便捷，例如Dribbble。设计师设计者可以快速填充：姓名、日期、文本（句子或段落）及邮箱等文本类型，常用的头像（写实/卡通）、办公、美食及其他多种多样主题的高清。为设计师省去了大量的查找素材的时间。

2、Moqups-在线网页模型设计工具

Moqups是一个非常好的、免费的HTML5应用，通过它可以创建朴素的线框图、实体模型和UI概念图。该程序使用起来非常简单，内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。缺点在于它只能制作静态的网页展示，不能在实际演示中进行动态的操作。

3、Mockingbird-在线网页模型设计工具

Mockingbird是另一个流行的基于网络的线框应用程序，其中包含了一些功能强大的功能，用于链接和分享您的网页模型。Mockingbird允许您使用拖放编辑器快速创建界面。

1、 经典韩国网站模版下载21款

http://wwwsoooglcom/html/2006/11/28/1625-0htm

IDC类Flash超酷模版,LG韩国公司网站模版,爱的归宿主题模板,超级女生服饰赞选购_韩国模板,超级女性化妆品销售模板,超可爱的韩国网站,超酷Flash动物园模版,超酷Flash设计公司模版,出行酒店预订_韩国模板,春天情侣游玩版_韩国娱乐模板,度假村客房,别墅等服务介绍_韩国网站模板,房地产商务型网站_韩国网页模板

2、 经典韩国网页模版下载（2）19款

http://wwwsoooglcom/html/2006/11/28/1629-0htm

公园式的企业交友网站_韩国模板，FLASH旅游景点画廊网站模板，韩国某网娱公司首页模板，音乐唱片公司网页模板，新盈设计个人主页模欧洲某公司网站模板板三，欧洲某公司网站模板，清风型模板二，白色主题模板，美国博士集团公司首页模板，建筑艺术设计_韩国模板，绿色背景孩子主题_韩国商务模板，韩国婚纱摄影类网站模版

3、 经典韩国网页模板25款，（3）

http://wwwsoooglcom/html/2006/11/29/1635-0htm

周末娱乐消遣_韩国网页模板,幼儿园网站_韩国模板,儿童假日休闲娱乐_韩国模板,韩国儿童教育类网站模版三,女性健身服饰销售_韩国女性模板,清风型模板一,新盈设计个人主页模板二,新盈设计个人主页模板五,韩国黑色主题门户网站模板,超酷时尚服装

4、 经典韩国网页模板17款（4）

http://wwwsoooglcom/html/2006/11/30/1641-0htm

5、 经典韩国网页模板49款（5）

http://wwwsoooglcom/html/2006/12/02/1658-0htm

6、 经典韩国网站模版49款,经典韩国网页模板49款（6）

http://wwwsoooglcom/html/2006/12/02/1659-0htm

网页设计需要什么软件？

既然是网页设计，Photoshop自然是必须的。在写代码之前，我经常用photoshop来完成网站内页的渲染。学习Photoshop不是最终目的，更需要的是了解一些视觉层面、设计理论、交互设计方面的知识，避免一些常识性的错误。

2掌握Dreamweaver软件

了解HTML和CSS的前期代码，掌握Dreamweaver是一个网页设计师的标准。DW是第一套专门为专业网页设计师开发的可视化网页开发工具。新手强调设计，忽视代码所见即所得是很有必要的。

3illustrator软件，CorelDRAW处理

可能会用到矢量图，提取一些素材，同事之间的协作。CorelDRAW软件也是一样。

4后效软件

可以用来制作网页需要的一些动画效果，可以导出为mp4、swf等格式。可能有人会想到用flash，但是我感觉用Flash有点过时了，不用再学了。

用什么工具画软件架构设计图？

1、MicrosoftOfficeVisioOfficeVisio是office软件系列中的负责绘制流程图和示意图的软件，是一款便于IT和商务人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件。

2、ProcessOn是一款网页版的在线作图工具，优点是无需下载安装、破解这些破事，同时支持在线协作，可以多人同时对一个文件协作编辑，而且上手比较容易，它提供很多流程图模版，可以方便的画出流程图、思维导图、原型图、UML图。

3、OmniGraffleOmniGraffle可以用来绘制图表，流程图，组织结构图以及插图，也可以用来组织头脑中思考的信息，组织头脑风暴的结果，绘制心智图，作为样式管理器，或设计网页或PDF文档的原型。只能于运行在MacOSX和iPad平台之上。

4、亿图是一款基于矢量的绘图工具，包含大量的事例库和模板库。可以很方便的绘制各种专业的业务流程图、组织结构图、商业图表、程序流程图、数据流程图、工程管理图、软件设计图、网络拓扑图等等。

5、AxureRPAxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

怎么下载网站里的ppr模板？

方法是，首先打开浏览器，然后输入官方网站模板，点击下载软件安装包，下载好了就打开文件，选择ppr模板就可以了。

国外优秀设计网站，几个国外优秀平面设计网站？

10个国外较优秀的UI设计网站。作为设计师，除了要有庞大的素材库，要保持高度的行业敏锐度，得到第一手行业资讯，还要不断地学习充电。通过它们，你就能每天收到设计行业最新的相关资讯，包括行业动态、设计作品、创意灵感以及素材等等。1、UIparade:灵感UI设计目录网UIparade:灵感UI设计目录网是一个致力于设计师UI设计作品分享的网站，提供世界是最有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具。

2、MaterialUp:创意UI设计灵感分享网MaterialUp:创意UI设计灵感分享网是一个致力于移动应用和网站程序、概念设计作品展示的网站，每周都会更新最新收录的创意设计，帮助设计师们寻找极富灵感思维的设计作品，设计没思路？没灵感？那么你就赶紧订阅这个网站吧。

3、HudsandGuis:科幻UI界面分享博客HudsandGuis:科幻UI界面分享博客是一个致力于分享**里的科幻类UI界面设计的站点，我们都看过钢铁侠系列的**，对于里面的带有浓厚未来科技理念的UI界面设计有着强烈的视觉冲突，该博客就是分享此类的UI界面设计资源。

科技UI界面是从国外的科幻**里衍生出来的新设计理念，这样的UI设计拥有超前的想象力和极简的设计元素，是提醒未来科技发展的最佳创意思维，越来越多的科幻**采用了这样的视觉展示资源，让**里的未来气息更加浓厚，如果你喜欢此类UI设计的话，不妨多关注这个博客网站，你会收到到很多超酷的UI资源。

4、Mantia:苹果UI设计网mantia。me是一个苹果手机UI设计站点，网站提供免费的icon和桌面以及UI设计下载和使用。网站作者曾经是iTunes团队人之一，参与了iTunes图标的设计。5、AndroidDesign:安卓UI设计网安卓系统的UI界面总比不上IOS的优秀和炫丽，很多手机控对安卓的UI一直建议非常多，这不谷歌Android团队也看不下去了，终于宣布推出安卓UI指导性质的网站:AndroidDesign:安卓UI设计网。

该网站上有很多资料，其中包括一般风格指南、设计样式，以及Android的部分默认UI构件—“BuildingBlocks”。网站还重点介绍了Android4。0中用户界面元素，有些新特征在老版本中可能不能立即得到支持。但就长远来说，这是一个不错的改变。

6、FluiDui:智能手机UI设计测试平台FluiDui:智能手机UI设计测试平台是一个针对于苹果手机和安卓手机系统UI设计的网站，可以在线通过谷歌浏览器试用FluidUI，进行一些换肤、位置、图标等测试。苹果手机和安卓手机的流行也为手机系统的UI设计添加了一把火，想这样的可以在线通过浏览器来调试系统UI的网站少之又少，如果你是手机系统UI的设计师，那么这个网站绝对要去试试了，不过需要注册以后才可以试用，登录后有非常丰富的图标、套图、模版可以在线测试的。

7、LovelyUI:可爱的UI手机界面设计库LovelyUI:可爱的UI手机界面设计库是一个致力于智能手机界面设计作品展示的博客网站，由众多程序界面设计师上传分享出来的，该网站分类详细，用户可以更加分类来查看不同的界面UI设计。

手机系统的界面UI就跟大厨做菜一样，你的菜谱要征服用户的胃，应用程序界面也需要吸引用户的眼球才能让一个应用程序有良好的用户体验，要想提高自己的设计能力就需要去取经，该网站就是你取经的必备网站之一。8、GetUIcolors:在线UI颜色分享网GetUIcolors:在线UI颜色分享网是一个帮助设计师发现最佳颜色搭配的网站，当你在设计UI素材的时候合理的颜色搭配就显得非常重要，该网站把搭配好的颜色整合在一起供设计师使用，直接复制即可。

9、UICloud:UI设计素材云搜索引擎UICloud:UI设计素材云搜索引擎是一个针对UI设计素材搜索的网站，通过关键字搜索你所需要的素材，并且下载是完全免费的，漂亮的网站UI设计加上优秀的素材下载资源，绝对是你找素材的好应用。

UICloud平台收集了来自世界各地的互联网上最好的UI元素设计作品，并提供了一个搜索引擎为你找到所需要的最好的UI素材。该平台的目标是要创造最大的平台，展示其顶级的用户界面设计，并为开发人员轻松快速地创建项目，辅助其获取得到最好的UI素材。

目前已收录超过22444个UI作品。10、Fltdsgn:平板UI设计分享网Fltdsgn:平板UI设计分享网是一个提供平板APP和html5网站模版UI作品展示的网站，帮助设计师们寻找灵感，激发你的创意思维，支持邮箱订阅最新更新，每天都可以让你找到创意模版设计资源。

在该网站你除了可以寻找合适的UI外，还可以提交自己的设计作品，该网站收录的创意作品，除了有截图还会发布作品设计来源，也可以作为宣传自己团队的平台来使用。

怎么把别人的网站套下来做成模板放在自己的网站上？

首先，需要登录你的服务提供商的首页。然后登录你申请域名和空间的时候注册的账号。

登录成功。点击登录中心。

点击主机管理。

在虚拟主机管理主页。可以看到域名、FTP名称密码，点击后面的管理。

在控制面板，点击预装程序。

这里就可以看到所有可以预装的网站程序了。选择其中一个，点击下面的马上复制此网站程序的文件到你的空间。

点击确定。

然后显示开始复制，命令执行成功。

过4、5分钟，输入自己的网站地址，打开就可以看到预装程序的效果了。

分析如下：

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

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

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

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

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

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

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

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

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

扩展资料：

网页设计

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

风格

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

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

色彩搭配

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

网页配色小技巧：

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

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

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

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

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

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

参考资料：