发现页面布局——《瞬间之美》

 - by 小白兔

前不久有一位客户来找我,带着一大堆关于首页设计的需求。它在设计一个专门面向平面设计师的社区网站。他已经完成了一项困难的工作,就是精简了需求列表,只保留了那些真正有用、确实与网站用户相关的部分。而我所要做的就是把这份列表转变成美好的第一印象。

由于这个网站主要针对平面设计师,因此它的首页需要一个中心区域突出显示大量富有特色的图片,同时还需要一些小区域来安排用户的账号信息、网站特色项目以及登录框。当然,页面中还需要包括那常见元素,如网站logo、欢迎辞、导航栏、搜索框以及页脚信息等。

另外,就算这些相对来说尚可应付,网站首页还需要放置一些关于业界和站点本身的头条新闻以及摘录片段。

仅展示图片一项就将占据很大一块的页面空间。要将其他所有栏目都加进来,同时还要包括新闻区域,就显得有些棘手了。别忘了,即使首页的所有这些部分都能完美的展现,能让用户得到他们想要的东西,但毕竟这个站点主要的业务是吸引浏览者们注册并成为该社区的成员。因此我需要一种设计诱使用户注意到Sing Up Now按钮,同时让他们想要去单击它。

发现页面布局

我已开始努力尝试去发现页面的布局。对于页面设计而言,布局是其中最基础的元素。

我在这里用到了“发现”这个词,因为页面的布局设计并不一定出自于设计师本身。当我想到页面布局的时候,经常会联想到Bob Ross。这个画家最让人津津乐道的一点,就是它能将随意洒到画布上的颜料加工成一副满是“快乐的树”的风景画。他总是根据绘图的进展随机应变,决定下一步该做什么。

明白了吧,不是你选择页面布局,而是它选择了你。

布局是内容组织的必然结果,我会秉承最基本的(同时也是相当复杂的)设计方法。简单来说,我把所有的栏目区域都扔到显示屏上,然后移来移去不断调整让它们彼此协调。

这个过程有点类似玩拼图游戏,只不过没有盒子封面那张最终完成的图作提示,而且拼图的每一个部分都能任意改变大小。

我最先考虑的是主要图片展示的部分,因为它需要的区域最大。与此同时我也颇为得意的创建了一个宽宽的区域防治新闻,因为它需要空间显示文章的摘录片段。至于My account、Navigation以及Featured item,我把它们平等对待,放在了页面左侧。

几分钟后,我得到了第一个版本。

这时我突然感觉到新闻部分似乎太宽了。这个宽度能让我显示很长的头条,也能放很多摘录内容,但同时它也不便于继续划分区域,分别去显示关于站点的内容和关于业界的内容。为了纠正这一点,我把该区域分开为两列,如图:

__________________________________________________________________________________________________

现在页面开始成型了。整个网页更突出了站点的主要目的——展示社区成员的艺术创作以及相关新闻。所以我确信自己的方向正确。恩,继续前进。

我知道首页的主要目的是吸引(或者说诱使)用户注册,因此我把注意力放在了注册区域。

一般来说注册区域都需要一些颇具号召力的标语和一个按钮。所以我随便写了一些字,做了一个按钮,然后把它们丢进去。如图:

就这么简单

Leave a comment