首屏页面是用户初次浏览你的网站时所看到的“第一印象”,它可以说是你整体网站设计的门面工程了。
无论用户是从电脑、平板还是移动设备访问你的网站,所有重点信息都会在此页面上集中展示。因此,如何有效设计首屏信息是确保网站成功的关键所在。
以视觉元素为支撑在选择图片、视频、动画或其他视觉化元素作为首屏主体时,每个banner或标题内容模块都需要有一个引人注目的视觉支撑。尽管如此,最常用的还是高质量图片。
建立关联点首屏设计中最重要的是建立一个焦点或实用消息。用户进入网站后,他们最先希望了解的就是这个网站是做什么的。单一而清晰的视觉概念能帮助用户快速联想其功能。实现这一点可以通过不同方式表现出来的图像或文本来达到。
超大字体让首屏更醒目为了让首屏更加抢眼,我们可以采用超大的字体元素。即便文字内容不多,也能在用户打开首屏时迅速抓住他们的注意力。但是,在字体的选择和首屏设计上,我们要遵守以下两个原则:首先,首屏上的内容应使用引人注目的字体,与其他页面截然不同;其次,其他页面的正文和主要文本部分,则要采用统一、简约、耐看的字体,整体排版框架也应保持一致。
沿视觉流向排版信息这是一种重要的排版技巧。文字与图片之间应该形成逻辑关系,相互配合,所以文字不能遮挡图片主体部分——如人物肖像等。
白边和元素的使用宽大的白边和少量的元素空间是设计主题周围的边缘、界限和空格。使白边变窄,可以增强设计的张力;使白边变宽,则能营造出更加舒展的布局。
调色巧用色彩与文字搭配通过将照片的色彩与文字和谐地结合在一起,我们可以达到惊艳的效果。虽然这种方法略显投机取巧,但往往能带来意想不到的惊艳效果。