首页 » PHP教程 » 潘多拉php空白技巧_无干扰阅读体验

潘多拉php空白技巧_无干扰阅读体验

访客 2024-12-18 0

扫一扫用手机浏览

文章目录 [+]

几个月前,我难以低廉甜头的沉浸在Kenya Hara的《White》书中,不论是在混乱喧华的列车旅途还是在拥挤不堪的咖啡店里,我全然对周围的繁盛热闹繁荣充耳不闻。
作为设计师,这本书引起我如此料想不到的把稳就像是一个启迪。

专注于某件事对大多数人来说原来便是很困难的,特殊在智好手机发展如此迅速的本日,难以数计的关照充斥着我们的生活。

潘多拉php空白技巧_无干扰阅读体验

现在我们拥有Readability,Instapaper,Adblocker这样的阅读工具,乃至说我们可以自由的阅读任何我们感兴趣的信息,但事实上呢?阅读范围的扩大并不代表我们阅读质量的提高。
终极,仍还有大量的没被创造的,不引人瞩目的,没有被分享的,等待人阅读的笔墨存在。

潘多拉php空白技巧_无干扰阅读体验
(图片来自网络侵删)

这不是我们所期待的阅读时期

通过我们设计,重塑读者阅读体验是我们作为设计师的紧张事情。

如何打造无滋扰阅读体验?

打造无滋扰阅读体验,首先,意味着要打消屏幕上任何可能成为滋扰的成分。

The Bird Paradox

我将屏幕滋扰这一观点称之为Bird-paradox。
你可能玩过Flappy Bird,可这和无滋扰又有什么关系呢?请接着看。

显而易见,全体游戏都是关于专注力。
任何一点点的分心都将导致去世亡,受伤,游戏结束,即便已经有大量的游戏攻略见告你如何玩得更好,但都只有一个核心,不要去关注分数,仅仅是专注专注,不断的专注。

当然了,设计阅读体验和开拓游戏不是一回事,但相似的对付专注力的渴求确是同等的。

接下来我们将接着磋商如何把读者从该死的阅读体验中补救出来。

版式&内容

显而易见,版式和内容很大程度上取决了我们所读所看的意义。

事实上,很多人都说他们已经尽可能的摘选了可读性高的美妙的笔墨内容,有时这并不是最主要的,要知道版式所起的浸染更值得我们去把稳。

你将会创造这儿有些规则,乃至说诀窍,能完备有效提升阅读体验。
差劲的排版也并不是看上去多糟糕,只是更随意马虎让人们分心,放弃阅读罢了。

帮你还有你的读者一个忙吧,尽力去找到最得当的版式。

模拟需谨慎

盲目的将物理实体的体验照搬到数字媒体运用并不是一个好的设计,就如Erik Spiekermann曾说:

在阅读上,人们总是热爱他们习气的。

过去,设计上对付书本,报纸以及杂志实体的动作效仿能够被人接管是由于人们对纸媒时期的习气。
但现在不一样,数字媒体霸占了人们的生活,我们已对以数码产品为媒介的阅读办法习以为常,也容许以考试测验改变。

就拿翻页作比方,模拟真实翻书动作的轻击翻页一欠妥心可能会翻到随意的一页,读者就不得不重整思路。
而Apple现在就为iBooks用户就供应了“滚动翻页”和“轻击翻页”的选择。
当然了,如果你希望你的读者像真实读书一样体验数字阅读,你就把运用做得像书一样吧。

固定位置

在网页设计上,我们大量了利用了固定位置,不论是在全局选项,导航标志还有logo。
让我们看一个例子:Focuslab LLC。
一家来自美国的设计事情室:

Focuslab利用色彩,字形表现了他们的品牌,不论你得当滚动屏幕,这个标幅一贯都固定在视图上方。

但是,并不是所有的logo设计都可以如此精美,值得霸占这样大的空间。

当我们重新为Holtzbrinck.com(著名媒体公司)设计师,我们将所有的信息都糅合在同一页里,以是这是非常长的一页。
因此我们想着必须给页面增长一个导航,以至于方便用户又不影响可读性。
以是我们用了其他的方法办理:

当用户阅览时不仅可以利用手机自身的操作掌握,还可以滑动右边的进度条调节。
既知足了阅读体验又方便操作。

