浅谈广告设计之网页设计.doc

《浅谈广告设计之网页设计.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、浅谈广告设计之网页设计内容提要：浅谈广告设计里的网页设计，通过这几个学期的学习和实践，总结了一些关于网页界面设计的个人看法和实践中得到的一些经验。关键词：网页设计理念色彩搭配留白细节注意事项21世纪是一个信息化的时代。网络这一信息时代的产物，使我们的生活更加丰富多彩，同时它也造就了一门新的艺术“网页设计”。随着时代的进步，科技和文化的发展，信息化社会及多元化时代的到来，网页设计随着时代的变迁而不断的革新。我们应该挣脱惯常、理性、逻辑的纵向思维，尝试与研习横向、发散、逆向、悖理等思维方式，多种思维方式的相互补充与综合使用会显著提高效率。我认为不管

2、是做平面设计还是做网页设计的人都应该具有良好的审美能力。那么平面设计和网页设计有什么不同呢？（一）设计理念的不一样 平面设计的核心是品牌。它主要以品牌为出发点去设计，要在视觉上100％体现品牌的魅力。 而网页设计的核心是用户。网站的目的是与用户100％沟通，那么网页设计其实是一种UI设计，也就是所谓的界面设计，要以用户的操作习惯为出发点去设计，换句话说也就是要设计得人性化，让用户使用得更方面。（二）颜色运用的区别平面设计可以使用成千上万种颜色，换句话说可以使用所有颜色，但是网页设计不行！网页设计中规定了240种安全色，也就是说只能使用这240种

3、颜色才能使网页更加漂亮，更加有兼容性。 （三）特殊的要求网页设计不仅仅是在做设计，更多的是要考虑网页的打开速度、兼容性等问题。所以有时候不得不为了照顾这些特殊的要求而牺牲美观。我们往往看到门户站的网页都是大量的文字，这其实是为了减少页面的打开时间。韩国的网站喜欢用大量的图片、FLASH，那是因为韩国的网络带宽全球第二，它有那个条件去大量的实现视觉冲击！而目前的中国不行。 我们平时看到很多品牌的网站，很绚丽、很好玩、甚至很有创意，那其实是网络广告而已，虽然那表面上是个网站。网络广告的目的跟其他广告一样，为的就是宣传品牌形象、介绍产品功能等等。但是

4、网站不一样，一个网站是要实现某些具体的功能，也就是说网站是要功能>美观，而网络广告是要美观>功能。 随着信息时代的发展，网络成为了人们生活中不可或缺的一部分。我们从事设计的人员应不断创新，挣脱惯常、理性、逻辑的纵向思维，尝试与研习横向、发散、逆向、悖理等思维方式，来提升自己的设计水平。一、网页设计，——细节重要不管是平面设计还是网页设计，细节是非常重要的。我们的眼睛和感觉总是非常敏锐的，即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好，但是直觉会告诉他他自己喜欢哪一

5、个。如果别人向我们问起为什么这件作品要优于其它呢？我们的回答是“很大一部分原因是因为优秀的设计作品总是充满了丰富的细节。”（一）像素的衬线当你做网页的时候，1像素在访客的眼里可能不会太在意，但是在一个设计师眼里，那却是很大的失误。衬线可以体现物体在2D效果上的立体感。而立体感的体现必须要有阴影和高光。阴影我们通常使用图层样式来实现，而高光效果的实现，最常用的技巧之一就是使用衬线了。如果能合理的利用好1像素衬线，那网页可以在瞬间提升一个档次。（二）细微的材质坑坑洼洼凹凸不平的材质可以让你的网页更具质感，让访客感觉更加的真实。但是过于醒目和复杂的背

6、景材质不仅不能为设计增色，反而由于分散读者的注意力而是整个设计品质降低。所以最好的策略就是让你的背景材质保持细微而柔和。（三）柔和的渐变柔和的渐变可以使网页变得更加的生动真实，不会显得呆板。在渐变的使用中需要注意的是，除某些特殊情况外，不要使用太过强的渐变，不论是色向上还是亮度上还是饱和度上都不可跨度太过强。因为这样强烈的过度根本不带真实感，给人一种很不舒适的感觉。（四）微妙的阴影我们可以使用CSS3中的text-shadow属性来完成文字的投影设计，代替了在Photoshop中完成此项工作。而且使用CSS3来给文字添加阴影自由度更高，在浏览器

7、支持的情况下，你可以给任意文字添加你想要的阴影效果。当然IE8以下版本的浏览器是不支持此项属性的，这是我们在设计中需要注意的地方。另外，和前面提到的其它设计细节一样，阴影的效果也要足够柔和，不可过于强烈，不然很容易让整个设计看起来有一种脏脏的感觉，显得不够精致。细节能体现一个网页设计师的水平高低，更能体现出设计师的工作态度。二、网页也需要“呼吸”——留白网站页面设计留白在网页设计中，寻求设计在不同角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。一是网页顶部（头部）留白。保

8、留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化