SAY討論區

標題: 激發你的靈感：16個精美視差效果網頁設計作品 - 網站設計及開發 [打印本頁]

作者: nightmare1984 時間: 2013-10-22 01:43:26 標題: 激發你的靈感：16個精美視差效果網頁設計作品 - 網站設計及開發

對於視差滾動（Parallax Scrolling），關注網頁設計的朋友都不會陌生。在網頁設計中，視差滾動是一種很特別的網頁設計技術，通過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果，有很強的視覺衝擊力。　　前陣子視差被用來提供一個漂浮在屏幕周圍的元素，有很多的網站使用這種效果，有點勢不可擋的趨勢。如今，「少即是多」的概念也被應用於視差效果中。下面你看到的16個網站案例是基於視差滾動技術實現的，一起欣賞。

Baylie WordPress Theme

Broken Twill

theQ camera

Scytale

Srgint

Cyclemon

Sojourn Network

This is Now

l’unita

Fall in Tennessee

Made by Block

Kill your Darlings

WAAAC

Spotify

Serve Seattle

Codetex

Betty and Betty

英文來源：17 Inspiring Example of Parallax Scrolling Site

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源
hide

附件: [0300393biohrwel5q.jpg] 0300393biohrwel5q.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjQ3fGU3MDVhMDVkfDE3ODE0Nzg0NDl8MHww

附件: [030040mmira2guico.jpg] 030040mmira2guico.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 2
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjQ4fDk0M2UwZmIyfDE3ODE0Nzg0NDl8MHww

附件: [030040xlenlxmpoue.jpg] 030040xlenlxmpoue.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 2
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjQ5fDg2NDIxMjg5fDE3ODE0Nzg0NDl8MHww

附件: [030041k4ihxotzx5e.jpg] 030041k4ihxotzx5e.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 2
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjUwfGNlMzlmYjJlfDE3ODE0Nzg0NDl8MHww

附件: [030041h0giypop1jz.jpg] 030041h0giypop1jz.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjUxfDU2MzZmNzI2fDE3ODE0Nzg0NDl8MHww

附件: [030042oy202hngblf.jpg] 030042oy202hngblf.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjUyfGUwYWVmOGUyfDE3ODE0Nzg0NDl8MHww

附件: [030042d43tw4oqflv.jpg] 030042d43tw4oqflv.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjUzfDJkNGIzN2YyfDE3ODE0Nzg0NDl8MHww

附件: [030043efhbu2zbf5m.jpg] 030043efhbu2zbf5m.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU0fDBmMWY5ZjhjfDE3ODE0Nzg0NDl8MHww

附件: [030044q0vnn2u4yyt.jpg] 030044q0vnn2u4yyt.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU1fGRiYTg1ODg2fDE3ODE0Nzg0NDl8MHww

附件: [030044c0opwrav1oe.jpg] 030044c0opwrav1oe.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 2
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU2fDdhODQyNzY0fDE3ODE0Nzg0NDl8MHww

附件: [030045tw04oyqquie.jpg] 030045tw04oyqquie.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 3
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU3fDUyMzVmODgzfDE3ODE0Nzg0NDl8MHww

附件: [030045rd0dlpalrpe.jpg] 030045rd0dlpalrpe.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU4fDc4OWE2Nzg3fDE3ODE0Nzg0NDl8MHww

附件: [0300453dolyv3tgzx.jpg] 0300453dolyv3tgzx.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjU5fDgwYWU4NjRjfDE3ODE0Nzg0NDl8MHww

附件: [030046yjmrjol1ybb.jpg] 030046yjmrjol1ybb.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjYwfDVmODQwZjAyfDE3ODE0Nzg0NDl8MHww

附件: [030046rmciq04uiak.jpg] 030046rmciq04uiak.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjYxfDVlNmI3ODhifDE3ODE0Nzg0NDl8MHww

附件: [030046fuj5mtbumnw.jpg] 030046fuj5mtbumnw.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjYyfGRjM2YzYjFifDE3ODE0Nzg0NDl8MHww

附件: [030046yixnfnq2khl.jpg] 030046yixnfnq2khl.jpg (2013-10-22 01:43:26, 0 Bytes) / 下載次數 1
http://say.go2tutor.com/forum.php?mod=attachment&aid=NDQzMjYzfGY0NDRlODc2fDE3ODE0Nzg0NDl8MHww

