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

aiboboxx

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

                               
登录/注册后可看大图

" O, i+ E# X7 M8 }* Z2 P* T: g# |2 VWhyinteractive

                               
登录/注册后可看大图

9 Q$ [' J" R. ~/ H5 ~8 ABadminton-Center

! r) w4 r/ S( a4 V

                               
登录/注册后可看大图

Arnaudbeelen
5 Q$ N! u) D1 R
2 H/ _' N  R9 `' l9 x7 t1 c$ a3 C

; e5 l* Q1 U4 b( H                               
登录/注册后可看大图

2 A4 v1 A' @" ]  h6 Nbloedoranjegallery

                               
登录/注册后可看大图

9 Y8 @1 r8 {; l1 C: J( dCarterdigital

" |# H% v$ @9 h

$ j. D, ^, l: z: `                               
登录/注册后可看大图

) \+ O- ?* H  L/ ?Piropixel

/ ~7 p4 P1 J  [& ], ~, g& ^                               
登录/注册后可看大图

Wixel

( Y1 F; D* V, ]( |/ a& c9 k# U                               
登录/注册后可看大图

Skidpasset

0 F/ G; `6 E4 O% H+ ^, V% B

                               
登录/注册后可看大图

Neotokio
4 Y% M! o# C- g% n6 A# S/ T7 p

( `. M+ `* ~5 Z/ X" M                               
登录/注册后可看大图

: N0 w6 c3 I* l/ n% J- A0 \Kikk

5 ?$ c% O' I' @9 @7 \4 [

                               
登录/注册后可看大图

Designergleb

/ M  J$ V) [8 x% A6 M$ }2 n

) J' M" s. v" d' x! R* g* `# {                               
登录/注册后可看大图

" V; R  G* d/ |9 s- e" CUnfold

" U4 L" b' P5 ~3 J( k9 ?                               
登录/注册后可看大图

0 \' y' d: {- U) o0 gEthanmarcotte
3 h( Y1 G( q1 E& K4 Y

                               
登录/注册后可看大图

Truly-design
/ {- c  W2 U3 X  Y3 S5 D' k8 A

                               
登录/注册后可看大图

3 N) Q+ N( D5 D& u: yBleepradio
( d1 ]5 b' s" q& \- B, i: ?
: O2 _4 @( R/ h. ^" e

9 R9 j' s% x' T! k, V  H- F                               
登录/注册后可看大图

# s2 U+ c, k+ V' l9 D& J7 z+ rFusionroom

5 T6 Y% S3 |7 m) @9 {5 k

                               
登录/注册后可看大图

Davidkopec
1 r6 h* ^7 v# W' ^9 R) l7 j3 y
" s" A; z" @6 |! U" Y

% T) R3 R0 |. E7 x* d                               
登录/注册后可看大图

* D1 C: j( [) f* s# l/ }% ]Olivers
+ E& u" w" z. l0 {& o- w! f$ [& i
6 T9 M8 |1 a" R8 k/ G3 O5 E) Q) V

                               
登录/注册后可看大图

Tympans
' j5 y7 @1 P& ^- Q0 f

                               
登录/注册后可看大图

7 [) Q; Z4 a5 A& C6 o- kVonchurch
% }/ ^. j5 T& S& L* M# Z

                               
登录/注册后可看大图