爱意满满的作品展示区。
greenymora

设计了新视差效果的页面,求大家拍砖

  •  
  •   greenymora · Aug 4, 2014 · 9648 views
    This topic created in 4484 days ago, the information mentioned may be changed or developed.
    http://www.kibey.com/
    很久以前做过视差效果的。这次重新升级了~
    95 replies  •  2014-08-06 15:21:51 +08:00
    westup
    westup
    Aug 4, 2014❤️2
    1
    看到启维两个字就想block,你是否该重新想下你的营销策略?
    kmvan
    kmvan
    Aug 4, 2014 via Android
    2
    手机无法正常浏览
    x86
    x86
    Aug 4, 2014
    3
    漂亮!
    dimlau
    dimlau
    Aug 4, 2014
    4
    这个…根本没发挥出视差效果的功效来啊。
    leer561
    leer561
    Aug 4, 2014
    5
    - -太卡了,帧率好低的感觉
    zhang1605
    zhang1605
    Aug 4, 2014
    6
    "租房距办公室1.5公里内补贴1000~500元" 看成1000到1500了。你们怎么不按常理出牌呀 :)
    Livid
    Livid
    MOD
    PRO
    Aug 4, 2014
    7
    Good job,几乎感到眩晕。
    ryanyu104
    ryanyu104
    Aug 4, 2014
    8
    看着卡 不舒服 设计的不错
    loniper
    loniper
    Aug 4, 2014
    9
    卡爆了
    learnshare
    learnshare
    Aug 4, 2014
    10
    为什么感觉帧率好低?
    airyland
    airyland
    Aug 4, 2014
    11
    我觉得这样的设计已经很Nice了,不需要再加动画了。视觉效果不舒服的动画不如不要。
    jok3r
    jok3r
    Aug 4, 2014
    12
    已经卡到和视差没关系的程度了
    yautou
    yautou
    Aug 4, 2014
    13
    Safari卡成什么了。。。。
    招聘不错~
    greenymora
    greenymora
    OP
    Aug 4, 2014
    14
    @Livid 追求这种亮瞎眼于是不想认真看字的效果==
    notedit
    notedit
    Aug 4, 2014
    15
    同时动的内容太多 有点不舒服了

    给三个妹子点赞
    yangkeao
    yangkeao
    Aug 4, 2014
    16
    @learnshare 同感。动画卡顿严重。
    yangkeao
    yangkeao
    Aug 4, 2014
    17
    有几幅图的视差不明显。

    后来换firefox试一下,因为firefox带有平滑滚动,就舒服到爆了。

    但是其它没有平滑滚动(不含扩展)的效果就差一些。

    后面biu的那个非常喜欢。
    icanfork
    icanfork
    Aug 4, 2014
    18
    http://www.saltaboombox.com.ar/#boombox
    我以为展现在我眼前的是这种~
    greenymora
    greenymora
    OP
    Aug 4, 2014
    19
    @yangkeao
    @yautou
    @jok3r
    你们都是safari吗?
    我这边看,还挺流畅的==
    greenymora
    greenymora
    OP
    Aug 4, 2014
    20
    @westup 没事儿,你反正记住了嘛~
    @kmvan 手机版本还在做
    learnshare
    learnshare
    Aug 4, 2014
    21
    @yangkeao 难道就是在 FF 的平滑滚动上开发的?这种浏览器设置真让人讨厌。

    不清楚是响应的事件有问题,还是滚动的计算有问题。应该多测试。
    emric
    emric
    Aug 4, 2014
    22
    #section-5, #section-6 感觉很像是为了滚动而滚动, 眩晕感很严重..
    总体来说还是挺赞的.
    greenymora
    greenymora
    OP
    Aug 4, 2014
    23
    @emric 6我们要改。5其实是由远到近的移轴模糊效果。在chrome下可以看到,ff不支持。
    dimlau
    dimlau
    Aug 4, 2014
    24
    ua
    ua
    Aug 4, 2014
    25
    logo 跟我头像有点像哈~ 缘分~
    mailunion
    mailunion
    Aug 4, 2014
    26
    为什么现在都流行这个呢, QQ 下载界面也是,迅雷也是,个人不喜欢。
    最喜欢那种简洁的,图像不要多。
    hoogle
    hoogle
    Aug 4, 2014
    27
    卡卡的。。回玩贴去睡一下。。
    dimlau
    dimlau
    Aug 4, 2014
    28
    @greenymora 我觉得问题在于……
    1、每个场景几乎都是独立的,从导航进入单独场景之后就无所适从了;
    2、场景的停留时间太短,调整一下每个场景站用的滚动条跨度再大一些,场景中滚动滚轮再去慢慢展现那些动画效果会不会更好些。
    yangkeao
    yangkeao
    Aug 4, 2014
    29
    @greenymora 我是chrome
    yangkeao
    yangkeao
    Aug 4, 2014
    30
    @learnshare 用fullpage.js的时候因为ff的平滑滚动搞不好,放弃了。

    但是应该是可以的啊!至今未找到解决方案
    learnshare
    learnshare
    Aug 4, 2014
    32
    @yangkeao FF 平滑滚动是个多余的功能,不适合交互多的单页网站。
    phperstar
    phperstar
    Aug 4, 2014
    33
    为什么导航不是做成浮动的,不然切换到别的页面之后,只能靠滚动鼠标来切换页面了。用户体验不好呀。。。
    P9
    P9
    Aug 4, 2014
    34
    创始人们的头像亮瞎我的狗眼
    mcwanderer
    mcwanderer
    Aug 4, 2014
    35
    看的头晕
    yads1983
    yads1983
    Aug 4, 2014❤️1
    36
    两年下来启维知道自己要做什么了吗?
    greenymora
    greenymora
    OP
    Aug 4, 2014
    37
    @yads1983 看简介哦~
    570k
    570k
    Aug 4, 2014
    38
    年轻啊
    lsj5031
    lsj5031
    Aug 4, 2014
    39
    firefox流畅-。-
    bibizhang
    bibizhang
    Aug 4, 2014
    40
    滚得有点硬 弄那种惯性的好点吧 反正也是不同的段落
    bjhyyc
    bjhyyc
    Aug 4, 2014❤️1
    41
    启维一看就是那种文科生做的东西,华而不实。
    找不到任何重点,全是矫情,连每一个板块都要取一个新名字,是有多自恋啊。
    你要是把力气花在内容制造上,你可以以少浪费一半的时间成功
    换句话说,你们这样的风格吸引的受众肯定也有,但本就小众的受众里选一批喜欢矫情的出来,nozuonodie啊
    herolee
    herolee
    Aug 4, 2014
    42
    不做动画就会死星人?
    41L说得好
    sunng
    sunng
    Aug 4, 2014
    43
    非常赞,几乎没有看出来有动画
    zinev
    zinev
    Aug 4, 2014
    44
    ubuntu下chromium,footer部分,对比太强烈了,是在“不忍直视”
    ellic
    ellic
    Aug 4, 2014
    45
    借楼求 echo 的邀请码。
    twor2
    twor2
    Aug 4, 2014
    46
    除了视觉,希望关注打开速度的优化,里面一些内容非常赞的
    Biwood
    Biwood
    Aug 4, 2014
    47
    挺好的,也许动画可以继续优化一下,做的更惊艳一些
    mikej
    mikej
    Aug 4, 2014
    48
    我的眼睛。。。
    tokune
    tokune
    Aug 4, 2014
    49
    卡成DOG
    momo5269
    momo5269
    Aug 4, 2014
    50
    苍月24.7还行 机器还是很差的那种(AMD x2 5400+)
    花哨也就算了,可是这衔接和色差令人头疼呀。
    如果是横向的可手动选定的滚动banner还行,可那样效果就差太远了……
    momo5269
    momo5269
    Aug 4, 2014
    51
    Opera12.17 通过 平滑滚动流畅 表现比苍月还好
    Iron 35.0 通过 平滑滚动一般 加载表现不如前两个
    Internet Explorer11 通过 相当流畅 感觉上比Opera还好一些 (IE8 现系统无法打开)
    Maxthon 4.4.1.3 勉强 滚动不流畅 拉动不流畅 加载没问题
    Opera 23.0 通过 和Iron一样的毛病但是略好

    环境为 [AMD x2 5400+ ] [6G RAM] [1T HDD] [Windows2008R2 EE SP1 x64]
    除去IE均为硬盘上的便携版版本浏览器
    Iblard
    Iblard
    Aug 4, 2014
    52
    个人体验:请不要伤害我的眼睛,闪的厉害。
    LIMMM
    LIMMM
    Aug 4, 2014
    53
    为什么感觉有点花。。。
    bladecamper
    bladecamper
    Aug 4, 2014
    54
    外链就不能加个target=_blank么
    C0VN
    C0VN
    Aug 4, 2014
    55
    chrome卡崩溃了。lZ赔我!
    O21
    O21
    Aug 4, 2014 via iPhone
    56
    黄药师你好
    vinsa
    vinsa
    Aug 4, 2014
    57
    好赞叹
    g0thic
    g0thic
    Aug 4, 2014
    58
    三个妹子都是单身吗?
    Dzinlife
    Dzinlife
    Aug 4, 2014
    59
    这叫scroll hijacking,跟parallex没什么关系。

    页面卡是因为没开启硬件加速,translate(x,y)这样不行滴,写成translate3d(x,y,0)就流畅了。飞纸鹤的那部分就因为有z轴变换从而开启了硬件加速所以不卡。

    页面设计充满学生气息哈,如果目标用户是学生群体那会很合适:)
    tuoxie007
    tuoxie007
    Aug 4, 2014
    60
    你们说什么卡?
    Vernsu
    Vernsu
    Aug 4, 2014
    61
    感觉力度还不够
    nijux
    nijux
    Aug 4, 2014
    62
    整个页面没有很好的传达所要表达的内容
    hljjhb
    hljjhb
    Aug 4, 2014
    63
    The World 6 很卡
    willmok
    willmok
    Aug 4, 2014
    64
    眼花缭乱。
    whuhacker
    whuhacker
    Aug 4, 2014
    65
    窃以为迅雷的效果做得相当之牛逼
    http://vip.xunlei.com/client/

    不过这个可能已经不属于视差滚动的范畴了
    arron
    arron
    Aug 5, 2014❤️1
    66
    坐等你们下一次改版
    paloalto
    paloalto
    Aug 5, 2014
    67


    不能因为追求绚丽的页面效果而忽视性能。好用第一,好看第二。

    卡成这样的帧率真的很少见。

    mbp高配,chrome最新版
    NordicShaw
    NordicShaw
    Aug 5, 2014
    68
    确实是太卡了。
    housne
    housne
    Aug 5, 2014
    69
    - - 太卡了 。。。 建议用 translate3d 能开启 GPU 加速 。。。
    scarlex
    scarlex
    Aug 5, 2014
    70
    中间好卡好卡。
    karmaz
    karmaz
    Aug 5, 2014
    71
    颜色太多太美我不敢看,会卡啊
    另外lz你的个人信息解码第二个网址打不开啊
    superbear
    superbear
    Aug 5, 2014
    72
    挺炫,赞一个
    pandax
    pandax
    Aug 5, 2014
    73
    想法是挺好的...不过是不是忽略了不同浏览器不同分辨率的兼容?
    弄巧成拙
    doufenger
    doufenger
    Aug 5, 2014
    74
    启维,前年就时不时在看看了。 不过现在还弄不懂这产品到底是干嘛的,没有定位啊。 不过从以前到现在都透着文艺范就是了。
    yellowV2ex
    yellowV2ex
    Aug 5, 2014
    75
    好卡呀,完全体验不到精致的感觉,就是卡
    yqrm
    yqrm
    Aug 5, 2014
    76
    卡
    RockiDog
    RockiDog
    Aug 5, 2014
    77
    ff完全不卡啊。。。。系统ubuntu
    kmcool
    kmcool
    Aug 5, 2014
    78
    Safari很卡呢~
    @greenymora 难道是校友?
    ChiangDi
    ChiangDi
    Aug 5, 2014
    79
    Chrome 完全不卡, UBUNTU 13.10
    nagato
    nagato
    Aug 5, 2014
    80
    呵呵呵。。。唯一的效果就是三个妹子长的还算不错,其它几乎忽略不计
    ME865的配置不知道算不算够
    hellojinjie
    hellojinjie
    Aug 5, 2014
    81
    为啥全都是妹子?
    justplaymore
    justplaymore
    Aug 5, 2014
    82
    页面滚动距离和动画播放帧数的比例太大了,滚很多次,动画才动一点点,给人不连贯的感觉,页面的纵向移动让人很难注意到页面某一静止部分的动画细节。
    greenymora
    greenymora
    OP
    Aug 5, 2014
    83
    @paloalto 为什么,我们这边就没有卡过.... T_T 我用的也不是多好的机器啊,就是很普通的低配air
    zythum
    zythum
    Aug 5, 2014
    84
    船长这次的头像不错!

    话说成员都比朱一大。朱一好呀压力了。都不敢卖萌了
    greenymora
    greenymora
    OP
    Aug 5, 2014
    85
    @zythum 哇哦,朱一你终于把自己身份证改到00后出生了?赞!
    27149
    27149
    Aug 5, 2014
    86
    不需要加动画,要么就流畅一点,这样太卡了。感觉细节不够注意,比如echo图标,很像流水线出来的东西。Android下载和ios下载这俩按钮风格够老的了
    zythum
    zythum
    Aug 5, 2014
    87
    @greenymora 哈哈哈...不就卖个萌么...
    greenymora
    greenymora
    OP
    Aug 5, 2014
    88
    @zythum 没事你卖~我粉你
    openroc
    openroc
    Aug 5, 2014
    89
    卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡卡
    EricX
    EricX
    Aug 5, 2014
    90
    mac下Chrome浏览,卡卡嗒
    frontman
    frontman
    Aug 5, 2014
    91
    卡 再一个没有做响应
    LINAICAI
    LINAICAI
    Aug 5, 2014
    92
    卡卡西。。。
    kennedy32
    kennedy32
    Aug 5, 2014
    93
    很炫
    tamamaxox
    tamamaxox
    Aug 6, 2014
    94
    略卡,
    视觉差 有什么组件辅助开发
    wangyifei6817
    wangyifei6817
    Aug 6, 2014
    95
    卡成这样让我怎么说呢..
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2160 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 198ms · UTC 13:30 · PVG 21:30 · LAX 05:30 · JFK 08:30
    ♥ Do have faith in what you're doing.