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

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

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

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

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

×

$ r5 D* ^2 u8 a' y+ G! K, s! N9 T大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
2 f! K) {+ o" @1 t一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。
( G7 n- z* d; x1 I9 j色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
7 `$ T5 b3 t1 u) Q, ^1 l: O这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。' D7 A. _$ Q$ e9 I. A
Yamaha
. p, Y8 o% ?3 U1 h6 \1 ~6 p9 N
7 @+ \8 j1 Z9 R) C$ e0 {

/ V9 p, N4 z  a# P8 C                               
登录/注册后可看大图

6 S% \% d$ C% E# cWhyinteractive! A3 J, F+ c8 a. S) c- q' ^2 w4 [
6 [/ T8 ?0 I' D) w( a: M
4 X' ~6 G% ]( G/ R9 v9 ^+ P5 b$ Y
                               
登录/注册后可看大图
) U* L+ I* l# I8 H* m! t" |3 }8 E8 r
Badminton-Center
, \$ V" C# _- C) \* x+ V- O$ Z' R( g- r! A. B- n  G7 v0 g
  U- X: D1 c$ }$ k
                               
登录/注册后可看大图

9 ?. _8 ~  Z' n* [Arnaudbeelen% C4 F8 U, N" J/ H* O' V
; M* I% W4 Z6 J0 y, I

: s# Q% n8 L) x                               
登录/注册后可看大图

8 ~& x* x. U& Q+ H  Tbloedoranjegallery
; T4 ]$ `3 v& O8 W0 a  j+ A/ n0 U+ f  L# V7 m: `. H8 x& I# q2 e
2 R3 o7 h+ r3 }8 q- [+ Q
                               
登录/注册后可看大图
" r; f5 K. E% n
Carterdigital
$ Z! E0 S  Q+ A9 E$ l/ A4 A6 E9 p, U) O8 c; `: q+ t

  e8 h1 W" ?4 h1 y1 W; z                               
登录/注册后可看大图

  j! m. v/ i$ tPiropixel8 T  w: _% Q5 d) X0 s- X/ f

0 ~3 Z, Z$ B% m                               
登录/注册后可看大图
; _8 P. C; M3 h. u
Wixel: k- X6 W+ `! D2 E5 {5 ?, g3 Y% s
$ d0 e" N6 T! Z$ k- P- ^# T. |! }

0 v6 G' X7 D% |6 a2 V                               
登录/注册后可看大图
9 ?0 E7 Y* z; F! B  q! e
Skidpasset6 y0 a& N2 ~4 U

6 i! j) I) _5 ?  ?7 Z" C9 @

3 |; g% N) U' S6 T# Q7 F                               
登录/注册后可看大图
* l  M) ]$ u0 h8 \5 t
Neotokio; K3 y$ I2 |; C( M" F7 Y5 I0 }

& ^( u0 O6 I7 K
" H3 {. n9 a( @
                               
登录/注册后可看大图

, G. X2 X+ A! h4 F: w# z1 ]Kikk% x$ ?7 D3 {& y4 p' F, A% a

- s" M( W1 O* d; G

2 ?4 [+ I9 P: I3 i3 l, z; G                               
登录/注册后可看大图
5 T5 T$ B6 j2 d/ j
Designergleb
  j! d% M! h1 E4 c2 j/ f5 V3 A7 F4 n: X$ x( g7 N# Q( _+ f& V

- U! ~) b, Q2 z, k0 t                               
登录/注册后可看大图

/ ~- e( F" Y% i; b+ c! t' w% Z3 }( PUnfold
- E- k0 W' C! `! N* k( U0 a  h, H. S9 D6 H5 _* e

* Y4 G) e% Y1 }                               
登录/注册后可看大图
; U) b3 q8 D" p' s- o( L9 H; I
Ethanmarcotte1 M3 x5 p' j/ Y  M7 x# P9 Q7 L
5 q$ h: Z8 W! p

- y2 c3 D0 Q8 N+ v( `. b                               
登录/注册后可看大图

) I- g9 F) x3 M7 _( r8 d( x  [* O6 [Truly-design
) D& }2 y. C5 ?' G! l# q) J5 e  H6 S/ p
6 J$ s2 ^5 x: w( |7 h
                               
登录/注册后可看大图

; @" `" L5 W* i) Y9 \Bleepradio
- ~1 l2 \/ {  \" c% E
) C' H9 T6 b  e6 ~& w1 |

5 J8 @+ r2 ?! q: m  r7 G                               
登录/注册后可看大图

) u' z' d& S4 x$ x  a( zFusionroom
3 A) W* v* l* C2 W. R  D- T, W5 D: V( n: n9 x$ h5 |* p
8 f% x, W+ _6 L' F
                               
登录/注册后可看大图

! a0 x- D+ F/ B  J: tDavidkopec
( f3 Y% c. k2 \) V8 A8 J: b6 ^: k0 }

( ]0 r! c5 \3 F- t! i& X' F                               
登录/注册后可看大图

. }1 c8 o+ {7 I# a% ^Olivers4 M# j+ z. F& z
2 X% {. c; g' H  I' h' P9 n
% `- v  f% D% {
                               
登录/注册后可看大图
$ P' @) o) x0 X# {+ \3 r
Tympans- J! w* f% i6 {

1 b$ b& i, O# _6 G/ {: ?2 r( b
+ J5 w7 L! m/ S) F1 I3 f
                               
登录/注册后可看大图

: G8 z0 s2 d8 N' t; jVonchurch
7 T8 F/ T! d3 y8 l$ l* I2 d4 L8 Q  T8 T
( p2 X; Z8 d$ ~2 B9 z0 |- T
                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2025 年 4 月 28 日 19:55 , Processed in 0.101671 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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