深圳红典设计:深圳网站建设,网站优化,品牌策划,包装设计,广告推广。
English | 网站地图
品牌建站,品牌设计服务!专业设计十余年,品牌设计理念!设计融入生活,设计视觉和实用性的完美结合;
站内搜索
网站建设,网站优化, 服务热线: 13824396479
当前位置: 首页 > 新闻资讯 > 网站技术
网站设计风格与色彩(二)
浏览数: 发表日期:2013-11-13 23:38:11

二、网站设计的色彩搭配
 
打开一个网站,给用户留下第一印象的既不是网站的丰富内容,也不是网站合理的版面布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决与设计者对色彩的运用和搭配,因此专业人士把色彩制作成色系表,根据这些色系让网站也有其自身的色系,网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题,若色系能与主题合理搭配,将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等,这不单只是将颜色搭配得当就算完美,还要配合每个内容,及网站主题。

1、网页的底色
网页的底色是整个网站风格的重要指针。举例来说,以黑色作为背景颜色的网页,因黑色本对人的视觉上会造成黯淡的感觉,若是拿来用作活泼的儿童网站,就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的,与黑色的沉稳、黯淡,很难联想在一起。当然,每个人的审美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给自己看的,就应该要注意到大部分人可能会有的观点,然后以众人居多的观点出发,来设计网页。
 
2、文字字型
文字字型上的设计,最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型,才能达到最佳浏览效果,这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容,不可能会因为这种“为达最佳浏览效果”,而自行下载所需要的字型。当所要求的字型若不下载,并不会影响到网站内容上的浏览与不便,那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来,对于网页设计者来说,无非是非常可惜的,因为当初的设计风格却未能让浏览者一窥全貌,岂不是白费心思的吗?
 
3、图片的色系
以色彩学简单的区分,色系可分为冷色系与暖色系,再详细一点的区分,又可分出各种颜色的色系,而色系的区分,就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应,就是比较困难的地方了。要绘制一张图并非易事,要绘制一张符合自己网页风格的图,更是困难重重。大部分的网页制作者,并不大可能驾轻就熟的使用影像处理软件或绘图软件,于是乎,网页素材的网站就开始盛行了。当然,不会使用绘图软件并不代表网页就不能设计的很出色,若是能将网络上的素材资源妥善利用,网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片,就是门很大的学问了。
 
以图片内容来说,能切合网站主题最好,若不能,也别差异太多。以颜色来说,若一个网页是蓝色的底色,但整个网页的图片却乱七八糟,各种颜色纷纷出笼,更糟的是,蓝色是属于冷色系的颜色,若以蓝色为底的网页,却尽都是大红色、橘色的图片,那将会使整张网页看起来就像垃圾堆,杂乱无章。所以,可以简单的归纳出,网页与图档的颜色,色系一致或是视觉效果一致,将会使网页看起来更为美观且有自己的风格。

4、网页的颜色
网页的颜色,并非单一就图文件、文字颜色、或是底色为主,而是以浏览者的角度来观看,整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好,但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说,就是失了自己独到的风格。因为使用粉色系的网站,不外乎都有相同的特点,文字颜色浅,底色也以浅色系为主,这样除了没有自己的风格外,看起来既不大方也难登大雅之堂。以各大搜寻网站来说,根本不会做这样的设计,因为文字颜色淡,加上底色浅,对浏览者来说,阅读上非常吃力,所以这样的设计风格也应尽量避免。一个有自己风格,且阅读起来舒适大方的网页,并不可能一次就写好,而是需要经过不厌其烦的修正、调色,才能达到最佳浏览效果的。

三、网页的美化设计

1、使用CSS优化网页外观
使用CSS来获得对整个站点所有WEB页面的外观控制。设置页边空白,页面填充,边界,颜色和背景。对任意网页元素设置字体大小及改变字体外观。创建动态活动链接。创建CSS风格的完全兼容的网页。
CSS的主要好处就在于,你不用去修改网页文件,只要修改这个页面连接的CSS文件,就可以实现不同的显示效果,包括底色、背景图片、文字大小、颜色、边框……等等。网站的版面、布局要求,不能占用较大的边幅放栏目图片,正文的位置不能少,图片与文章的搭配要平衡,过多使用大图片,大大增加了传输流量,影响了网站浏览者阅读的速度,要优化网页就尽可能使用CSS实现,灵活地使用CSS,可以使页面精致漂亮而又不会占用过多的系统资源,所以很有必要花些时间研究一下。

2、用div+css页面布局
Div+CSS 版面框架,版面代码少,读取速度快,管理维护方便。

标签:
评论加载中...
内容:
评论者: 验证码: