网页设计的风格创意.ppt

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