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

这两种布局哪种更优秀?

  •  
  •   benzhe · 2012-04-29 12:36:36 +08:00 · 6210 次点击
    这是一个创建于 4380 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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  
       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   ·   我们的愿景   ·   实用小工具   ·   5088 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:44 · PVG 13:44 · LAX 22:44 · JFK 01:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.