|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
7 v; {; N0 @/ q, j$ T# A( r8 T6 M4 h: c+ `大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。3 G& q/ v( `4 C m
一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。
2 E6 [5 V/ a+ D色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
6 U6 W$ z/ h5 Z& c" z q这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。; O: _( _; C: U/ F9 |
Yamaha
. b* O9 b8 s ]5 ~: O8 s/ i/ W' D# M! b1 M8 O7 w
4 m, T& x( n% C: i/ qWhyinteractive6 w' y4 O( ?/ k4 Y' q% ?
1 T9 \7 p; B/ o$ q+ G
, `0 i) K! K3 [7 s, yBadminton-Center+ _7 G9 @% l6 d2 i* P3 v
+ `, q/ s6 X. [ F2 y8 ]
$ u( ?: z0 d: R7 T
Arnaudbeelen4 Y S. f S- D' M+ n2 G
- G. v, s2 ] O8 [! |) v$ k
; z9 W4 I5 A: w/ L4 z
bloedoranjegallery$ P7 e. S. n' n; K9 Q- W: {
$ C% X5 i/ d! @) E+ E& B
; l. e4 p/ V* ~8 U
Carterdigital, Z# b( a7 p3 C/ ?
9 G7 j- v! h$ I7 T8 ?* P) u/ s
7 c# z; P& v( yPiropixel
0 n6 x- @- A k/ b
. R: s1 ]' Z+ i$ l+ @, e- CWixel& [+ p4 a* r+ D+ b1 W, h2 T9 k6 ]+ |% x
7 Z% P4 z% ~+ p! b, K' ?6 d
r5 R, \: p! ^9 r/ ^4 E( gSkidpasset8 T% c+ `0 ]5 i; w
- q2 x2 ]8 n$ r2 A* Z% `* R8 j
! u( K" \6 ?% ~+ I5 n$ T
Neotokio4 ~! ^2 U& n: s$ H/ Q+ P
1 a& s$ j8 b* p, ~( ^, Z) J( W8 ?6 o2 E2 s% l1 ^4 S7 ?' Q
Kikk7 \4 g. `( W, ~
4 L- ^" D$ ]& }3 }
$ L; I0 s! K+ R7 O3 KDesignergleb: _# o! c4 U0 b! P% E
, d2 q8 d% [( z, k2 ^; H$ u) y/ n6 i
5 }8 O, l: w5 C6 _6 B. V DUnfold
" \3 d$ \6 ?2 H8 | U( B% {- m+ e1 V* v! R. H, L0 L3 Q+ z* A
3 h0 p# S, y7 g2 F8 }
Ethanmarcotte4 m* d8 K: Z1 x$ A- t) h
1 Q& O* w+ t+ c e. j+ {9 r2 \ e' B) E( j9 T4 k0 O
Truly-design
3 v& k8 S# E; o# r+ F
0 d4 U3 Q0 M2 z4 p/ U
+ x5 X; a. q. a5 R: P7 ^Bleepradio* l% ?* t. h. H/ D. a6 ~
1 a4 _& I0 d) h0 S* E
9 m. C; ]! [& _* h C% L# sFusionroom
+ k' y& x% h [) i" Z$ j( Q, O: R
/ g; g$ a# N8 _) f) K! }$ q' }& F f: K/ B0 }1 o( J& W
Davidkopec( L/ O! E) p1 d' m
6 z _! `# X6 `( m3 |
" J/ X+ |7 P2 }3 zOlivers
# x* M( _; P& K& R0 C# U" N8 l/ E+ K/ b1 w2 X
& m5 W$ J' [. A, z4 d f6 ATympans
, a" j% ~+ A/ G$ h
$ M) Z: a% q5 @" E6 i
( S5 }& A R' x; P4 |' gVonchurch
+ t- V% ]7 M p f! e7 n0 o i
; T) T2 }3 q# ~" p |
|