有哪些网页设计是横着的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tomato3
V2EX    问与答

有哪些网页设计是横着的?

  •  
  •   tomato3 2016-08-18 02:54:23 +08:00 3706 次点击
    这是一个创建于 3354 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近看版式设计, 都是以杂志 宣传册为例,好多有横着的, 但是网页设计里面,很少有横着的.

    竖着的网页设计, 一来 竖着往下看更符合人的阅读习惯, 二来 人的眼球左右转动的范围是有限的.

    但是不排除没有啊, 找都不好找. 下面是两个看到过的:

    香奈儿高级定制服

    一个创意作品集

    这两个好看的 都是采用视差滚动的方法, 有个与 bilibli 有关的个人网站是模仿的 win8 的 metro 开始菜单, 类似于这个网站管理 网站 我知道以横着的设计方案来做网页设计的话, 比例是很小的, 适用范围有限. 目前想到的就是作为一个横版的目录页, 就像杂志的目录页一样的.

    我想, 在网页设计开始的时候, 应该横着的和竖着的都是有的, 但是横着现在看不到了, 应该是被上面说的两点淘汰掉了 , 那么到了现在, 横着的网页设计应该都已经算是濒危物种了吧, 现在能够在网页上看到的网页, 它的设计一定有不一样的地方吧?

    那么还有哪些网页设计是横着的呢? 希望见多识广的 V 友能提供一些这种网页.

    ps: 设计的内容均超出屏幕范围, 竖着的是屏幕往上下滚动, 横着是左右滚动.

    16 条回复    2016-08-22 15:19:22 +08:00
    qiayue
        1
    qiayue  
    PRO
       2016-08-18 07:21:54 +08:00 via Android
    hahastudio
        2
    hahastudio  
       2016-08-18 08:31:56 +08:00
    trello
    xuboying
        3
    xuboying  
       2016-08-18 08:53:32 +08:00 via Android
    azure 云的管理面版
    killsting
        4
    killsting  
       2016-08-18 09:13:54 +08:00
    Myspace
    arens
        5
    arens  
       2016-08-18 09:54:27 +08:00
    横版文字排版很头疼
    lxrmido
        6
    lxrmido  
       2016-08-18 10:00:10 +08:00
    开始菜单磁贴啊……(逃
    zesik
        7
    zesik  
       2016-08-18 10:02:17 +08:00   1
    tomato3
        8
    tomato3  
    OP
       2016-08-18 10:58:29 +08:00
    @qiayue 这个好像...是用 tab 标签切换吧....传统的设计...我想看到类似 香奈儿高级定制制服 那样横版的页面

    @hahastudio +1 这种是按照任务流程左右顺序来的

    @xuboying +1 Win8 真传

    @killsting 这个依然是传统的上下滚动的啊 它只是把导航放到了左边

    @zesik +1 以横轴作为距离来设计的
    tomato3
        9
    tomato3  
    OP
       2016-08-18 11:03:45 +08:00
    @arens 过多文字的地方依然用传统的上下滚动 . 我想 横着的应该是固定好的内容 比如目录页啊什么的 绝对布局过去

    @lxrmido 我 看 到 你 了(ver.士兵 76
    killsting
        10
    killsting  
       2016-08-18 13:16:28 +08:00
    @tomato3 你要登录後看 Stream 才是横着滚。
    shimanooo
        11
    shimanooo  
       2016-08-18 14:31:03 +08:00
    考虑到但垂直滚轮鼠标
    imn1
        12
    imn1  
       2016-08-18 15:22:59 +08:00
    我最早见过横向设计的是国外一个设计师的个人作品展示,上世纪
    底部一个超长的滚动条,等加载完那些图要睡着,缓存+刷新 10 多次才加完,我截了个图,横向有将近 8w 像素(当时屏幕也就 1024 宽)
    lausius
        13
    lausius  
       2016-08-18 15:30:20 +08:00   1
    那个做字体的厉向晨他以前的博客就是横向的,当时第一次看到这种网页设计,我一直收藏着。
    https://web.archive.org/web/20110814152248/http://digidea.blogbus.com/
    tomato3
        14
    tomato3  
    OP
       2016-08-18 23:19:11 +08:00
    @killsting 哈哈 steam 登录后 全屏版的好像智能电视的界面 说不定横版的设计以后会在智能电视的网页上大放光彩


    @lausius +1 这个很好, 看来有和我相同想法的啊 哈哈 不过我希望首页是杂志封面的样子 , 存档就是横版的目录 内容还是传统的上下滚动
    shuang
        15
    shuang  
       2016-08-19 13:05:22 +08:00
    百度新闻网页版 在浏览器的 ipad 模式下看
    lausius
        16
    lausius  
       2016-08-22 15:19:22 +08:00
    @tomato3 还有一个忘了说, wired 的 UK 版首页以前就是这种横向设计,不过今年已经改成普通版式的设计了。
    https://web.archive.org/web/20151204002442/http://www.wired.co.uk/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5225 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 07:44 PVG 15:44 LAX 00:44 JFK 03:44
    Do have faith in what you're doing.
    ubao msn 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