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

aiboboxx

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

, L' z) S& K' V3 N3 B( w+ d                               
登录/注册后可看大图

0 {, U$ T+ \% S9 b- r  @Whyinteractive
/ w$ r3 R4 f- O& U" D
9 |5 M8 @! R& l+ F

3 Y; U' z2 g* I! S; ]                               
登录/注册后可看大图

Badminton-Center
% Z7 y9 h- V0 {# N( r* u

                               
登录/注册后可看大图

5 p. f$ Y" {/ T$ Q% Y) QArnaudbeelen
" T3 @' `- \+ i% P' ~+ u+ g

2 ^1 Z' n1 W7 L                               
登录/注册后可看大图

% N3 ]  L; ]( ~0 P+ Vbloedoranjegallery

0 e8 U+ ?2 ]" u, Y

3 H' R: N8 ~/ o2 T, ?                               
登录/注册后可看大图

Carterdigital
5 L9 s4 K5 s  L; F: L0 q$ \& Y. k

                               
登录/注册后可看大图

! j( s) H' H: l8 ~8 e  W; G' ?Piropixel

( w) A$ m$ L$ H( u                               
登录/注册后可看大图

Wixel

, D  N( _( r4 j" N

$ `1 V* R5 K& S1 @; G                               
登录/注册后可看大图

Skidpasset
6 z( F& C0 L  u
4 y1 ?3 K! u" E

+ O$ L7 L9 p# ?1 y                               
登录/注册后可看大图

Neotokio
2 x$ Z. |+ h* j" L  q7 B6 D

6 Z7 M- e& S1 t7 j) p/ {* C5 t                               
登录/注册后可看大图

' `( \- p; g$ {* E" ]Kikk
& X2 }% f( q! B# b# j
1 S4 w3 s6 ]9 }. @

                               
登录/注册后可看大图

Designergleb

# }1 B$ t* c: {

                               
登录/注册后可看大图

Unfold

                               
登录/注册后可看大图

Ethanmarcotte
' U; S' `8 \+ d& x
1 U# M. W4 s8 l7 K

                               
登录/注册后可看大图

Truly-design
" i, ?$ f8 H" Z
9 @4 z) ?& s) K5 p" F

; I( f9 k9 _0 Z: p+ P: N+ C3 `. z" u                               
登录/注册后可看大图

Bleepradio
6 V3 r* Z( j! t$ `& z

) z/ A% y5 p+ I( e& k# o                               
登录/注册后可看大图

& |8 a, V2 a" n: \; a; ]' yFusionroom

9 U8 m% k) m- ~. g& l, x5 v- p

8 `5 O# `7 @2 ?* W0 ?, U' G                               
登录/注册后可看大图

Davidkopec
1 I, z! c1 G: Z+ |# N
) g. D7 z3 m0 j: r! o/ z

                               
登录/注册后可看大图

Olivers
7 }$ F& a8 ~: }1 ~" `- E
% u. s  [4 D  f+ U/ h: A

                               
登录/注册后可看大图

Tympans

                               
登录/注册后可看大图

+ v& ?$ k  [2 ^0 ]& U8 kVonchurch
6 D% l! B; k8 J8 V, L  [3 Q8 d( h

                               
登录/注册后可看大图