作者: mic167 時間: 2013-10-22 03:02:15

初來乍到，請多多關照。。。嘿嘿，回個帖表明我來過。

作者: ^^SaＳａbb 時間: 2013-10-22 03:20:31

謝謝樓主啊！

作者: 曾冇權 時間: 2013-10-22 03:20:53

發貼看看自己積分

作者: hillmen 時間: 2013-10-22 03:24:16

認真回覆，賺取潛水值

作者: xdxd125 時間: 2013-10-22 03:26:55

有空一起交流一下

作者: Gopper 時間: 2013-10-22 03:30:48

文筆流暢，修辭得體，深得魏晉諸朝遺風，更將唐風宋骨發揚得入木三分，能在有生之年看見樓主的這個帖子。實在是我三生之幸啊。

作者: stk190 時間: 2013-10-22 03:30:51

尼伊達是各好論壇，以後天天來

作者: 切雞飯` 時間: 2013-10-22 03:37:19

這是一個好論壇，應該要多多來

作者: 牛奶陽光 時間: 2013-10-22 03:37:42

幫你項項吧

作者: 尊貴的基佬 時間: 2013-10-22 03:41:44

遇到好論壇中的好帖子

作者: 阿迅 時間: 2013-10-22 04:02:52

支持你加分

作者: jerrygarry 時間: 2013-10-22 04:23:48

嚴重支持！

作者: michael.huang 時間: 2013-10-22 05:55:31

嚴重支持！

作者: 我不是傻鴨 時間: 2013-10-22 08:25:54

我在努力中

作者: yan4327 時間: 2013-10-22 16:18:49

哎怎麼說那~~

作者: 小妖怪 時間: 2013-10-23 08:10:36

頂下再看

作者: skykingdom 時間: 2013-10-24 06:55:39

我有家的感覺~~你知道嗎

作者: 豪鬼AKUMA 時間: 2013-10-25 06:50:49

認真回覆，賺取潛水值

作者: oh~my~gag 時間: 2013-10-26 05:03:55

我快厭倦回復了

作者: alvinsiusiu 時間: 2013-10-26 09:10:36

樓上的話等於沒說~~~

作者: weltergf 時間: 2013-10-26 18:20:23

鑒定完畢.!

作者: 正義西門慶 時間: 2013-10-27 06:14:31

我起來了哈哈剛才迷了會

作者: HOTSTUDIO阿蚊 時間: 2013-10-27 13:44:37

雖然不怎麼好看，但還是幫你頂

作者: 鳥不起點算 時間: 2013-10-28 00:20:39

天啊，這帖子不錯，竟然沒有人回

作者: xdxd125 時間: 2013-10-28 19:10:49

頂頂更健康，越頂吃的越香。

作者: 現實999 時間: 2013-10-29 04:11:56

老闆付我錢，我上班到尼伊達回帖子

作者: ~Muscle~ 時間: 2013-10-29 09:01:54

支持你加分

作者: 十兵衛 時間: 2013-10-29 19:08:50

沒人理我。。

作者: easonchan 時間: 2013-10-30 01:55:50

看起來不錯的樣子

作者: michael.huang 時間: 2013-10-30 08:45:13

雖然不怎麼好看，但還是幫你頂

作者: chrity__summer 時間: 2013-10-30 17:34:42

初來乍到，請多多關照。。。嘿嘿，回個帖表明我來過。

作者: kengtr 時間: 2013-10-31 02:11:06

聲明一下：本人看貼和回貼的規則，好貼必看，精華貼必回。

作者: 津村浩介 時間: 2013-10-31 07:15:24

有空一起交流一下

作者: fifidodo3 時間: 2013-10-31 15:06:17

想都不想，就支持一下

作者: 世界沒日 時間: 2013-10-31 23:50:19

文筆流暢，修辭得體，深得魏晉諸朝遺風，更將唐風宋骨發揚得入木三分，能在有生之年看見樓主的這個帖子。實在是我三生之幸啊。

歡迎光臨 SAY討論區 (http://say.go2tutor.com/)