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

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

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

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

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

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

9 i- L1 i$ x; v% G4 Q                               
登录/注册后可看大图
4 y; ~6 J8 S4 d. W- v% W
Whyinteractive4 y- W. |6 L# @5 b7 e
/ P/ m5 E+ t- m6 C# K

7 r4 H& m. }/ y1 ^( \! k' f                               
登录/注册后可看大图

  ]# {: h2 a# J: }( }Badminton-Center
4 T, N6 D+ g1 M$ P( j+ O3 |5 _6 K5 l3 S# C/ R" v# c  g: n
, ^; R0 x4 P3 d) g9 b
                               
登录/注册后可看大图
, M; s- [8 M" l9 u7 M" n
Arnaudbeelen. r% |) x# [* l7 I; G
. b7 R' h3 M, r- S
  L* \" o+ x1 ]/ b# e' t
                               
登录/注册后可看大图

; U9 I/ f6 b5 f5 wbloedoranjegallery
* b2 J1 S  f8 A
7 s0 X7 }$ q2 }, G, R9 A9 l$ c
6 Q  P* {1 ~. t8 K2 u
                               
登录/注册后可看大图
3 q0 m/ B9 r" B: Z
Carterdigital
1 C- U$ g' k. F# m% g, ^& S  p$ c  Y2 N9 k0 Z
$ E7 j& M% _" \7 Q& t
                               
登录/注册后可看大图
$ `+ h0 l! U  c8 G
Piropixel
* }" i( k6 l, m+ h/ D, D
4 _9 q) a+ i6 J5 B* A( v1 u
                               
登录/注册后可看大图

9 d9 {- h8 T7 O2 W3 f8 }% Q2 \Wixel1 P/ v$ F+ x: w: U& U

# C4 r0 M8 a7 ]4 d2 R

; S( {7 J( l0 B                               
登录/注册后可看大图

: [+ G" I+ K; ZSkidpasset
' ~/ @9 v, l' m- D
- \' ?7 F  `# K' W
6 i' |$ \" h  Q1 y7 s# e
                               
登录/注册后可看大图

, S8 T# G. b& G# Y1 O/ [Neotokio
) q7 |4 V  M3 a6 J9 Y/ l* @4 b0 G8 W
: n$ Q1 R  `) F4 g
                               
登录/注册后可看大图

5 G9 n' a; Q+ h% A0 `; N8 c' D1 CKikk
: \/ z( ~4 R7 v. f9 C- |0 f: O% e' V, u; ^& I
: Y, B, R4 `) Y5 W9 N& d. c
                               
登录/注册后可看大图
8 s0 s1 c8 v2 A4 ~2 w
Designergleb3 ~/ r: W* D2 H% v+ X1 W6 ?
' a0 K& O+ s  j* o8 h" k; m
1 d- x* @- b* ^; {( h7 p% A9 B9 g
                               
登录/注册后可看大图
/ `) ]. s/ \; @" l
Unfold0 j; z. `1 b* p  B+ I
3 |5 `( C" q, ~9 K1 t* a

) T7 x1 p. w/ H# ]+ L, k# ]                               
登录/注册后可看大图
! t  u  L/ \. S6 F
Ethanmarcotte
3 a; h0 L" M* V, Q9 e
. v4 u' Y3 C4 i1 S% E
9 C0 p& d/ n8 x! }3 V
                               
登录/注册后可看大图

7 t; G& b7 Z5 p% B$ \) b4 |! b" j1 ?Truly-design( g" w1 m( F' Y* `2 d

! D  ^! @2 b! `9 f* f/ M  m

7 s; J; Y6 m% G- Q' i/ x: j+ X& p                               
登录/注册后可看大图
; C5 q9 Z9 j. ]( v
Bleepradio
& I1 d' f1 K7 L/ [9 C/ e
6 N+ b+ z) H4 K% G

4 r" j# c$ p. T1 y8 Z- P                               
登录/注册后可看大图

5 b2 s9 o% b/ ?& u- D: ^' i/ s+ U/ ^Fusionroom0 r* P& z: S% i! F6 j

. ?; r; M* z0 [8 Z- b
; h6 ]) p& U1 D  o+ J$ Z
                               
登录/注册后可看大图
+ r' S% l5 E: x! Q7 g1 V7 J  b
Davidkopec
: }  [5 x8 w6 l$ O# S1 `0 m$ N* B3 C3 P
+ l# w, I0 O  s, ^' }% f6 f* i

/ _8 B. \  d# O                               
登录/注册后可看大图

* }& z3 d1 v% D2 ~) Q9 |Olivers; I6 v- [5 F! k' L& k" F

6 R1 k! n$ C1 d: F) J
* z( @+ G8 N6 m' U" y4 E! `4 T
                               
登录/注册后可看大图
8 A/ q/ i' W7 X" B
Tympans
7 k" f' Z1 R$ Y2 Z3 ^
2 P6 `$ ]/ k+ f3 ^" w

# s) u1 i: o- R' r2 o+ \- J9 v2 L  o                               
登录/注册后可看大图
4 a# X2 h9 [2 S" P; ]
Vonchurch! X& d+ |3 m+ R
# A3 t/ r( t. `& L# s0 W0 V+ r1 }
7 q5 `" G# c- r9 K: I& Z0 t, H9 l
                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2025 年 4 月 11 日 01:53 , Processed in 0.115155 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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