这两种布局哪种更优秀? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
设计师推荐装备
WACOM 数位板
推荐阅读
版式设计基础教程 by 南云治嘉
版式设计全攻略 by 佐佐木刚士
benzhe
V2EX    设计师

这两种布局哪种更优秀?

  •  
  •   benzhe 2012-04-29 12:36:36 +08:00 6898 次点击
    这是一个创建于 4914 天前的主题,其中的信息可能已经有所发展或是发生改变。
    36 条回复    1970-01-01 08:00:00 +08:00
    ellic
        1
    ellic  
       2012-04-29 12:42:12 +08:00
    我偏向第二个,第一个过窄,文字堆,让人觉得比较压抑。
    unstop
        2
    unstop  
       2012-04-29 12:42:42 +08:00
    第二个吧:据说人眼扫描网页的习惯是从左至右,从上至下。
    icyflash
        3
    icyflash  
       2012-04-29 12:46:41 +08:00   1
    个人喜欢2,标题从上往下一扫而过。

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

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

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

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

    我总以为包含大量中文字体的页面,特别不适合瀑布流类的设计(横向N个区块,纵向N个区块),看着头晕。
    greatjam
        20
    greatjam  
       2012-05-10 10:15:56 +08:00
    煎蛋这种网站更适合轻松浏览,线性太正经且具有压迫感了。
    选2。
    arthur369
        21
    arthur369  
       2012-05-15 14:50:38 +08:00
    第二个。都应该再改改
    dkmgogo
        22
    dkmgogo  
       2012-05-15 15:25:15 +08:00
    如果不是摄影、图片题材的话,看到网格式立刻关闭。用网格排版看文字及其令我恶心
    froo
        23
    froo  
       2012-05-15 15:40:50 +08:00
    考虑下根据内容权重混排呢?参考豆瓣猜。
    roychou
        24
    roychou  
       2012-05-15 15:53:15 +08:00
    第二种吧 更符合人的阅读习惯
    xavierskip
        25
    xavierskip  
       2012-05-15 16:05:22 +08:00
    在蛋友的强烈要求下不早就改回第二种了的么?
    yyyao8
        26
    yyyao8  
       2012-05-16 11:10:51 +08:00
    空间比较卡啊!打不开,看不到!
    halden
        27
    halden  
       2012-05-16 11:18:24 +08:00
    第二个好,第一个眼球需要频繁滚动,容易疲劳,而且信息量小。第二个标题更大,整体包含的内容也较多,比较容易吸引人们眼球
    whisperer
        28
    whisperer  
       2012-05-18 16:29:17 +08:00
    喜欢第一个,毕竟重点是内容,第二个感觉太局促了,适合做图片展示
    事实上现在很多分享图片的网站都是第二种布局
    Gary_Cheung
        29
    Gary_Cheung  
       2012-05-18 16:46:30 +08:00
    喜欢第二个
    第一个压迫感太强了
    luguozmy
        30
    luguozmy  
       2012-05-18 16:53:21 +08:00
    第一种好些
    比如像google reader
    qiuai
        31
    qiuai  
    PRO
       2012-05-18 17:22:57 +08:00
    第二个更适合阅读
    nexus
        32
    nexus  
       2012-05-18 17:49:15 +08:00
    喜欢第一种
    odysseus
        33
    odysseus  
       2012-05-18 17:59:12 +08:00
    第二种,第一种排版的视觉和阅读的切换太快,无法集中注意力。
    dhysum
        34
    dhysum  
       2012-05-18 18:03:13 +08:00
    第一种
    opennet
        35
    opennet  
       2012-05-18 18:16:21 +08:00
    我的感觉,第一种舒服些,第二种太分散注意力
    sailgallery
        36
    sailgallery  
       2012-05-19 15:08:16 +08:00
    第二种好。简单。逻辑上眼球主要上下移动。看的舒服也比较快速。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     852 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 19:27 PVG 03:27 LAX 12:27 JFK 15:27
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86