找回密码
 注册
广告投放 虚位以待【阿里云】2核2G云新老同享 99元/年,续费同价做网站就用糖果主机-sugarhosts.comJtti.com-新加坡服务器,美国服务器,香港服务器
查看: 40|回复: 0

20 个创意十足的斜线网站设计

[复制链接]
发表于 2013 年 6 月 14 日 10:02:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×
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 \

# i! I! I& k9 [" M$ o                               
登录/注册后可看大图

3 z+ |! e$ D1 {Whyinteractive6 O/ x7 ]; \, C0 U
! z8 h6 R% g: Y" ~2 P' P6 F' Q

. z3 d! v6 u: y8 ^+ v                               
登录/注册后可看大图

$ 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 {
" D% l. ?) R3 {5 s% d* V5 _$ |9 ~
                               
登录/注册后可看大图

- W+ B7 D' Q; L( u3 \1 pArnaudbeelen! p. w7 c8 l/ ~! @+ p) T6 o1 s8 G
4 M& z2 }7 H6 B$ A

# Y+ |8 [. \2 G; s* l/ C                               
登录/注册后可看大图

+ 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

) V9 s( h, L; @+ V- C, |, A                               
登录/注册后可看大图
5 I' \5 n. u* ?  Z! z
Carterdigital: T8 L- J5 w2 ]. l  g  s& j
8 C( E6 {: d# k! s/ _& g: z

5 j9 K  ^* ^' `+ B2 Q  s2 P                               
登录/注册后可看大图

  U; q/ U! a' U0 G* H. O! y: WPiropixel# e2 L! g; z% e6 J2 Q7 y

* B1 Y3 R* Q8 j. z3 U& _" Z3 Q                               
登录/注册后可看大图
2 m6 z. @0 _" K: g
Wixel
; ]( O9 H; P8 T# }5 f$ F6 x% _3 y2 f" P& N! k  x
- M- J4 T5 h. c
                               
登录/注册后可看大图
! 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

- G- S9 ^' U4 g, T0 u+ @                               
登录/注册后可看大图
- I2 F2 t, u. P7 H# T& |8 g1 v
Neotokio/ h; ]  O& L: C% r

6 Q4 c* z% N6 D3 s% |- W
" L% }$ g+ O$ i" ^7 O* S% n
                               
登录/注册后可看大图
, 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

) ^4 A. a/ t) j# J2 [                               
登录/注册后可看大图

; r' ^$ k7 o/ q) g+ KDesignergleb
& k* D# {/ a4 \" {6 ?
" ]1 i7 H$ e+ e0 |+ V2 Y6 G; s

. K' y4 e# }3 n                               
登录/注册后可看大图

4 R! `+ K" b4 U+ R: f, u5 t- l. aUnfold: ?$ K' M1 |. M' |9 g/ [

8 [, [& ?4 i! U- {0 y3 J( b* ?

" H# k! ?7 e5 ?) {- u' Z                               
登录/注册后可看大图

/ p: p9 Q. ?( y% O8 }% U! L! jEthanmarcotte
; N- O8 |3 L& y5 H: m# s1 h9 T- i& t" r; N) X

6 @* F1 r& B% @                               
登录/注册后可看大图
8 a9 Y0 K7 F: R* t" z
Truly-design3 W4 N: b* F1 N
6 T& V" M/ R8 H9 w

4 |( @7 w0 Q' E! {% u                               
登录/注册后可看大图

7 a- T2 t3 B: B! EBleepradio
) s3 |8 e/ m0 P, m) f8 F* W# l+ X7 ~. J3 c' N0 O0 d5 G

9 [, ?+ ~+ R3 k' o# Q                               
登录/注册后可看大图

4 J* ~/ r( t6 O" ~, U. G+ J& bFusionroom
- U  B: @( {- p5 D; b
7 j, Q* W! n: y4 ~! u

9 R# i  g8 b; W9 t                               
登录/注册后可看大图

6 B$ l$ d  o! |$ @. IDavidkopec
& f. a( ?/ E, q( e/ ~' J! `5 I  m- |  r2 Z/ z. O4 r
9 o  }2 {2 }* ]- [
                               
登录/注册后可看大图
+ o) g5 U5 O0 ~: K: A& C
Olivers' `$ D2 [0 S" T4 [

: O/ L- `0 m/ D" Q) x1 s5 p9 V& L
% e# T, s/ i6 B  m" Y
                               
登录/注册后可看大图

. l7 |7 V/ V4 H, y6 sTympans! i/ j6 y" y7 i. y
8 _* e* @) T3 |  W( d$ U7 I
; N+ W; E; ?- z) u9 M, M2 J
                               
登录/注册后可看大图

1 B2 u* N0 D. v& z  `0 nVonchurch+ k0 V6 r. E9 y7 p

% \9 c) L, c/ b/ H- }  [( [1 W

. t1 |$ m0 C& ^& D: v" S3 X( P                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2025 年 4 月 19 日 21:16 , Processed in 0.083688 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表