门户网站标题中的空格应用

2016-02-17 04:51 5 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的门户网站标题中的空格应用,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

屎文陈述了门户网站在文字视觉呈现上的一个现象:

同一行文字中,可能包含两条新闻链接,而这两条链接之间的语义关系可能很多样,但并未通过视觉呈现来直观表现这些关系。

门户网站标题中的空格应用,PS教程,图老师教程网

图1:网易首页新闻豆腐块中的链接

如图1所示,在短短的几行新闻中,虽然视觉上统一用空格做分割,但至少有四种语义上的差异。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

综合屎文和屎大师的原话,这种不做任何事情的视觉表现,会导致以下问题

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

1. 对用户:降低阅读速度&增加理解成本。

不同语义关系都用同一种视觉表现,无法预期何时出现哪种关系,只能扫视整行,且增加思考负担。若做图2的视觉处理(字体缩小、颜色差异),用户知道后半句是对前面的解释,那么如果看了前半句不感兴趣,TA大可不必费神看后半句。

门户网站标题中的空格应用,PS教程,图老师教程网

图2:网易新闻中心的链接形式

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

2. 对网站:降低更多链接条目的可发现性。

同行塞入多条链接是为了有效利用版面,增加点击率,但没有视觉差异,会使某些内容或功能被忽略,浪费资源位。如图3中,专题、图集很可能被忽略。

门户网站标题中的空格应用,PS教程,图老师教程网

图3:网易新闻中心的链接形式

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

屎大师进而根据网易的设计,提出了三种视觉处理方案:用字号、用颜色(图2)、用符号(图4)。

门户网站标题中的空格应用,PS教程,图老师教程网

图4:用符号分隔

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

同意屎大师所指出的这个问题,但我认为屎大师没有在该问题最典型的情景中展开他的陈述,从而削弱了观点的说服力。他所提出的这个问题,在他所举案例(门户资讯首页)的严重程度,远不及该问题在功能型页面中的严重性。下面分别从他认为会造成的两处问题做出反驳。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

1. 对用户

首先,屎大师所认为的阅读效率问题,是基于他认为我们都是一整行地扫视的。但在实际阅读中,我们更多是跳着、挑关键字阅读。其次,对于行宽这么窄的一个版块,空格前后的两段文字可能同时就进入视域了,视觉焦点的移动也可能是在1秒以下级别的。屎大师举的正例来自网易新闻中心,但为何网易首页的新闻排版没有用同一种模式,而是任其混乱?比较一下两个页面会发现,首页一行的行宽,等于新闻中心一行的一半。也就是说,即使不做任何视觉处理,对用户在这么窄的板块里阅读并不会有多少影响。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

理解成本问题,对于普通网民来说,面对一大堆文字链,我不认为TA会花时间或需要理解,空格分隔开的文字间是什么关系。这是比较高级的思维活动,多数人可能看到吸引的关键字就点开来看看了。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

做视觉处理,有时候还可能导致理解成本的上升。这是因为:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

1)无法保证各大网站在符号系统上的一致性,而符号有时是需要理解成本的,在不同的网站难道还都去理解并记住它们?

2)使版面整体很混乱。由于新闻的及时更新性,意味着会有各种语义关系的新闻链接堆放在一起。如果分别搭配一种视觉形式,独立来看关系是清晰了,但综合起来会不会一片混乱?

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

也许,真正会影响到用户阅读体验的,还是在于整体版面的视觉语言。这也是网易之所以出色的地方。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

2. 对商业

首页的作用是即时将最新的新闻呈现出来,这意味着编辑应只需要顾及基本的文章标题编辑原则。如果强加给TA一些规定(如为了看起来整齐而统一每句字数),反而大大影响效率。从另一个角度来说,有时候故意混淆链接之间的关系,反而会对点击率有所帮助。

来源:http://www.tulaoshi.com/n/20160217/1578664.html

延伸阅读
搜狐微门户怎么删除   下次再遇到搜狐微门户自动弹出来,先别急着点X关闭,看到不自动弹出的选项了吗?勾上就可以永久关闭了。
标签: 办公软件
文/赵文侠 在文档中使用空格是再平常不过的事情了,但是,如果空格显示为小黑点而挥之不去,却是一件很丢面子的事情,尤其显示给学生们时。 采用“常用工具栏”中的“显示/隐藏编辑标记”,把这些小黑点隐藏起来,还空格以本来面目。但笔者认为这种方法仍有不足之处: 首先,“编辑标记”不只“空格”一种。点击Word上方的“工具→选项→...
标签: 孕期
如何保持女人“门户”清洁? .hzh {display: none; } 刘女士对自身“门户”的护理非常仔细,每天都用阴部护理液来冲洗外阴。近些日子阴部出现了阵阵瘙痒,她在十分纳闷的情况下去医院就疹。医生开出的药方竟然是:什么护理液都别用,只用清水清洗阴部。她回去照做,半月后痊愈。 专家点评: ...
在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃、大气、稳重、信赖、都市化.. 设计师一听到关键词或许很自然地在心里蹦出几个配色与关键词相匹配了。网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用。 色彩是我们接触事物的第一直观...
标签: Web开发
这可能是一个非常简单的问题,但是今天花一点点时间把这个简单的问题在说清晰一点,相信大家对CSS的学习和认识会很有帮助,强化一些概念的东西,对以后的工作效率的提高是很有裨益的。 我们看过一些样式表文件的样式名都写的很长,比如:body #header .topbar.Logo{...},这是因为利用了元素的继承关系,利用元素名,或者ID名和类...

经验教程

384

收藏

11
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部