|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？注册
×
- I# l v8 i0 ~
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计(译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的速度搬动，形成立体的感觉，带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰，将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
6 J% F% b+ b6 y一些网站还是使用大版面的传统垂直排版，再添加一些简单的小巧的斜线设计，这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形，这样的布局会比较的平衡，也会使用户有更好的体验：他们既会注意到布局，也不会忽略网页的内容，同时，网页的导航也很自然到位。不过在2011年12月的网页设计会上，有一些网页设计完全抛弃以往的干净简洁理论，结果是他们的网页看起来有点混乱无序。也就是说，想要利用斜线设计的抢眼效果，前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西，并且用户也不能很容易地在这个网页上浏览，那么他们很快就会丧失一开始的好奇感而一去不返。% g2 P2 z1 D, o2 V
色彩在传统的垂直排版中是十分重要的，而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩，而且不会干扰用户注意和用户体验，那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运，它们的设计、布局、色彩都做得恰如其分，使得这些网页的导航都很直观、简单。同时，看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客，给他们留下深刻的印象，也更有可能让他们在你的网页上呆更长的时间。 L- r \. Z' @' Q E D
这篇文章里，我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话，欢迎你将这篇文章转载给你的朋友们。
( J+ F- b/ N5 h6 [Yamaha- H$ v2 x5 c: ?. R9 q
/ B- B5 p# w7 j8 p" N) w1 l
$ r% P: K. D- S$ v$ |2 rWhyinteractive
- e* \* J4 d% V# j! T- T j
0 n* G, k" n) k! ~; [" f8 K. l. i7 H1 Q" w' R$ c
Badminton-Center
" |$ f( a; P' {, T* ~& N r/ G& y! g* U+ R2 U
4 W# D, @9 E: q2 o0 Y0 V
Arnaudbeelen
, Q3 F4 s; @, E x) b/ R( J9 W
3 A; j( P/ _- E; z f9 h9 i" T% ]# S. ?
bloedoranjegallery
& W& s8 Y! k8 V# U' Z5 l( t( M/ s5 O. ~7 ^' F1 G+ ]& H- R
. e* }' \8 J! E9 L1 wCarterdigital& P) b( D: v0 \! t0 N6 f- G$ v A' U
* J# h3 H% \! s9 W* ~/ p% c& |9 f
h; r) g9 k' b2 dPiropixel+ i6 N7 b8 i5 D( U7 ]
1 G' F/ W5 F' Y X& w) n/ { d
Wixel0 `) R( C& P& Y* g% g
9 A7 T6 `4 K8 I* j
( \% A7 L7 v4 M+ J8 P
Skidpasset
% o: \$ {8 ^6 G9 }# p9 k- ?: V1 u
; b9 @- S$ A+ s! m8 {1 k, n. ^+ {- ]5 q
Neotokio
" V- O9 x/ }& i- p2 h; A7 K m8 Z M$ A
! A9 ~* W* Z. ]# ^4 n! m3 f' D( `
Kikk2 W9 X' `2 @1 B5 F2 a
3 j, c/ e; m( H/ u4 f6 v$ P3 F( ]" ^# w6 g
Designergleb$ l% L' e. S! v7 j- w
9 {7 }* j8 b# ^! s0 t# w
4 |$ W/ I1 e# M4 I" s" RUnfold
: O a, y4 Z1 U3 P7 _( w4 c5 `
0 c% G9 g& G) r8 W3 L5 H8 E
8 p& j2 A; }) G- O: s3 w- BEthanmarcotte
# E3 A" \: `2 A1 x
* f) n. l4 A& N# r: ?' Q& j9 F2 @+ u% s G0 Y/ F$ M6 `
Truly-design( C! z. k" l9 F# E; E
7 h( G6 o% s9 e }
( H6 q. A8 i! A8 v- X* TBleepradio) R1 j" q0 h: J$ x' q" N0 M+ r( p$ T5 ^
% D J# N4 @. q/ H6 f
6 p% ~2 \: M' i. U- V/ IFusionroom0 q1 P( U2 l* S9 l! {
, F0 d9 ^1 @# g) |# m5 j
# z( I6 F+ |2 e1 I$ NDavidkopec! f3 U$ S6 ]. K5 W. o: N! a
- l: C! {& H% g* U
3 y8 z2 U3 \, c$ U) G% P
Olivers
1 G r! D# C5 i
7 R" B5 c' t) b0 ^6 z/ D2 v! ?4 g# `$ O" ]: n, d
Tympans, ^2 ?" ]/ M# I0 q
4 K# g' Y$ X& F- e8 I0 D* f+ K: }2 \5 e) ~
Vonchurch
$ p0 j% s4 O& U+ S4 }8 \$ K( L# ?3 O! m
|
|
IP卡
狗仔卡
发表于 2013 年 6 月 14 日 10:02:38
9 ?5 n5 }1 Q+ [( n
# x% A1 R. `' @, h4 U3 [- p
# F: R# y& o* t5 J! d- `
/ H$ h* {+ q" N3 o
& s$ }8 K5 @% T" Y8 o
5 i% |6 `) j2 C/ X
3 y% h, `# a2 n- q+ _0 F8 p' U
! s: S+ F" A% Q4 n$ C$ ]
- @( _5 P0 T: r( e
# O Y$ n& s1 Y$ a' l, A1 Z3 G
5 L) r5 S& z8 M: l4 X- L
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