|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
$ r5 D* ^2 u8 a' y+ G! K, s! N9 T大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
2 f! K) {+ o" @1 t一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。
( G7 n- z* d; x1 I9 j色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
7 `$ T5 b3 t1 u) Q, ^1 l: O这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。' D7 A. _$ Q$ e9 I. A
Yamaha
. p, Y8 o% ?3 U1 h6 \1 ~6 p9 N
7 @+ \8 j1 Z9 R) C$ e0 {
6 S% \% d$ C% E# cWhyinteractive! A3 J, F+ c8 a. S) c- q' ^2 w4 [
6 [/ T8 ?0 I' D) w( a: M
) U* L+ I* l# I8 H* m! t" |3 }8 E8 r
Badminton-Center
, \$ V" C# _- C) \* x+ V- O$ Z' R( g- r! A. B- n G7 v0 g
9 ?. _8 ~ Z' n* [Arnaudbeelen% C4 F8 U, N" J/ H* O' V
; M* I% W4 Z6 J0 y, I
8 ~& x* x. U& Q+ H Tbloedoranjegallery
; T4 ]$ `3 v& O8 W0 a j+ A/ n0 U+ f L# V7 m: `. H8 x& I# q2 e
" r; f5 K. E% n
Carterdigital
$ Z! E0 S Q+ A9 E$ l/ A4 A6 E9 p, U) O8 c; `: q+ t
j! m. v/ i$ tPiropixel8 T w: _% Q5 d) X0 s- X/ f
; _8 P. C; M3 h. u
Wixel: k- X6 W+ `! D2 E5 {5 ?, g3 Y% s
$ d0 e" N6 T! Z$ k- P- ^# T. |! }
9 ?0 E7 Y* z; F! B q! e
Skidpasset6 y0 a& N2 ~4 U
6 i! j) I) _5 ? ?7 Z" C9 @* l M) ]$ u0 h8 \5 t
Neotokio; K3 y$ I2 |; C( M" F7 Y5 I0 }
& ^( u0 O6 I7 K
, G. X2 X+ A! h4 F: w# z1 ]Kikk% x$ ?7 D3 {& y4 p' F, A% a
- s" M( W1 O* d; G5 T5 T$ B6 j2 d/ j
Designergleb
j! d% M! h1 E4 c2 j/ f5 V3 A7 F4 n: X$ x( g7 N# Q( _+ f& V
/ ~- e( F" Y% i; b+ c! t' w% Z3 }( PUnfold
- E- k0 W' C! `! N* k( U0 a h, H. S9 D6 H5 _* e
; U) b3 q8 D" p' s- o( L9 H; I
Ethanmarcotte1 M3 x5 p' j/ Y M7 x# P9 Q7 L
5 q$ h: Z8 W! p
) I- g9 F) x3 M7 _( r8 d( x [* O6 [Truly-design
) D& }2 y. C5 ?' G! l# q) J5 e H6 S/ p
; @" `" L5 W* i) Y9 \Bleepradio
- ~1 l2 \/ { \" c% E
) C' H9 T6 b e6 ~& w1 |
) u' z' d& S4 x$ x a( zFusionroom
3 A) W* v* l* C2 W. R D- T, W5 D: V( n: n9 x$ h5 |* p
! a0 x- D+ F/ B J: tDavidkopec
( f3 Y% c. k2 \) V8 A8 J: b6 ^: k0 }
. }1 c8 o+ {7 I# a% ^Olivers4 M# j+ z. F& z
2 X% {. c; g' H I' h' P9 n
$ P' @) o) x0 X# {+ \3 r
Tympans- J! w* f% i6 {
1 b$ b& i, O# _6 G/ {: ?2 r( b
: G8 z0 s2 d8 N' t; jVonchurch
7 T8 F/ T! d3 y8 l$ l* I2 d4 L8 Q T8 T
|
|