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

aiboboxx

) E% M5 o8 G: d( T6 M大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计(译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的速度搬动，形成立体的感觉，带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰，将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
2 {8 c; z6 i- g& B7 W& ^' v一些网站还是使用大版面的传统垂直排版，再添加一些简单的小巧的斜线设计，这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形，这样的布局会比较的平衡，也会使用户有更好的体验：他们既会注意到布局，也不会忽略网页的内容，同时，网页的导航也很自然到位。不过在2011年12月的网页设计会上，有一些网页设计完全抛弃以往的干净简洁理论，结果是他们的网页看起来有点混乱无序。也就是说，想要利用斜线设计的抢眼效果，前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西，并且用户也不能很容易地在这个网页上浏览，那么他们很快就会丧失一开始的好奇感而一去不返。
色彩在传统的垂直排版中是十分重要的，而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩，而且不会干扰用户注意和用户体验，那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运，它们的设计、布局、色彩都做得恰如其分，使得这些网页的导航都很直观、简单。同时，看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客，给他们留下深刻的印象，也更有可能让他们在你的网页上呆更长的时间。
这篇文章里，我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话，欢迎你将这篇文章转载给你的朋友们。
: N2 m9 v9 s/ N0 iYamaha
9 B& Q3 ]+ U" ~+ J3 a" n/ g

5 M6 c* [$ z, `( }% g                               
登录/注册后可看大图

Whyinteractive

                               
登录/注册后可看大图

7 F5 U* i. e5 ~8 Q0 sBadminton-Center
. {+ I3 A% m8 I& U$ h

                               
登录/注册后可看大图

Arnaudbeelen

                               
登录/注册后可看大图

. J, h. ~) z  bbloedoranjegallery
/ Z) S1 ]! Q; ^
: X7 V: H9 o1 @1 h, `3 `

# D) \$ ]- \, k- Q9 T1 o# T/ a                               
登录/注册后可看大图

) S4 Y' m8 R3 n' s0 Z5 U  Y/ KCarterdigital
1 ?; Y4 {- b" ]
  e8 z# C7 X, R+ w& G6 |* C6 K

1 I( p2 ~% F" b: L* Q# d  ^                               
登录/注册后可看大图

9 W2 f) f1 ~* [Piropixel
7 M: B2 R( A: |% M, I

6 v# ^8 o! H' ~                               
登录/注册后可看大图

Wixel

' X) n) _* c+ A/ u1 _# q

/ ^6 q* C1 M8 P2 p) r  {& V                               
登录/注册后可看大图

Skidpasset

, j/ {. }7 Z2 u( B% I7 E4 n6 g

7 y2 q1 q7 r- H; ~                               
登录/注册后可看大图

  C2 Q8 P/ N% H; m7 @Neotokio

9 z5 ]: |7 p9 J                               
登录/注册后可看大图

Kikk
) k+ q- [: g; M4 s; O
( H: l2 d( l! P3 v

4 n$ _6 v/ m) H7 g7 C/ {                               
登录/注册后可看大图

+ S2 O  T! y0 j' e4 zDesignergleb
" h+ Q  E8 H) m) x
: L/ Z# `+ K2 c5 ~3 P

. g+ i6 m0 V3 F) s                               
登录/注册后可看大图

Unfold

# j6 Y  @; K3 N+ \                               
登录/注册后可看大图

! H0 R  k4 C( b* S: FEthanmarcotte
& p  z% \; N7 n' P7 \

                               
登录/注册后可看大图

) j6 J, x. S: YTruly-design

6 Y( h0 D- p/ d  i3 `" J" E

                               
登录/注册后可看大图

Bleepradio

( E# \! c  }( c

                               
登录/注册后可看大图

( o4 _, M( J, t: Z, W7 k0 }# ?Fusionroom

" A& `* g  ?! b' R/ W; e                               
登录/注册后可看大图

Davidkopec
! H+ W# k$ E$ N, m
0 }- R4 Z0 U: u+ P; g8 G

  r; w' }0 x  h3 w                               
登录/注册后可看大图

# l5 @5 Z. [" H3 ]" b; k" ]Olivers
5 d) b$ W. f, D3 w: t/ W9 D
6 T: m, I- |5 \( l3 u0 a

                               
登录/注册后可看大图

! X4 Q+ ?8 k8 PTympans

% Q+ _) i% o  q                               
登录/注册后可看大图

Vonchurch
. t4 Y! x5 H7 m% v; ^. u

" O+ j8 }; ^  c. k$ A' ]% g1 F                               
登录/注册后可看大图