|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?注册
×
4 H, x( |1 ?, t6 A
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
2 ~0 o9 A1 H- M h一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。2 A g; S3 ?! q. M
色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
. C h5 S7 V- p这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。
* g7 h' z6 r% c. OYamaha( d6 C- j" n" \7 Z; o( `
" _8 z9 @3 ^7 Y6 f! B+ m' s9 \
3 z+ |! e$ D1 {Whyinteractive6 O/ x7 ]; \, C0 U
! z8 h6 R% g: Y" ~2 P' P6 F' Q
$ O: q/ M8 Q" B/ KBadminton-Center1 Y9 r n' C/ Z* C/ r* N; p
7 w- U1 C! y3 k9 I! {4 {2 {
- W+ B7 D' Q; L( u3 \1 pArnaudbeelen! p. w7 c8 l/ ~! @+ p) T6 o1 s8 G
4 M& z2 }7 H6 B$ A
+ S p' M& t$ f7 B1 }' e( Q! Ibloedoranjegallery2 T) V( a! F+ U( d& x$ h" B7 F8 ]( X3 E2 {
+ f7 P, ]& ?4 \. k1 H
5 I' \5 n. u* ? Z! z
Carterdigital: T8 L- J5 w2 ]. l g s& j
8 C( E6 {: d# k! s/ _& g: z
U; q/ U! a' U0 G* H. O! y: WPiropixel# e2 L! g; z% e6 J2 Q7 y
2 m6 z. @0 _" K: g
Wixel
; ]( O9 H; P8 T# }5 f$ F6 x% _3 y2 f" P& N! k x
! Z, a- T% T6 n- W+ M
Skidpasset
z% _, Q8 V( w' w( _5 Y( W
* h' W/ V- n$ L! Z5 T! y' ?3 t- I2 F2 t, u. P7 H# T& |8 g1 v
Neotokio/ h; ] O& L: C% r
6 Q4 c* z% N6 D3 s% |- W, X+ j! p& Q' c( V1 M
Kikk( I! T+ o7 X( S$ P4 C% [- E$ x: y1 I) k
$ f$ q, j& ]% Y$ e0 e3 k
; r' ^$ k7 o/ q) g+ KDesignergleb
& k* D# {/ a4 \" {6 ?
" ]1 i7 H$ e+ e0 |+ V2 Y6 G; s
4 R! `+ K" b4 U+ R: f, u5 t- l. aUnfold: ?$ K' M1 |. M' |9 g/ [
8 [, [& ?4 i! U- {0 y3 J( b* ?
/ p: p9 Q. ?( y% O8 }% U! L! jEthanmarcotte
; N- O8 |3 L& y5 H: m# s1 h9 T- i& t" r; N) X
8 a9 Y0 K7 F: R* t" z
Truly-design3 W4 N: b* F1 N
6 T& V" M/ R8 H9 w
7 a- T2 t3 B: B! EBleepradio
) s3 |8 e/ m0 P, m) f8 F* W# l+ X7 ~. J3 c' N0 O0 d5 G
4 J* ~/ r( t6 O" ~, U. G+ J& bFusionroom
- U B: @( {- p5 D; b
7 j, Q* W! n: y4 ~! u
6 B$ l$ d o! |$ @. IDavidkopec
& f. a( ?/ E, q( e/ ~' J! `5 I m- | r2 Z/ z. O4 r
+ o) g5 U5 O0 ~: K: A& C
Olivers' `$ D2 [0 S" T4 [
: O/ L- `0 m/ D" Q) x1 s5 p9 V& L
. l7 |7 V/ V4 H, y6 sTympans! i/ j6 y" y7 i. y
8 _* e* @) T3 | W( d$ U7 I
1 B2 u* N0 D. v& z `0 nVonchurch+ k0 V6 r. E9 y7 p
% \9 c) L, c/ b/ H- } [( [1 W |
|