CSS混沌初开III:顶部图片视觉修饰
这节是关于素材设计的最后一部分了,设计工作完成后将会开始讲解如何切片以及在CSS和XHTML中构建最终页面。
一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。
一是如何正确选择导航菜单中所涉及的颜色,虽然它没有很多的技术含量,但使用的颜色是否恰当,与后期出来的效果是有很大影响的;另外一部分主要是关于页面背景的,侧重于制作背景图片素材时的一些细节问题。
现在开始我们将学习如何一步一步的构建一张CSS页面。本教程分成以下几个部分:第一讲主要是关于如何在PS中制作导航按钮素材;第二部分主要针对的内容是背景,接着是页面的整体布局以及顶部解析,最后一部分是如何整合CSS和XHTML。
多数2.0风格的网站都会适当的使用微妙的3D效果来提升用户对设计质量的体验,我们都知道这些细节有很好的辅助作用,但是我们可能不知道其中的奥妙。诸如投影、斜角、倒影之类的视觉设计,使得网站的外观看起来更加贴切、实在以及“完美”。
如果你准备在网站中运用强烈的色彩,还必须要记住一点,就是色块之所以能吸引注意力,是因为页面中大部分的区域都不具备或者说避免了强烈色彩的运用,简单点说就是使用色彩时要保持节制。
为了采用大号字体,你首先得遵从之前的规则,把整个页面弄得简单一点,你也必须得拥有一个把某些内容放大的理由,也就说这些特定内容得有特别的意义或可用性。
观察2.0风格的网站,你会发现其实除了顶部,页面中的其它版块也有存在区域界定:通过导航进行引导;背景色或背景图;通过面积大小进行界定;标注或交叉关联 …