【牛社课堂】案例解析提升网页设计品质六大技巧

一个网站,不仅要传递给访问者他们所需要汲取的信息,追求“高品质”,也是其所应该一直追求的境界。如何让网站设计更彰显品质化、欣赏性?如何判断一个网站设计是否具有品质感?接下来,我们以案例的方式,分解品质化网页设计的几个技巧。

1、留白

在好的网页设计,留白的聪明运用十分重要。留心不同内容区块之间的间距和排列方式,能让网页整体感官大不一样,从而提升设计的品质。

我觉得处理好留白的关键是从整体上感知设计元素。把设计稿缩小观看会是个好办法。

出色的留白处理的实例

Good.is页面整洁而有开放感,全都得益于设计师对文字和图像之间留白量的准确把握。

Digital Mash在大空白上展示的元素往往更具吸引力。Digital Mash的网站创造了极佳的亲和力。

Creatica Daily 的大量空白

优秀的留白运用又一次让网页内容成为焦点。每篇文章中都有大量内容,不过该站点的设计师们并不惮于给这么多内容之间填上大量留白。并不是说你的文字不够多,就不能用很多留白。

Postbox 上也有很多空白

仔细观察Postbox的网站,你能看到边缘处的留白应该如何处理。它的方框边缘有60像素的边内留白。听起来似乎挺大的,实际看起来效果却好极了。

留白时的错误

大家在设计留白时的最常见问题就是各个区块的内容到边缘距离太小。不论你的设计多么有风格,如果你硬要把东西塞得紧紧的,这些风格连同设计的品质,就都流失了。

留白不够的例子

我们已经看到PostBox的网站那些大留白创造了多么动人的效果,所以下面我们修改一下它的页面,看看减少留白会是什么效果:

品质感明显下降了。留白的影响就有这么大。

高效控制留白的技巧

各种不同情况下,留白要求都不尽相同。你需要不断训练自己,做到对留白所能带来的改变时刻心中有数,从而有效地利用留白满足设计需求。这要靠个人感觉的,不过都能从实践中锻炼出来。

使用网格辅助设计

利用网格当然能帮助你理解元素之间的空白。

1、不断尝试

不断尝试—失败—尝试,直到找到最佳方案。

2、留白并不是浪费空间

空白并不总是等着你去填充的。

3、没错,少就是多

与其用尽心思填满某个区域,不如就把它留空,只保留至关重要的信息就好。