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

视差

页面

效果

95 replies • 2014-08-06 15:21:51 +08:00

1

westup

Aug 4, 2014

2

看到启维两个字就想block，你是否该重新想下你的营销策略？

2

kmvan

Aug 4, 2014 via Android

手机无法正常浏览

3

x86

Aug 4, 2014

漂亮！

4

dimlau

Aug 4, 2014

这个…根本没发挥出视差效果的功效来啊。

5

leer561

Aug 4, 2014

- -太卡了，帧率好低的感觉

6

zhang1605

Aug 4, 2014

"租房距办公室1.5公里内补贴1000～500元" 看成1000到1500了。你们怎么不按常理出牌呀 :)

7

Livid

MOD

PRO

Aug 4, 2014

Good job，几乎感到眩晕。

8

ryanyu104

Aug 4, 2014

看着卡不舒服设计的不错

9

loniper

Aug 4, 2014

卡爆了

10

learnshare

Aug 4, 2014

为什么感觉帧率好低？

11

airyland

Aug 4, 2014

我觉得这样的设计已经很Nice了，不需要再加动画了。视觉效果不舒服的动画不如不要。

12

jok3r

Aug 4, 2014

已经卡到和视差没关系的程度了

13

yautou

Aug 4, 2014

Safari卡成什么了。。。。
招聘不错~

14

greenymora

OP

Aug 4, 2014

@Livid 追求这种亮瞎眼于是不想认真看字的效果＝＝

15

notedit

Aug 4, 2014

同时动的内容太多有点不舒服了

给三个妹子点赞

16

yangkeao

Aug 4, 2014

@learnshare 同感。动画卡顿严重。

17

yangkeao

Aug 4, 2014

有几幅图的视差不明显。

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

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

后面biu的那个非常喜欢。

18

icanfork

Aug 4, 2014

http://www.saltaboombox.com.ar/#boombox
我以为展现在我眼前的是这种~

19

greenymora

OP

Aug 4, 2014

@yangkeao
@yautou
@jok3r
你们都是safari吗？
我这边看，还挺流畅的＝＝

20

greenymora

OP

Aug 4, 2014

@westup 没事儿，你反正记住了嘛~
@kmvan 手机版本还在做

21

learnshare

Aug 4, 2014

@yangkeao 难道就是在 FF 的平滑滚动上开发的？这种浏览器设置真让人讨厌。

不清楚是响应的事件有问题，还是滚动的计算有问题。应该多测试。

22

emric

Aug 4, 2014

#section-5, #section-6 感觉很像是为了滚动而滚动, 眩晕感很严重..
总体来说还是挺赞的.

23

greenymora

OP

Aug 4, 2014

@emric 6我们要改。5其实是由远到近的移轴模糊效果。在chrome下可以看到，ff不支持。

24

dimlau

Aug 4, 2014

@belin520 或者这种：
http://www.addiction.com.tw/

25

ua

Aug 4, 2014

logo 跟我头像有点像哈~ 缘分~

26

mailunion

Aug 4, 2014

为什么现在都流行这个呢， QQ 下载界面也是，迅雷也是，个人不喜欢。
最喜欢那种简洁的，图像不要多。

27

hoogle

Aug 4, 2014

卡卡的。。回玩贴去睡一下。。

28

dimlau

Aug 4, 2014

@greenymora 我觉得问题在于……
1、每个场景几乎都是独立的，从导航进入单独场景之后就无所适从了；
2、场景的停留时间太短，调整一下每个场景站用的滚动条跨度再大一些，场景中滚动滚轮再去慢慢展现那些动画效果会不会更好些。

29

yangkeao

Aug 4, 2014

@greenymora 我是chrome

30

yangkeao

Aug 4, 2014

@learnshare 用fullpage.js的时候因为ff的平滑滚动搞不好，放弃了。

但是应该是可以的啊！至今未找到解决方案

31

passluo

Aug 4, 2014

眩晕么，应该看看这个
http://prinzhorn.github.io/skrollr/examples/gradientsmotherfucker.html

32

learnshare

Aug 4, 2014

@yangkeao FF 平滑滚动是个多余的功能，不适合交互多的单页网站。

33

phperstar

Aug 4, 2014

为什么导航不是做成浮动的，不然切换到别的页面之后，只能靠滚动鼠标来切换页面了。用户体验不好呀。。。

34

P9

Aug 4, 2014

创始人们的头像亮瞎我的狗眼

35

mcwanderer

Aug 4, 2014

看的头晕

36

yads1983

Aug 4, 2014

1

两年下来启维知道自己要做什么了吗？

37

greenymora

OP

Aug 4, 2014

@yads1983 看简介哦~

38

570k

Aug 4, 2014

年轻啊

39

lsj5031

Aug 4, 2014

firefox流畅-。-

40

bibizhang

Aug 4, 2014

滚得有点硬弄那种惯性的好点吧反正也是不同的段落

41

bjhyyc

Aug 4, 2014

1

启维一看就是那种文科生做的东西，华而不实。
找不到任何重点，全是矫情，连每一个板块都要取一个新名字，是有多自恋啊。
你要是把力气花在内容制造上，你可以以少浪费一半的时间成功
换句话说，你们这样的风格吸引的受众肯定也有，但本就小众的受众里选一批喜欢矫情的出来，nozuonodie啊

42

herolee

Aug 4, 2014

不做动画就会死星人？
41L说得好

43

sunng

Aug 4, 2014

非常赞，几乎没有看出来有动画

44

zinev

Aug 4, 2014

ubuntu下chromium，footer部分，对比太强烈了，是在“不忍直视”

45

ellic

Aug 4, 2014

借楼求 echo 的邀请码。

46

twor2

Aug 4, 2014

除了视觉，希望关注打开速度的优化，里面一些内容非常赞的

47

Biwood

Aug 4, 2014

挺好的，也许动画可以继续优化一下，做的更惊艳一些

48

mikej

Aug 4, 2014

我的眼睛。。。

49

tokune

Aug 4, 2014

卡成DOG

50

momo5269

Aug 4, 2014

苍月24.7还行机器还是很差的那种（AMD x2 5400+）
花哨也就算了，可是这衔接和色差令人头疼呀。
如果是横向的可手动选定的滚动banner还行，可那样效果就差太远了……

51

momo5269

Aug 4, 2014

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均为硬盘上的便携版版本浏览器

52

Iblard

Aug 4, 2014

个人体验：请不要伤害我的眼睛，闪的厉害。

53

LIMMM

Aug 4, 2014

为什么感觉有点花。。。

54

bladecamper

Aug 4, 2014

外链就不能加个target=_blank么

55

C0VN

Aug 4, 2014

chrome卡崩溃了。lZ赔我！

56

O21

Aug 4, 2014 via iPhone

黄药师你好

57

vinsa

Aug 4, 2014

好赞叹

58

g0thic

Aug 4, 2014

三个妹子都是单身吗？

59

Dzinlife

Aug 4, 2014

这叫scroll hijacking，跟parallex没什么关系。

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

页面设计充满学生气息哈，如果目标用户是学生群体那会很合适:)