找回密码
 注册
【阿里云】2核2G云新老同享 99元/年,续费同价华为云精选云产品特惠做网站就用糖果主机Jtti,新加坡服务器,美国服务器,香港服务器
查看: 34|回复: 0

20 个创意十足的斜线网站设计

[复制链接]
发表于 2013 年 6 月 14 日 10:02:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×
- O; H0 a) y, F& c' N* }# ~
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
& w% D) q) d6 ]& M% C( \; p5 Z一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。$ _7 t2 l1 ?& \% o$ V
色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。. @8 ~+ D: K( f9 |. [( g3 k
这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。0 e5 p) m) e, q1 C0 N0 _; R
Yamaha
8 F* D$ `: t& S9 J+ a, }/ J* ?' O  H8 M( N# L

1 {3 Z$ l- n7 s- J7 f                               
登录/注册后可看大图
  B- ?! P) ?) h& V
Whyinteractive
1 T% m  w1 j  X  N, p; P. L- y$ b! @/ ^5 Q, A
2 D& x5 Y) u% E8 ]
                               
登录/注册后可看大图
( L( i( n4 ?, B* S. b
Badminton-Center' O! F  d6 L& ~" |

# I+ H# B: b* ?  \9 D8 }

  w  e) Y) J. }" ?                               
登录/注册后可看大图
- |) ?- ]7 c# o
Arnaudbeelen3 w5 k; i7 c, O* B) R$ b3 d6 W+ C% j
2 s5 k; E9 z5 @; R% S' z
$ b, E4 r0 n( [
                               
登录/注册后可看大图

& @% y0 }, K" ?5 P% }( Y9 obloedoranjegallery5 M5 d& d8 o2 I/ m2 j

. J' m1 U& V8 c, D# o% a9 J

7 E# ]3 n8 D) W% \                               
登录/注册后可看大图
" q* W. K$ g, C7 C! _% J7 F$ o+ u
Carterdigital5 ^3 y. j7 ~9 T3 Z+ ?$ i! r

, {* `$ Z* L! w' g4 s. J. V- v
, F2 s' k8 d# ]$ O* V8 E) _+ u
                               
登录/注册后可看大图
6 W3 X: A/ O# c* E9 y# r- D$ m- S
Piropixel
' F3 ]. S! S7 w# k7 a

: s$ ]  N' W9 [- D! e( |; q. f                               
登录/注册后可看大图

- b( h  O% v3 x, g& M- W: RWixel! D4 m) m) J! ]# {
1 v% c# X) v! ?, k6 l+ x( X9 U

) c, q" a2 p2 ^; N                               
登录/注册后可看大图
( ?# V$ a4 E& Y7 U
Skidpasset
2 f, M8 `, |0 G/ a; U# w( v! U$ V4 }  G' u# ^2 F
" K) `- j2 A- K8 A
                               
登录/注册后可看大图

) R8 H7 `* ?8 \6 d# {Neotokio7 m2 j7 I1 |5 I7 s/ n' A

% T: d+ q9 C4 }8 o

/ e# X" ?. D; E+ M* S+ v4 n+ t8 r) {                               
登录/注册后可看大图

% ]; {! g( P' p" m6 xKikk
4 }) J( Q- T6 q8 `# }; m* X1 V7 d0 w& A8 K) e9 Y: z# T7 O) V! M, b

# J5 C, E) M( h" h: ?4 R: z                               
登录/注册后可看大图
- T" o& t/ _3 P2 Q' _* i
Designergleb
: n% l. D- }8 s( s
# w. q$ f1 H2 m5 v% g* ]4 N' H

2 h" d9 @, v) k2 c# _+ H                               
登录/注册后可看大图
; h5 `% K* I* z8 e$ a
Unfold
1 x# Y9 ], o/ B. ~9 ]8 f' A: B- c7 w2 g  d& s  x

" n' L$ k6 q& w( h( k                               
登录/注册后可看大图
. j' j1 h# V+ J
Ethanmarcotte
+ h* T# w) i) U7 O% g& O0 L; ^% o0 Q4 S* I7 k

9 |& J* Q: O6 V$ R% R6 O& q                               
登录/注册后可看大图
; Z3 Z, Y- s" U& K
Truly-design3 N" s! Q' i) |8 u4 D5 O# R

' m1 _  F! O  @& V
& @0 M( S$ W$ k8 Q" Z0 N/ m
                               
登录/注册后可看大图

+ _( {2 y0 Y) O! i. S8 f( a. mBleepradio- R: d3 Y0 Z1 Q; @( L; q6 t2 c8 S

- s& r7 ]9 F+ I2 ]' ?

4 c/ I! _' |; w! G! D* x  d6 v                               
登录/注册后可看大图

, _0 c! r9 }3 M% ~Fusionroom
4 Z9 t3 d6 g- O% L; r/ d+ S- G0 y9 H

4 r$ v" V! Z$ e' _7 G+ g                               
登录/注册后可看大图
' S+ ]" U/ C" D. T( d
Davidkopec
- Z3 U3 g2 k" ?9 P  {1 l+ e- y: p2 y4 H3 W' \

$ P! r# E" p" a. @2 b4 N                               
登录/注册后可看大图

0 X2 ^% ~, I  _Olivers9 d# \& K% T& j) h" f
& J5 x& s5 V6 c3 p( C
: ^" ^9 f% |: H- Y/ F+ [
                               
登录/注册后可看大图

! F: p; b# S& G8 C$ l4 kTympans
* C  q% Y. ~+ z$ y' a' I! b; d3 j" O9 q# L# w9 M  v$ s! j( d

. S) H& M- T9 q' Q: p( n6 l                               
登录/注册后可看大图

" H1 n) x7 ^7 u. S& wVonchurch
7 Z, k$ b4 ^# @/ O
* M$ z5 E8 |' C5 G" O: ?
9 ~5 A6 r  f6 l- @3 C: q* d
                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2024 年 11 月 17 日 07:35 , Processed in 0.117191 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表