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

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

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

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

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

×

" v3 z( T; I  V大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。* m2 A# U0 I2 _# L4 b( s
一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。
# U2 }  r$ L. q+ n色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
! {8 I( h3 I$ x* H% s$ @这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。
1 v  ?1 z7 K1 V/ G2 u3 V1 }/ o$ [Yamaha( v& ~$ X3 x8 z$ k2 ]
" M$ O3 Z) M" i) H" r3 X
! A. D' j6 v3 o1 \# _
                               
登录/注册后可看大图
9 ?+ m7 F* n6 \' a& Z6 k
Whyinteractive
2 o/ |" |7 J1 ]0 k3 Z( _
7 _% g( B! f  C* `; m

2 r$ Y, s! g  A# a. Z, q4 g                               
登录/注册后可看大图
8 G' P' o- A1 e% f) Q1 h
Badminton-Center
; g  `" y; R: F  Y" f/ Q4 j( u/ ]- [! D* V4 D6 R. v
. D& C  \1 t- L2 y% D$ S
                               
登录/注册后可看大图

; h7 g3 G  \! l2 V" n- b' \Arnaudbeelen
6 [* ?* ?7 {2 G$ b% i& l2 Y3 \- c% Z* {7 Y; L

0 \) h- ^5 r; o! S5 F                               
登录/注册后可看大图
# N2 `1 `7 A" S8 C" w, b
bloedoranjegallery# X; s; m2 r4 D0 }  R# o

: G# y8 M% Q& o/ I; i3 e  K: o

: E% t# k7 X3 Q, P! i                               
登录/注册后可看大图
6 O0 `# K  R8 K
Carterdigital6 |6 n& [3 L/ F- O

/ ?# S  {. W# h8 g

9 ~% X7 S  m2 X# q' m                               
登录/注册后可看大图

1 C( q( H$ s3 ?- k% sPiropixel1 P: E" Z6 P7 H+ _

0 I3 |& Z8 Q# t4 F  o4 B/ z; m6 ^                               
登录/注册后可看大图

3 J7 v3 ]& F4 i/ KWixel
$ U/ ]! T* f6 B+ p* p5 E
+ W) C6 L' [6 z  K. @# o% g

4 Z7 a. o# B$ p$ V9 M$ k6 X                               
登录/注册后可看大图

# }; P9 _, h1 z5 I) gSkidpasset8 \1 @" F& {3 a0 J8 ?

0 r7 B/ c6 z! }! x  K! a

) b, B8 b, y" W3 C                               
登录/注册后可看大图
5 T( U& X$ _! [0 d1 x7 i
Neotokio2 U6 r' w  i) p: Q8 i( N" l. J
: \4 I/ P7 \8 e& J. W+ U% s
! X9 J8 G$ M2 @( `7 _. X
                               
登录/注册后可看大图

3 h; Z# m1 c7 [" |$ ?/ t: ]Kikk( x- I+ H; ^$ G( Z# G+ t0 U
2 S  M( s* d: J! J# S

* G6 a. d/ j+ l1 Z, O1 G                               
登录/注册后可看大图
8 L; _# K' \4 Y2 U! H) L
Designergleb$ k7 R" f6 h2 n

% V4 X4 \. ^& e! v0 J# e8 l

( }; e8 m. }' {/ a                               
登录/注册后可看大图
5 |9 H, Z0 \2 F! \; J% J
Unfold
: G5 N# z! R$ T. x* @! F
1 O& l- N- v" {
' R) P# F. c3 t  f, H( C
                               
登录/注册后可看大图

5 P$ o, @% Q1 G: PEthanmarcotte
+ R( L& j* o8 E: R% S' R1 t1 @
1 Q( Y7 X: Y* m9 i

' I  f7 h) g- a# V, Y, s' O6 [                               
登录/注册后可看大图

8 S8 {8 }! X& ZTruly-design! O* \" i" s: U) s, u
. c) Y+ x! ^$ |
9 u. _5 l/ m! N! p  a
                               
登录/注册后可看大图
$ J. L, l) x% @+ d4 M6 ^$ t- V* h
Bleepradio+ B: r5 D; A' Y8 _7 W  V9 b! g* e2 J
/ X! a' o9 F' i5 r: E  }

7 Q7 D+ z3 p  @# y8 x- b+ }3 D+ N                               
登录/注册后可看大图
/ z$ D$ L/ Q- \3 L& z  D; N
Fusionroom0 ~, C3 X4 Z- c
" |! @: v" n, G" D  S3 k

/ y0 J# {2 z; o6 }                               
登录/注册后可看大图

4 U: h0 a8 b1 U" |: VDavidkopec2 N9 ?6 i+ `2 i3 }8 I3 q' N

0 O) d9 a$ n/ }0 z, {# {7 l/ X

; [8 n* F% v  M4 `7 Q                               
登录/注册后可看大图
; A  C! g" D) k. I8 |( t) h
Olivers" j. V7 p9 n5 u& c" C" I' n1 M
3 X) K, y) R5 q0 X5 J
. |" ]4 q7 D# p4 H
                               
登录/注册后可看大图

9 g0 G: g0 C2 B1 g; bTympans
9 w6 T% O$ r% N$ Y
9 r2 k9 t7 [" a0 |# q

$ l6 d+ X1 a6 o5 P, g                               
登录/注册后可看大图
2 x/ b3 B7 _& ^% h! i5 G
Vonchurch
( U0 `1 V5 y) ]# p1 q( o8 r# R2 _2 o9 j, M( X$ s, s

# m5 _" ^; D' p8 H0 e' }; `# c                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2025 年 5 月 11 日 04:31 , Processed in 0.104577 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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