新手在网站设计中需要的一些细节问题

   刚开始学做网站设计的时候,很多人不知道从何开始,也不知道那些方面是最需要重视的,往往会闹出很多的笑话,而这个时候恰恰是学习的最佳时机,主要你细心注意,打好网页设计的基本功,后面起来网页单来会越来月流畅的。下面就说说几点细节事项:
  1、字体的选择,很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和颜色,统一整个网页字体的色彩以及大小,规范整体。
  2、阴影的运用,注意观察Redux暗色背景上的浅色文字,你会发现它们都被添加上了投影效果。现在我们可以使用CSS3中的text-shadow属性来完成文字的投影设计,代替了在Photoshop中完成此项工作。而且使用CSS3来给文字添加阴影自由度更高,在浏览器支持的情况下,你可以给任意文字添加你想要的阴影效果。当然IE8以下版本的浏览器是不支持此项属性的,这是我们在设计中需要注意的地方。另外,和前面提到的其它设计细节一样,网站建设中阴影的效果也要足够柔和,不可过于强烈,不然很容易让整个设计看起来有一种脏脏的感觉,显得不够精致。
  3、网页的层次,这一点在我的深圳网页设计进阶之八--层次、空间(透视、立体)的浅入中已经有所体现。不再赘述。纯粹的理论不是我的风格。所以,下边的全部是图文搭配,同时,带有教程性质的一些图片也将会出现。曾经在蓝色上看过一篇关于像素画的文章。这是一种常见的手法。简单点介绍一下。
  4、像素的严格追求,真正的细节应用在像素级。我们再来看Concentrate的快捷按钮周围,靠近网页布局顶端的部分。首先,按钮背后的阴影将页面上的这部分突出出来。该区域顶端和底部的两个简单的单像素线是一个简洁的设计方式,它使得这个区域在视觉效果上更明显的区别于页面上的其他元素。
  5、行间与字间距,Viget 的网站是字体究竟对网页设计有多重要的完美实例。下面的截图来自他们的作品集展示页,再一次展示了大字体是如何帮助创建开放空间的。即使是这种清爽的细线体,他们也使用了宽阔的空白。另一个值得称道的地方是他们对于行高 (line height) [行间空白]的的绝妙选择。行间距被设定得比默认值大很多,大大增强了文字可读性。也许下次你可以在自己的设计中也试一试这个技巧。
  最后说下网页之中的内容排版,内容才是一个网站设计的核心点,之所以放在最后说明,是为了引起大家的注意,网站的设计再精美都是装饰而已,内容才是浏览者真正需要去关心的东西,如何合理的排布网页的内容,需要设计师对客户网页设计的内涵有深入的理解。

«1»