网页设计的风格创意
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
12
2.3 酷站赏析
利顿茶商的网站。利顿是历史悠久的茶类品牌，我们在平 时常见的利顿红茶、利顿冰茶都是其产品。在该企业站点 中，突出体现的不是利顿的悠久历史，而是其丰富的产品 线、茶叶的历史和有关人体健康的信息。
13
2.3 酷站赏析
中国瓷器的网站，该网站以白色为背景，营造出洁净、细 腻、典雅的氛围，同时与色彩斑斓的瓷器形成强烈的反差， 让人感觉到瓷器工艺品的精致和美丽。这种颜色搭配是展 现色彩丰富的工艺品的一种和谐方式。
14
2.3 酷站赏析
北美工艺品展的网站，从这个网站页面色彩的选择上，我们可以 感受到网页设计者对手工艺品的认知，其色调选择和色彩搭配， 突出了手工艺品的巧夺天工。蓝色、灰白色、草绿色、淡黄色都 是手工艺品常用的颜色，形成了站点风格的一致性。
15
2.3 酷站赏析
食品批发商的网站，进入该站首页，我们首先感受到的是 生机盎然的景象，色彩鲜艳的各类蔬菜给浏览者以新鲜的 视觉冲击，由此引发购买欲望。它同时用淡淡的蔬菜图案 作背景，时刻宣传公司的主要业务，同时延长感官上的刺 激时间。
16
2.3 酷站赏析
下面的网站用了非常一致的导航，蜂巢的结构，运 用真是巧妙自然！
17
本章总结
了解各种不同风格的网页 熟悉不同风格的网页对浏览者的影响 掌握不同网页风格之间的区别 掌握网页的创意对视觉的影响
18wk.baidu.com
6
面板风格
7
2.1.4 报纸风格
这样的设计排版非常有新意，网络上并不多见，突 出了它的独创性的唯美风格。
8
2.1.5 三维风格
利用立体旋转的网站标志，可以做出具有时代感、 数码感效果的Flash动画。虚拟现实、全景360度等 某些特殊网络技术也依赖三维技术来实现。随着宽 带网的发展，将来会有更多选择三维模式的网页。
3
2.1.1 金属风格
2001年年初，网络上十分流行金属风格的网页设计， 站点完全突出了网页个性。
4
2.1.2 像素的风格
像素风格的网页设计也在不断地进步和发展。这种 风格给人的感觉是太过理性，缺乏情感表达，不过 这种风格充分体现了数码感、游戏感和时代感。
5
2.1.3 面板风格
网络给了我们无限大的资源，在这里的确有一部分 是依靠风格、电脑才衍生出来的艺术风格、如面板、 图标。到今天，这些设计门类还没有专业的设计师 进行设计，设计制作此类产品基本上都来自网页设 计师，因此网页、面板、图标相互影响。
9
2.2 网页的创意视觉表现
设计需要创新，创新需要创意，创意还需要联想。展开联 想，抓住好的思路，沿着思路展开设计；学习一些有关创 意设计的理论知识，深入、消化、理解并运用到自己的设 计作品中去，精美独特的网页作品应该就是这样诞生的。
10
2.2 网页的创意视觉表现
展开创意思维，是一个从理智到感性的过程。首先 经过同类站点的调查报告，找出行业共性，进而确 立网站的特性部分。其次分析网站内容，从信息类 型、信息量和信息本身的需求出发，找出网站的表 达方式，如信息的结构方式、导航条的数量和形式、 首页需要放置哪些信息和它们的放置方式、内层栏 目如何布局才更合理等。信息的空间结构在脑海中 形成后，便已开始进行视觉美化和网站的包装设计 了。
第2章 网页设计的风格创意
本章目标
了解各种不同风格的网页 熟悉不同风格的网页对浏览者的影响 掌握不同网页风格之间的区别 掌握网页的创意对视觉的影响
2
2.1 各种网页风格设计
2.1.1 金属风格 2.1.2 像素的风格 2.1.3 面板风格 2.1.4 报纸风格 2.1.5 三维风格
11
2.2 网页的创意视觉表现
每个网站都拥有自己的特质和气氛。多看，多关注全球互连网设 计动态，鉴赏优秀网站，学习他人作品的设计思想。多练，一定 要自己亲自尝试才能进步。同样简单的排版方式，因信息量大小 和形式的改变，做的时候就会碰到很多问题。多思考、设计是理 性的思维过程，用脑设计而不是依靠感觉。
2.3 酷站赏析
利顿茶商的网站。利顿是历史悠久的茶类品牌，我们在平 时常见的利顿红茶、利顿冰茶都是其产品。在该企业站点 中，突出体现的不是利顿的悠久历史，而是其丰富的产品 线、茶叶的历史和有关人体健康的信息。
13
2.3 酷站赏析
中国瓷器的网站，该网站以白色为背景，营造出洁净、细 腻、典雅的氛围，同时与色彩斑斓的瓷器形成强烈的反差， 让人感觉到瓷器工艺品的精致和美丽。这种颜色搭配是展 现色彩丰富的工艺品的一种和谐方式。
14
2.3 酷站赏析
北美工艺品展的网站，从这个网站页面色彩的选择上，我们可以 感受到网页设计者对手工艺品的认知，其色调选择和色彩搭配， 突出了手工艺品的巧夺天工。蓝色、灰白色、草绿色、淡黄色都 是手工艺品常用的颜色，形成了站点风格的一致性。
15
2.3 酷站赏析
食品批发商的网站，进入该站首页，我们首先感受到的是 生机盎然的景象，色彩鲜艳的各类蔬菜给浏览者以新鲜的 视觉冲击，由此引发购买欲望。它同时用淡淡的蔬菜图案 作背景，时刻宣传公司的主要业务，同时延长感官上的刺 激时间。
16
2.3 酷站赏析
下面的网站用了非常一致的导航，蜂巢的结构，运 用真是巧妙自然！
17
本章总结
了解各种不同风格的网页 熟悉不同风格的网页对浏览者的影响 掌握不同网页风格之间的区别 掌握网页的创意对视觉的影响
18wk.baidu.com
6
面板风格
7
2.1.4 报纸风格
这样的设计排版非常有新意，网络上并不多见，突 出了它的独创性的唯美风格。
8
2.1.5 三维风格
利用立体旋转的网站标志，可以做出具有时代感、 数码感效果的Flash动画。虚拟现实、全景360度等 某些特殊网络技术也依赖三维技术来实现。随着宽 带网的发展，将来会有更多选择三维模式的网页。
3
2.1.1 金属风格
2001年年初，网络上十分流行金属风格的网页设计， 站点完全突出了网页个性。
4
2.1.2 像素的风格
像素风格的网页设计也在不断地进步和发展。这种 风格给人的感觉是太过理性，缺乏情感表达，不过 这种风格充分体现了数码感、游戏感和时代感。
5
2.1.3 面板风格
网络给了我们无限大的资源，在这里的确有一部分 是依靠风格、电脑才衍生出来的艺术风格、如面板、 图标。到今天，这些设计门类还没有专业的设计师 进行设计，设计制作此类产品基本上都来自网页设 计师，因此网页、面板、图标相互影响。
9
2.2 网页的创意视觉表现
设计需要创新，创新需要创意，创意还需要联想。展开联 想，抓住好的思路，沿着思路展开设计；学习一些有关创 意设计的理论知识，深入、消化、理解并运用到自己的设 计作品中去，精美独特的网页作品应该就是这样诞生的。
10
2.2 网页的创意视觉表现
展开创意思维，是一个从理智到感性的过程。首先 经过同类站点的调查报告，找出行业共性，进而确 立网站的特性部分。其次分析网站内容，从信息类 型、信息量和信息本身的需求出发，找出网站的表 达方式，如信息的结构方式、导航条的数量和形式、 首页需要放置哪些信息和它们的放置方式、内层栏 目如何布局才更合理等。信息的空间结构在脑海中 形成后，便已开始进行视觉美化和网站的包装设计 了。
第2章 网页设计的风格创意
本章目标
了解各种不同风格的网页 熟悉不同风格的网页对浏览者的影响 掌握不同网页风格之间的区别 掌握网页的创意对视觉的影响
2
2.1 各种网页风格设计
2.1.1 金属风格 2.1.2 像素的风格 2.1.3 面板风格 2.1.4 报纸风格 2.1.5 三维风格
11
2.2 网页的创意视觉表现
每个网站都拥有自己的特质和气氛。多看，多关注全球互连网设 计动态，鉴赏优秀网站，学习他人作品的设计思想。多练，一定 要自己亲自尝试才能进步。同样简单的排版方式，因信息量大小 和形式的改变，做的时候就会碰到很多问题。多思考、设计是理 性的思维过程，用脑设计而不是依靠感觉。