简单风格的小型网站设计.pdfVIP

下载本文档

5
0
约2.75万字
约 29页
2018-02-12 发布于福建
举报
版权申诉

简单风格的小型网站设计.pdf

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

第十八章简单风格的小型网站设计本章主要介绍如何制作简单并且漂亮的小型网站设计，这种类型的网站能够完美地配合一些专业及小型企业的宣传。其特点就是简单，没有复杂的特效，没有过多的文字和图像，但是对于小型公司或者一个小的分支机构来说，这种网站设计是非常适合的。本例的设计主题是“帆布鞋”，页面效果清新、开阔，搭配简短的文字介绍，可以很好地配合产品图像及产品的展示。这种设计属于一种小而精的设计，不是简单地将一个大版面减去一半。在设计这种版面时难度并不大，而且容易维护及方便阅读，完成效果如图 18-1 所示。图 18-1 简单风格的小型网站设计漂亮的字体标题放置在一个白色的版面中，传达了一种安静及自信的气息，整个版面显得简约、精致。 18.1 案例分析很多综合性网站都在网页上挤满了海量的信息，但对于很多小型企业来说，他们只希望自己的网页显得精致、优雅及专业，而且个性十足。小版面能够轻松地做到这一点，而设计一个这样的版面关键是要分配好各个区域。 18.1.1 页面布局形式初看上面的网页效果图，好象只有两个区域，一个是白色区域，一个是着色区域，但其实是由四个区域组成，如图 18-2 所示。标志区域及白色的主要信息区域形成了强烈的对比。第 10 章使用行为第 10 章使用行为图 18-2 页面的布局在开始设计这个布局时，首先要确定一些位置关系。读者可以利用在文章后面所提供的模板尺寸来设计。当然，如果希望自己能够设计布局，也可以了解这里是如何创建一个这样的布局的。首先，页面的整体的尺寸为为“720 ”像素×“480 ”像素，即宽高比为 5：3 。然后将页面的宽度和高度同时三等分，如图 18-3 所示。图 18-3 划分页面的区域可以将底部占三分之一的标志区域加上一种较深的颜色。同时，导航区域的颜色与标志区域的颜色略有不同，最简单的方法是在图像软件中，把导航区域的颜色调整为标志区域颜色透明度的 80%，这样使人看起来仍然浑为一体，如图 18-4 所示。 115 书名图 18-4 在页面底部添加颜色如果底部区域的颜色反差较大，则形成一种分离感，应该避免，如图 18-5 所示。图 18-5 应避免颜色差别过大接下来需要确定页面中内容信息距离页面的边距，首先来确定左侧距、顶部距和底边距。将上面三分之一的区域的宽与高再次三等分，即可得到一个矩形范围，注意看左上角的深色区域，如图 18-6 所示。 116 第 10 章使用行为第 10 章使用行为图 18-6 继续三等分使左侧距和这个深色矩形的宽度相等，使顶部距和这个深色矩形的高度相等。到左侧距与上边距设为该区域的三分之一的距离。在内容区域中，顶部距