设计黑板样式网页横幅(2)

1、选择一张照片，单独将人物取出，去掉黑板的背景。

2、烘托出人物：我们在这里将她放在右边(为此我们只能让她做一回左撇子了)，然后画一个矩形的“黑板”，其宽度与网页宽度一致，然后填充上非常深的灰色（约98%）。而在下方画一下高度很小的矩形作为导航栏，填充全黑色。

3、逼真：一个干净的黑色区域当然就已经可以传达出一个黑板的感觉，但感觉并不是非常真实。你可以通过一些滤镜将黑色区域故意弄得有画痕的感觉（这里是采用www.misterretro.com Machine Wash中的“abrasive(研磨)”滤镜），当然，你也可以不用这样大张旗鼓，直接利用一个真实的黑板照片放上去也行。

增加文字：在上面增加一行手写体字体就基本完成了。下方还有一行小文字，这一行文字设成灰色，因为它是辅助信息。将其中的公司名设为绿色，既增加吸引力，又平衡了整个设计。

设计整个网页：

博客风格的三纵列结构是一种有效的信息组织方式。主要的信息占据左边宽的一列，而一些辅助信息则占据右边的两列。

结构：整个页面由六个区域构成，区域由大至小，其顺序是非常重要的。留意导航栏（模仿真实的文件索引卡片，见上图）、页脚及最下方的联系信息都是固定的，不随页面的不同而不同。

延续：我们已经将页面的主要元素及框架弄好，是时候增加细节了。我们要借用一下标志来帮助考虑细节的问题。因为标志比网页具有更持久的特性，我们要利用到标志的字体、颜色及其细节来设计网页的其余部分。

观察标志：

标志上的一些特性会决定网站上的细节。首先第一步我们要来一次标志大检阅。特别留意字体、颜色、线条及形状。

颜色：草绿色传达出一种活力、张扬、温暖及青春的气息。这些与我们的目标对象——学生的性格是符合的。选择这种颜色无疑是正确的，但如果太多了（象上图左）则显得很不明智。因为NEXT PLAY与下方的咨询公司文字混为一体，分不清轻重，我们将下方的文字设为深色。

角度产生动态：当将两个字母连接在一起时，你当然希望其边缘是具有相同的轮廓（如上图左所示），但因为X和T具有不同的边缘，保留一个倾斜的间隙同样可以达到结合的目的。