这两种布局哪种更优秀?

2012-04-29 12:36:36 +08:00
 benzhe
1. http://awesomescreenshot.com/0e14iz16c

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

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

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

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

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

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

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

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

https://www.v2ex.com/t/34064

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

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

© 2021 V2EX