山坡网的设计思路

一直以来我都认为,以内容为主的网站都不太容易做页面设计,尤其是中文网站。一来页面上文字量非常大,文字的表现力和视觉冲击力始终比不上图片;二来中文字体好看的不多,windows自带的几款中文字体都乏善可陈。其实内容为主的网站是非常考验设计功力的。文字的布局,与图片的关系,文字间的留白等,都非常讲究。

我自己只是一个半路出家的半吊子设计人员,面对这样一个项目,一开始颇有点手足无措。但不可否认这是一个非常不错的练习机会。
我们都知道,一般用户打开一个网站,视线在顶部左侧停留的时间会稍长。于是我就把我们重点推的内容放在了整个页面的顶部,比如热门书籍和最新书籍,并且采用了书籍的封面而不是标题文字。封面比单纯的标题文字能给人带来更加强烈的视觉冲击。而且加上了鼠标停留时弹出详细信息框的特效。再往下则放置我们主推的书籍评论相关内容,把用户最新的评论和动态罗列出来。
初看这样的页面布局,我自己已经比较满意了,虽然美术风格和设计理念还没有形成。可是很快问题就来了。虽然用户一开始打开网站的视觉冲击力已经有了,但是第二天再打开、第三天再打开呢?由于网站后台的算法,热门书籍和最新书籍的更新速度是非常慢的。这就导致了,页面上的内容在相当的时间内都不会有所改变。这对于一个经营内容的网站来说,是非常不利的。于是我立马开始设计新的页面布局。
再设计,我准备以山坡网站logo的主要色调用作网站页面的主要颜色,就是绿色。在网站设计这一块,绿色是非常难以调配的颜色,一不小心就搞的非常难看。所以我决定,页面主要还是以白色为主,在关键的地方,使用绿色,比如按钮啊,链接啊。于是顶部导航条就以浅绿作为背景色,稍深一点的绿色作为高亮颜色。底部以一条绿色线条形成视觉阻隔,和下方的内容区分。这次的banner条我将其固定在页面上,这样在滚动页面的时候下方的内容区域会向上覆盖掉banner,增加页面的层次感。这样一来,整体的页面看起来就比较顺眼了。可是在下方内容区域,却显得有些捉襟见肘。文字内容稍微一多,就空间不够,无法留出足够的空白来形成视觉阻隔,于是我又加大了整个内容区域的宽度,这样就可以有更多的空间来展现内容。由于网页整体是以白色为背景,有时候看起来显得特别的刺眼。为了解决这个问题,我把背景色改为非常浅的绿色,这样看起来就会好很多,柔和不少。大家本来看书用眼就比较累,就不让大家在看我们网站的时候也那么累了。总体的页面设计风格就这样确定了下来。
接下来就是对于内容布局的更改了。这次调整了后台的算法,让更新速度增快,同时首页上只保留最新书籍一排。对于用户来说,新鲜事物的吸引力还是很强的,而且我们基本上做到每天的新书都不一样,可以满足相当一部分用户追新书的愿望。下方则并排两个重量级的功能,对于找书来说还是比较实用比较重要的。再往下就是热门书籍。不像上次只是简单的罗列,这次把热门书籍的评分、用户评论等都列了出来,好让用户们一眼就明白,为什么这本书热门。再往下,则依旧是山坡网的重点内容,也就是书评。这个不用多说。至此,整个山坡的改版就全部确定了。
从用户的反馈来看,也确实新版要比上一版好很多。总的来说改版还算比较成功。只是页面依旧略显单薄,可能是初期用户还比较少,数据量不够丰富有关,这个需要过一段时间再看看。
山坡网站的整体设计思路还是遵循用户的视线轨迹来的,然而这样是远远不够的。优秀的设计还要能引导用户的视线,这是目前不足的地方。

原文地址:https://www.cnblogs.com/celtavonce/p/3270326.html