|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？注册
×
' n& d$ [ U9 j1 ]% R! n& m
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计(译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的速度搬动，形成立体的感觉，带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰，将人们的注意力从网页内容中吸引到这些不规则的图形设计上。9 b- a% i/ Q: L" X8 L2 ~
一些网站还是使用大版面的传统垂直排版，再添加一些简单的小巧的斜线设计，这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形，这样的布局会比较的平衡，也会使用户有更好的体验：他们既会注意到布局，也不会忽略网页的内容，同时，网页的导航也很自然到位。不过在2011年12月的网页设计会上，有一些网页设计完全抛弃以往的干净简洁理论，结果是他们的网页看起来有点混乱无序。也就是说，想要利用斜线设计的抢眼效果，前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西，并且用户也不能很容易地在这个网页上浏览，那么他们很快就会丧失一开始的好奇感而一去不返。
, D( g! W1 R q6 A色彩在传统的垂直排版中是十分重要的，而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩，而且不会干扰用户注意和用户体验，那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运，它们的设计、布局、色彩都做得恰如其分，使得这些网页的导航都很直观、简单。同时，看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客，给他们留下深刻的印象，也更有可能让他们在你的网页上呆更长的时间。
' ^$ G: I1 r( i# P这篇文章里，我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话，欢迎你将这篇文章转载给你的朋友们。
2 N3 y) \8 x5 z3 jYamaha
$ o+ U4 m: y$ c1 y
* n" F3 C. D1 f, P9 a
* v. P0 c8 F$ K& u, bWhyinteractive
0 y' `% Q- m. F- p: v# l! u/ R/ H
4 D4 V6 t$ c# _" _2 b* ?: d0 k5 T6 ]9 l* m5 A5 D
Badminton-Center/ s6 N5 B4 d% v6 `( F. O! X
. x) Z5 ?: L t! q
9 ]4 o- F; ?8 M+ z3 h8 x# mArnaudbeelen
6 v% a( N8 {' ]) |
' v+ r4 Q1 H' A2 v/ B
d, W/ p9 J3 X+ Sbloedoranjegallery
" ^' Q( A# T, J, ~
# {. Z V: }5 }+ z& `( i* s1 O! P5 z& I% ~- Q% h4 V) o
Carterdigital( z! P8 a9 |" ~# [1 l, s
0 Q7 I$ F& b: S8 a; _% D t9 u- ]
0 z# R' d+ L2 B) w! u0 i
Piropixel3 X; M& d5 m% c0 \) @4 V
2 O9 T4 `- T/ m. b# L
Wixel1 n: b( x; j' f% V6 m& }) T7 y
" r2 c o- Z( y4 I8 I0 v
6 T$ _/ F" c5 s. I& }
Skidpasset& t3 l7 a8 E' j- G' M: I# r
/ }0 o- c& y) ~7 Z3 e% G
C) Y' u9 @5 a4 E3 I5 T, cNeotokio- E+ _2 Z, s) ^. S) T4 K6 V
% C: _, l/ Q$ c! {/ ~; }( X/ |+ {/ Y9 n% k& ~
Kikk
+ }1 k$ |! q( x* t! r
% u b+ Z1 B% a+ t \! V: m
& V' K& Y$ m5 ~* R4 }1 nDesignergleb8 Y) Y, V) b$ w6 `
# w! G; K' T: e/ B2 M
' N! l+ l* z; G2 Q" ^4 Q7 L
Unfold/ X1 D+ c1 ^$ a# Y/ b4 l
# }6 e$ ?& L% d3 n" M. Z
, |% b- p8 d0 `' A, o
Ethanmarcotte
' P3 m: G9 |$ a6 D: z" k. J h- i1 T- } h Q
' P& Z' c) t% F: KTruly-design
& `# L5 Y3 @0 k+ m3 f8 W6 ]- P5 n! G" `
5 s; w2 R& P g) }& T$ c) P9 c* m
Bleepradio
: \8 W3 S- B4 X: Z4 \# w; M/ \( g( E* p( @* R; X5 S
$ b! d. ?. Q; SFusionroom
9 C; p) ~0 V/ _; S4 D: e9 L- t* [7 Q- ^% @* i; ?2 q
6 Y; F }! Z) [# Q5 B
Davidkopec$ J: k8 p/ B% j5 p* _- B! Q2 ]2 B
/ ~& x9 l9 z. T
* y4 C) [. B( }/ ROlivers6 c$ i- p7 P# N# k1 z; K
, I. V1 q* V& C F
8 I/ K/ k9 T- Z: C i) w
Tympans
8 c- d7 s' @4 s2 f
% c' W7 }& a3 p2 m, }& s( }+ x% U/ ?2 Y9 T& O! |4 ~: F* g. A
Vonchurch P; K- H' \3 k. A+ L+ G5 j5 r
' R8 _, U) [+ \3 ~3 C; ^% s% ? |
|
IP卡
狗仔卡
发表于 2013 年 6 月 14 日 10:02:38
8 z% V7 [ x$ q# x
2 c/ O( ^1 V2 B/ |" m
6 D4 u2 |0 C3 v& D7 V
- h2 G: w. }4 f% o) o( ?- K0 {4 Y
3 S l2 S& a' C$ S
2 _) n* ~8 m/ V+ V4 ]4 n. [+ |
" L9 T( z1 D, ~1 S9 Y, ~
; S4 X- f; ]! |. v
6 V G4 y* Y& N3 ?7 s
' ?) C: }1 G6 h
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
