网页设计欣赏PPT课件

信息科学与技术系
网页设计与制作
2010-20114下6学期
.
47
黄金分割在艺术设计中的应用经典案例 在被艺术与设计影响 的世界里，追逐美感成为了每一个时代必不可少的潮流趋势。
对于网站排版设计同样也不会例外，无论是企业网站建设、大 型门户论坛、还是个人博客设计，可爱的设计师们和艺术家会 想尽一切的办法将美的东西融入其中，尽管大多数用户根本不 会知道设计师为何如此排版。
信息科学与技术系
网页设计与制作
2010-20112下2学期
好的LOGO应具备的条件
1. 符合国际标准 2. 精美、独特 3. 与网站的整体风格相融 4. 能够体现网站的类型、内容和风格
信息科学与技术系
网页设计与制作
2010-20112下3学期
.
24
.
25
.
26
.
27
.
28
.
29
.
30
网页设计欣赏
临沧师范高等专科学校信息科学与技术系
学习内容
1. 网页设计精品欣赏 2. logo设计的方法和技巧 3. 网页导航设计参考 4. 网站设计排版-黄金分割
信息科学与技术系
网页设计与制作
2010-20112下学期
网页设计精品欣赏
涵盖汽车、 体育、儿童 、教育、家 庭等
.
3
.
4
.
5
.
搜狐门户首页的设计右栏宽度是626px，整体版面的宽度是950，
两者之间的比例是0.659，与腾讯网布局方式非常相似，但这个比
例几乎是九宫格排版.。
51
twitter
将黄金分割使用得最极致的要数Twitter的网页设计，惊为天人的完全黄
金矩形布局，Twitter创意总监道格·伯曼追求完美的性格可见一斑。
.
31
.
32
.
33
.
34
.
35
.
36
.
37
.
38
.
39
网页导航设计参考
.
40
导航是一个网站的路标，优秀的导航是网站设计成功地第一步 。导航必须是用户友好的，而且要与网站设计风格保持一致， 这样才能为用户提供简便的导航。
信息科学与技术系
网页设计与制作
2010-20114下1学期
.
.
52
信息科学与技术系
网页设计与制作
2010-20114下8学期
豆瓣社区首页
豆瓣社区首页的设计左栏宽度是590px，整体版面的宽度是950，两
者之间的比例是0.621，非常之接近黄金分割。
.
49
腾讯网首页
腾讯网首页的设计右栏宽度是600px，整体版面的宽度是960，两者
之间的比例是0.630。
.
50
搜狐门户首页
信息科学与技术系
网页设计与制作
2010-20112下1学期
LOGO的国际规范
LOGO的国际标准规范为了便于INTERNET上信息的传播，一 个统一的国际标准是需要的。实际上已经有了这样的一整套标 准。其中关于网站的LOGO，目前有三种规格：
1. 88*31 这是互联网上最普遍的LOGO规格 2. 120*60 这种规格用于一般大小的LOGO。 3. 120*90 这种规格用于大型LOGO。
42
.
43
.
44
网站设计排版-黄金分割
.
45
在所有的比例中黄金分割是最能引起人的美感的，0.618被公 认为最具有审美意义的比例数字。
黄金分割点约等于0．618：1，因为黄金分割率和黄金矩形能 够给画面带来美感，令人愉悦的原因，从而在建筑、文艺、还 有不同行业中都有着广泛而重要的应用。我们熟知的达·芬奇 -维特鲁威人、蒙娜丽莎的脸、最后的晚餐；古希腊维纳斯女 神及太阳神阿波罗雕像、雅典的帕台农神庙同样也应用了该比 例布局。
2. LOGO是网站形象的重要体现。试问一个衣冠楚楚的人怎么 能让自己的名片污渍不堪？就一个网站来说，LOGO即是网站 的名片。而对于一个追求精美的网站，LOGO更是它的灵魂所 在，即所谓的“点睛”之处。
信息科学与技术系
网页设计与制作
2010-20112下0学期
LOGO的作用
3. LOGO能使受众便于选择。一个好的LOGO往往会反映网站 及制作者的某些信息，特别是对一个商业网站来话，我们可以 从中基本了解到这个网站的类型，或者内容。在一个布满各种 LOGO的链接页面中，这一点会突出的表现出来。想一想，你 的受众要在大堆的网站中寻找自己想要的特定内容的网站时， 一个能让人轻易看出它所代表的网站的类型和内容的LOGO会 有多重要
6
.
7
.
8
.
9
.
ຫໍສະໝຸດ Baidu
10
.
11
.
12
.
13
.
14
.
15
.
16
.
17
.
18
LOGO设计的方法和技巧
.
19
LOGO的作用
1. LOGO是与其它网站链接以及让其它网站链接的标志和门户 。INTERNET之所以叫做“互联网”，在于各个网站之间可以 联接。要让其他人走入你的网站，必须提供一个让其进入的门 户。而LOGO图形化的形式，特别是动态的LOGO，比文字形 式的链接更能吸引人的注意。在如今争夺眼球的时代，这一点 尤其重要。