书签

书签和固定位置的设定有着很多相似之处,但本色却全然不同。
由于,它最初并不是设定好的,而是根据读者的须要所决定。

只管书签对可读性没有太大代价,但对付运用自身来说又非常的主要。
当用户须要做个标记方便联系高下文阅读时,书签就必不可少。

侧边栏

当设计师开始他的设计时,首先,他会专注于将最主要的内容展示出来,此时,他大概会对自己的作品充满敬畏又相称知足。
直到一个自以为聪明的同事途经,建议性的说了一句:“诶,我以为这里空缺的地方可以加更多的东西,来一个侧边栏吧,人们都喜好!

于是,设计师仿佛打开了潘多拉魔盒,将空缺的地方不断填满不断填满,直到原来设计面孔全非。

我以为Oliver Reichenstein说过一句非常好的话:

你以为你须要侧边栏,只是由于你自己便是个侧边栏,如此微不足道。

如果你真的非得要添加个侧边栏,我只能说你至少要确保它不会碍眼。
动画效果,图片,还有能干的边幅都会分散读者的把稳力。

我再说一句,一旦你有了这个想法,请你一定要武断的放弃,绝不犹豫的退格删除你写下的编码。
忠言!

简洁动画

在我先前的文章Transitions中,我有提到如何有效利用切换和动画。
就阅读的哀求而言,任何移动,扭捏,弹跳都可能会影响阅读。

而在长篇文章的阅读中聪明的利用动话,适当的嵌入多媒体信息又可提升读者阅读体验。
因此很难形容什么样的设计才是最好的,但我必须见告你:在没有任何动画的影响下,读者关闭了当前页面的阅读,只能证明这篇文章不好。

以The Verge为例,当前这是一篇关于星战迷友的文章。
当你利用不同的设备(OS X,Windows,Android)阅读时,阅读的界面和设计会有不同,但设计上真算得上是不错的体验。

令人忧心的是,人们在看到第一个动画后,后文再次涌现的动画不再那么有吸引力,而且还可能分散读者的把稳力。

如果某些内容须要强调,我建议还是用尽可能简洁的动画吧。

广告

Brad Frost曾说广告便是垃圾,而我通过在广告事情的履历,确信在此我们该当客不雅观一些。
广告并不坏,恶心人的仅仅是糟糕的广告和糟糕的广告布局,我们对此避之不及。
太多情由证明广告有时候是组成完全网页的一部分,只是广告从业者有些过分,给我们的屏幕添载了太多无用的信息。

光彩我们知道怎么屏蔽广告,通过安装Adblocker,而那些迷信“更多的广告更好的生活”的人们也将创造他们处在一个无止境的黑洞。

广告无处不在,我想我们有必要开始办理这个问题。
首先,不要像Forbes Magazine那样:

好吧,只有过分痴迷于冰淇淋的经理会将这样全然无关主题内容的广告添加到页面上,而且就算点开了,也可能会创造这个品牌在你的国家根本不存在。

那些重视自己韶光的人也做了一些改进:

固定的标题栏,极具诱惑的箭头还有底部的横标。
所有的功能彷佛都完备了,但也十足的吸引了读者的把稳力。

结果便是:放弃了阅读。
首先,全体页面内容看起来太廉价了,让人分心,没有效率而且有不适感。
第二,这种设计不仅搅扰了原文作者的内容而且读者阅读起来也很困难。
人们大概会像最初那样用工具移除视觉“噪音”,或者找到其他更得当的阅读办法。

不得不承认,除了广告,要完备的把稳力高度集中保持阅读是非常困难的,在手机上更是如此。
在此我想给你一些建议:

不要让读者猜这是不是广告。

Quartz Magazine仅仅只在文章页面的底部展示广告,这彷佛是非常聪明的做法。

他们考试测验过很多不同的设计理解到只有当广告非常棒的时候,才有可能被人们接管。
而且质量代表着统统。

广告在本日的时期面临着很大的寻衅,对此我也没法给出最佳答案,我只知道我们还能做得更好。
通过精心的设计,选择得当的广告,我相信我们能在用户阅读体验和互助伙伴的事情中得到担保。

页码

标签:

相关文章