使用惊艳的图片
相当一部分的网页首屏使用图片作为视觉传达的主体,不过无论是选择图片、视频、动画还是其他的视觉化的元素,每个Banner或者说带有标题的内容区块最好是带有惊艳的视觉化元素作为支撑。当然,最常用的还是图片。
创建关联点
在设计首屏的时候,最重要的是创建单个焦点或实用消息。用户访问了网站后,他们最先需要的是清楚这个网站到底是做什么的。单一的视觉概念可以帮助用户联想是做什么的。这可以通过多种不同方式的图像或文本来实现。
试试超大字体元素
想要让首屏更加醒目,超大的字体总是最有效的办法。即使文字内容很简单,用户打开首屏的时候一眼就注意到它们。但是在字体的选取和首屏设计上尽量遵循下面的的两个规则来设计:
首屏上的内容采用引人注意的字体,要和其他地方截然不同;
其他页面的正文和主要文本部分,选用统一、简约耐看的字体,甚至整体排版框架也应保持一致。
沿着视觉流向排版
沿着视觉流向来排版信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相成,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物等。
较宽的白边和最少的元素
白边是你设计主体周围的边缘,界限和空格,使之变窄,你就能增加设计的张力;使之变宽,你就能打造出一种更加舒展的布局。
调色
通过调色让照片的色彩与文字呈现相似。虽然这种方式有点投机取巧,但会带来极其惊艳的效果。