如何设计出优秀的网站?
很多人谈到网站都会用“建设”“制作”等字眼,其实一个优秀的网站应该用“设计”一词来的更恰当,网站是视觉平面设计的一种,与传统设计有异曲同工处,那么如何设计出优秀的网站?
1、首页需要布局合理,整洁和干净
首页就是网站是脸面。一个网站设计的好坏,首页是第一步。无论网站采用什么风格,什么颜色,什么搭配,首页一定要整洁,干净。
整洁那就是网站的区块设置的宽度保持一致,间距保持一致。这里需要特别说明的是,以前在网站设计中的间距一般都是8px,而现在,则流行的是10px。我个人认为10px比较理想,视觉上感受更好一些。
但是这不是死的,如果是白色的底色的情况下,部分内容我们可以加大间距,留下空白,那样更舒服。但是,只能点到即止。关于这些怎么用,建议多去看看其他的网站是怎么做的,会对自己有很好的帮助。
2、色调要具有一致性
不同主题的网站,会有不同的色调搭配,这个网上有专门的教程的。我们需要注意的几点,第一个是,网站上的主色调只能有一个。第二点,网站的搭配颜色不要超过3个,重要的是,不能喧宾夺主。在这点上很多网站设计新手都不注意。
3、注意字体和字号的选择
网站上的字体作为中文来说,只能是宋体。你使用什么隶书、黑体等等虽然能显示出来,但是文字是有毛边的。为什么呢?因为浏览器不支持文字的磨边处理。而所有的字体中只有宋体是可以完美支持的。更重要的是,几乎所有的中文操作系统都是以宋体为主字体的。
另外,新出的操作系统有一种新的字体,叫做微软雅黑。很好很漂亮的字体。但是由于有了这种字体我们就特别需要在css中制定网页默认的字体是宋体了。为什么呢?有几个方面,第一是微软雅黑的标点符号不是很标准,如果网页全部都是微软雅黑的话,这些标点符号是会很难看的,另外呢,就是微软雅黑对空格的理解和宋体不一样,宋体中一个空格=半个汉字,而微软雅黑中不是这样的。这造成了大量的文章的段落前面的空格显示不正常。
关于字号方面,则必须重要的说了,过去通用的字号是12px或者9pt。但是现在液晶显示器开始普及,各种分辨率的显示器都有,而现在液晶显示器往点距越来越小发展,因此造成了网页上的字体在这种显示器上的显示效果不理想。显示普遍偏小。那么怎么解决呢?
使用14px的字体可以比较好的解决这个问题。建议在重要的链接和文章内容上使用14px的字体。
在需要使用比较特殊的字体的时候,建议使用图片来替代。那样可以达到最好的显示效果。
4、网站内容也是设计的一部份
评价一个优秀的网站的标准,除了设计外,最重要的就是内容了,而界面模板只不过是衬托内容的载体。但是有很多人在设计的时候注重界面的美观而忽略内容的重要性。尤其是使用大面积的flash动画。我承认flash技术的出现是非常而且相当重要的。但我始终认为,flash只是点缀,是网站的点心。而我们真正要吃的,是米饭。把网站做了自己孤芳自赏肯定是不行的。
5、图片背景化
自从div+css开始被大家熟知并认可。大量的网页开始使用这种新的技术来制作。但是我相信很多的网页设计者和我一样,都是从table转过来的,因此,在table中一些不好的习惯也被带到了这种新的技术中来。
因此,我建议,将要使用的图片都使用到背景中去,用css控制。而在网页中,除了必须出现的图片为没有多余的图片在网页中。这点有利于网页的减肥,也更有利于seo。
另外,大家应该注意到,现在很多的大网站都将需要使用的小图片做在一张大图片上,然后用css分别调用里面不同的位置造成不同的效果。很好,虽然我现在还没使用这种技术,但是我认为这是一个趋势。使用这种技术做网站,那么网页的整体大小将会变得很小,这样更加有利于访问者打开自己的网页。
总得来说,设计出一个优秀的网站:布局、色调、字体、字体、图片一个都不能少!