这两种布局哪种更优秀?

2012 年 4 月 29 日
 benzhe
1. http://awesomescreenshot.com/0e14iz16c

2. http://awesomescreenshot.com/03d4iz4d3

and why?
7781 次点击
所在节点    设计师
36 条回复
ellic
2012 年 4 月 29 日
我偏向第二个,第一个过窄,文字堆,让人觉得比较压抑。
unstop
2012 年 4 月 29 日
第二个吧:据说人眼扫描网页的习惯是从左至右,从上至下。
icyflash
2012 年 4 月 29 日
个人喜欢2,标题从上往下一扫而过。

第一种眼球则是Z型在转动,而且始终觉得这种流布局更适合纯图片类的
turing
2012 年 4 月 29 日
我觉得第一个比较好,布局其实应当反应设计者的用以,针对存档类页面,摘要形式的文章只需要给读者传递一种“我大概是在说什么”的概念就可以了,第一种布局如果把摘要文字缩短,在首屏内可以展示更多篇文章,大部分文章只需要标题就可以说明主要含义了。

第二种布局,cnbeta的存档页就是使用这种布局,我通常不会看摘要,直接根据一篇文章的标题就选择是否打开这篇文章查看,这种布局的坏处是会将页面拖的很长很长。
uiimg
2012 年 4 月 29 日
我也赞同楼上所说的 第二种视觉上有点分散了
benzhe
2012 年 4 月 29 日
@turing 如果作为首页(即非存档页)呢?另外对于这类网站,为什么页面长是坏处?
zern
2012 年 4 月 29 日
我还是喜欢第二种:因为眼睛轻松点
turing
2012 年 4 月 29 日
@benzhe 首页的布局一般不会这么单一,尤其是整合咨询的网站,但是首页在博客中是作为存档页来处理的,我觉得对于信息种类单一的网站,使用第二种简单的布局比较方便而且能够集中读者的注意力。

不仅页面长,首屏信息也显得少,较长的页面增加了阅读的成本,而本来就不是所有用户都愿意读到底的。
aisin
2012 年 4 月 29 日
第二种, 从上往下, 浏览时更方便, 更习惯
jedicxl
2012 年 4 月 29 日
我喜欢第一个。方便快速浏览和过滤,适合使用移动设备的阅读者。

第二个,太线性化,阅读者很容易视觉疲劳,于是不会继续看下去。
depress
2012 年 4 月 29 日
我倒是倾向第一种,而原因则是楼上提到的眼睛更轻松。第二种的阅读方式是直线从上到下,眼球只有上下滚动,而第一种是Z型阅读或S型阅读,眼球上下左右都有滚动,更不易感觉累。
reus
2012 年 4 月 29 日
我觉得第一种更累
b362311
2012 年 4 月 29 日
感觉第二个好,一路向下,会舒畅很多,第一个适合图片展示
sanye
2012 年 5 月 9 日
第一个好累,注意力被分散,眼球转来转去。第二种才有看下去的欲望……
coolfavor
2012 年 5 月 10 日
倾向第2个
第2种布局方便快速提炼关键信息,以标题为主导的文章资讯更适合采用这种单一的线性列表形式;
而第1种布局,过多过密集的摘要文字占据了大量的空间,容易造成视觉负担,眼球需要频繁滚动也易造成视觉疲劳,这种布局更适合以图片为主导的资讯。
smilebaby
2012 年 5 月 10 日
第一个杂志化,花哨;第二个实用
Julyyq
2012 年 5 月 10 日
我比较偏向于第一个,不用动鼠标、眼睛什么的就可以获取到更多的信息。
kava
2012 年 5 月 10 日
更新比较多的网站,比如煎蛋,选第一个
这类更新多的网站,主要看标题。
布局1一眼扫三个标题感觉不累。如果布局2的话,浏览的时间更长,翻页麻烦
saturn
2012 年 5 月 10 日
对于我这种没有设计细胞的人来说,偏向第二种。不过我建议同时上线,做A/B testing。

我总以为包含大量中文字体的页面,特别不适合瀑布流类的设计(横向N个区块,纵向N个区块),看着头晕。
greatjam
2012 年 5 月 10 日
煎蛋这种网站更适合轻松浏览,线性太正经且具有压迫感了。
选2。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/34064

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX