优界网

首页 > 教程经验 > 给网页减负!简化网页使内容更具可读性的几种方法

给网页减负!简化网页使内容更具可读性的几种方法

133

0

1

2015-07-31 00:28:14

志志尾 限

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

前天我们推荐了《高手之路!如何有效布局信息繁杂的网站?》这篇文章。今天我们继续来聊聊为网页如何“减负”。

很多时候,设计不可避免的会变得复杂。因为按照客户的要求去设计,往往会添加大量元素,使得页面变得较为臃肿,内容过载,让人难以理解,因此我们就需要通过设计手段,来个网页”减负”。

作为设计师,我们懂得如何有创意的解决客户的问题。问题是什么并不重要,无论是为客户设计响应式网站,还是通过设计吸引用户,增加客户的销售量,重要的是网页的核心元素,通过手段凸显这些元素,让网站更好的工作,更好的服务客户、用户。给网站”减负”就是个不错的方法。

如何让界面看起来更直观、不含”赘肉”?请看本文。

The oak.is website uses space in a great way, ensuring everything appears clear and easy to read.

oak.is 充分利用了空间,让整个页面看起来干净,而且易于浏览。怎样才叫复杂?怎样才叫简约?这之间的界限似乎很模糊也很抽象。因此网页设计中的复杂性很难于驾驭,也很难于发现。当你设计完网页后,你会觉得”存在即合理”,你觉得页面中的每个元素都能流畅运作,都有存在的意义,但是在用户看来,整体的交互性不是那么好——等到这个时候再去发现问题已经晚了,差评已经产生了。

如果设计过于复杂,那么这对客户还有用户来说,都是个麻烦。降低了网页的可读性以及可用性,也增加了导航的难度,用户体验随之降低。
综上所述,给网页”减负”是大势所趋,尽管很难去实现,但是为了网站的性能,为了加速开发周期,为了简约,我们必须”忍痛割爱”。

简化网页

简化网页,要求设计师回归基本,先考虑设计的核心,然后再考虑添砖加瓦。简化网站不意味着完完全全的简化,去除所有的装饰和视觉修饰。实际上,简化网站的目的在于打造更整洁的界面,这就够了!

然后要提的是,简化网站不意味着一味的删除元素,殊不知有的时候”加即是减”,只要我们能够更好的驾驭内容,只要加入元素后浏览体验更佳,不妨试试”加法”去简化。

The Paravel homepage very simply talks about what the company does, while still reflecting a lot of personality.

Paravel 的页面非常简单,告诉了用户公司的业务,同时也加入了一点个性。

开始

我们开始实践了,学习一下如何简化网站。

检查内容结构

首先我们要检查一下内容结构,毕竟设计是围绕内容展开的。设计完成后,经常会发现有些内容和设计不协调,可以做出一些调整,编辑或者删除这些内容。

我们需要检查内容是跟设计具有上下文联系,如果毫无联系,或者内容过于繁重,那么快解决这个问题。试着找出解决方案,让内容更具可读性。老话说的好”质量高于数量”

然后可以尝试切分内容,使用小黑点,链接,图像,标题,将内容切分为不同的区块,这样阅读起来更流畅。
如此调整之后,是不是整体看起来”呼吸空间”更多了?虽然没有减少任何设计,但是通过对内容的调整,网站变得更加有序,这也是简化的手段。

留点”呼吸”空间

使用网格线布局来让设计具有更多的呼吸空间,这样看起来就不拥挤了。网格线还是不好使?那就从规矩中跳出来,有更好的办法,用自己的办法!一切只为目的。

Simon Foster's website is very minimalist in style, with content clear throughout the website.

Simon Foster’s website极简设计,内容看起来干干净净。

还不行就删吧!

问一下你自己,所有的视觉元素都是必要的吗?最终设计时,要无情的删掉那些不必要的设计元素。
把自己想象成用户,”我浏览此网站的目的是什么?我想得到什么?我登入网站后第一件做的事又是什么?”要确保设计元素位置合适,这样才能帮你完成设计目标。要确保设计元素不要”过载”。我觉得移除一些不必要的元素很有必要,很能提高网页的可读性。

除了删,当然也可以增!

听起来有点不可思议,是吗?别害怕,试着增加一点,通过风格化和装饰化的设计,来进行内容的区分,这样内容也可以变得具有可读性。听起来有点不正常,但正如我前面说的那样,有时候”加法即是减法”。只要能够便于用户阅读、搜索信息、浏览页面,那么”加”也无妨!

原文地址:webdesign
网翻译:@MartinRGB
转摘请注明网译文出处,谢谢各位小编。

 

已有1人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×