|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？注册
×
2 e& o+ ^/ u, L T大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计(译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的速度搬动，形成立体的感觉，带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰，将人们的注意力从网页内容中吸引到这些不规则的图形设计上。; }' {/ ?: l. v! o" a0 M
一些网站还是使用大版面的传统垂直排版，再添加一些简单的小巧的斜线设计，这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形，这样的布局会比较的平衡，也会使用户有更好的体验：他们既会注意到布局，也不会忽略网页的内容，同时，网页的导航也很自然到位。不过在2011年12月的网页设计会上，有一些网页设计完全抛弃以往的干净简洁理论，结果是他们的网页看起来有点混乱无序。也就是说，想要利用斜线设计的抢眼效果，前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西，并且用户也不能很容易地在这个网页上浏览，那么他们很快就会丧失一开始的好奇感而一去不返。
$ ]3 W. U+ Z. z% ]色彩在传统的垂直排版中是十分重要的，而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩，而且不会干扰用户注意和用户体验，那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运，它们的设计、布局、色彩都做得恰如其分，使得这些网页的导航都很直观、简单。同时，看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客，给他们留下深刻的印象，也更有可能让他们在你的网页上呆更长的时间。
3 C! l% n9 f' _: z这篇文章里，我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话，欢迎你将这篇文章转载给你的朋友们。# A4 V' ?1 X6 H1 N% v; q( w7 F
Yamaha' g, s! M8 M* z1 P+ H9 j
0 Z2 C H/ i9 S6 a9 n( U2 h
1 l- N5 A( b: d. _; M" u6 r. @$ ~9 K
Whyinteractive
O! U+ _3 s; Y
5 W: |; m8 w! j4 u8 m T+ v
; u0 |, G8 b* k/ u! q4 d0 }. ?4 q1 JBadminton-Center( l5 A. A8 I, e
7 |: A& ]9 y' s: P0 z* x/ K
2 [- v- D& e. m0 a' T# KArnaudbeelen
* S3 y6 H9 v, I' Y- W1 v ~, A9 d5 M! ?5 w2 \# F
4 J6 C7 v" ^$ _
bloedoranjegallery" t) @% B' h. c% ~
, T( w4 }6 z& N2 |% Q5 D. E3 P+ o3 P" X; E/ H- r
Carterdigital7 u. V% L0 |+ X" P8 a+ p: A
, Z+ x& k: H. n* R! D# V3 n0 z0 i- ~
4 M. b5 H8 S) v8 Z% }
Piropixel
5 [: N! \0 L$ L: H2 v2 G3 ?. x t
+ r# H0 t5 l, S) M3 W1 dWixel
! k$ ^% ]8 i: A0 G! X* d* f/ Z8 S! M0 ^
4 B b6 q% ^2 f0 c
Skidpasset
8 H, r# y8 N r8 T0 |) k; @' D, p& c7 J9 p9 B5 D; y0 g: s
7 x& @% Z# p* j1 {! c" d( a6 K
Neotokio
6 r% y* c9 U3 y, D+ G" ^+ L
6 L! ~ e: z' ]' K, p% M$ Y C4 w: j) E% t7 b; j
Kikk
$ J5 r' L3 _- g" _) M6 J/ H
' M' h! L1 B! B8 U3 Z( D& A( D- a* z% ^' g
Designergleb2 k( p% A- D% G% y0 p; B# r
' F# S4 [7 W6 d- m$ a: `' Z
; \7 H9 j+ F4 }) n2 h: |Unfold9 V& [, Y6 ~7 L0 d& i: W4 t9 F& S! R
1 {2 X; L& P2 W6 K6 k3 \
$ Q* R! ~. f' h- `Ethanmarcotte, w0 w$ w% e, O1 B( L
" n& L0 v4 q0 y; T1 v9 }' p. _" N* [7 |' C0 f$ ^+ ^- m @
Truly-design
3 g, x/ y, B2 P* B6 V* i* j# t" O5 P0 O& o
8 Y& T6 b( V0 ^Bleepradio
+ |! F9 |$ y! E1 w
: b9 c! U7 p; o- N) e8 P, j) @
# S2 v! [8 u) t9 x ]! mFusionroom
9 @8 Y) e0 T. J* U1 n( V& h- M; T9 l
# s7 r( N; ~, o' ~- rDavidkopec
0 \' K- ^' @" v1 S9 `
3 {2 H# q7 }7 n! c% Z
. V$ i: A6 }. _0 N9 MOlivers7 x$ T' l$ \% u& f- V$ h
) W. n$ P2 `+ P- d! {* @# T
" p4 A! a0 v- c5 n
Tympans! j5 l4 H5 }, O2 A; d; ~9 U+ {4 F
. P$ w" A# t) _% g3 i# ]
$ p; V0 A) \) J+ y3 j9 J3 P% ^& hVonchurch
" i$ t! s9 O+ f" T; F7 Y2 e
: e# x* b# N$ V( x8 O0 k |
|
IP卡
狗仔卡
发表于 2013 年 6 月 14 日 10:02:38
" E, R- S c% D5 k0 d6 Z" A! [
4 H7 r* Q( X) m2 ^& S
, s( B! N/ t% q+ T% e% I2 t: `* n% ^
+ [0 L! u1 @/ o- `5 Z
# X/ ?+ D- d* v+ V; @! t5 m
) A4 z( y3 w% m6 e" d3 q1 C
. i1 y# n. q o1 \/ W2 R0 l3 |
- G7 t8 X( h6 p. n* B; `* H
3 Y& j. O* m3 s* s) |1 F
: `7 W. Y& B& k* T: g
; O8 J2 h$ m1 S7 [6 U
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