找回密码
 注册
【阿里云】2核2G云新老同享 99元/年,续费同价华为云精选云产品特惠做网站就用糖果主机Jtti,新加坡服务器,美国服务器,香港服务器
查看: 34|回复: 0

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

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

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

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

×
, S+ R4 s9 s( D" a. ?
大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。
- V5 v/ P+ J5 F" Q一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。
3 m9 h! a. P) b) R9 E( z4 m色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。
" i8 m: b5 t* |& K. F3 b这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。
; [4 |7 M1 m$ O( |Yamaha
( ]* Q" e: ^* x: P
" A: K+ u" B% X$ @
8 c- U4 X" K* @6 p0 f; A
                               
登录/注册后可看大图

! p8 @$ J/ d6 x2 T1 X. B0 g) uWhyinteractive* r+ G$ o3 d% s0 t& w3 R

. G1 L; z- s5 o6 B5 k

( x6 [% _8 U& L& Y+ m                               
登录/注册后可看大图
5 c; j- z* \' Y- i$ j2 b( F; f' T
Badminton-Center$ Q/ R$ E" P2 e) W( g
; y$ S2 N2 p# W& ~& u  j* s5 l
! g2 X. h! Y# S2 p
                               
登录/注册后可看大图

; L8 ^3 I  j0 y( ]( x0 U( WArnaudbeelen
8 x  ~* V% ]' j5 F; q/ V) }& U# Z- V5 v
* u) B& X& D% l1 v& v/ T0 c2 \
                               
登录/注册后可看大图
( \& _- z* [6 O
bloedoranjegallery, [/ q8 V; W; K) w

2 D+ l3 M. H5 P5 B; C0 C$ G: @+ s

! l% I6 H4 {' b& R* ^' |# H                               
登录/注册后可看大图

' a4 `5 c3 D. Z, |$ _2 W  E4 N; SCarterdigital/ ?; Z  r* _% \1 w* {2 p

7 ?5 W3 `1 w: k, J9 d3 S+ S! A0 V

& G2 \/ ?+ A( K0 x7 Y! S1 q2 y5 ^                               
登录/注册后可看大图
4 g& E/ `( I8 |: U
Piropixel
& V+ y5 H/ L; w& S

1 W3 V  G9 E5 {0 y0 q4 P9 V$ Y                               
登录/注册后可看大图
9 ?; ?  I4 Q3 l# \* X' q
Wixel
) Y4 P9 }' }" a$ z& s! A, j
9 q$ N: V( b, j% H  d7 w, U; S/ K

: e7 E) D% c8 M( _. p                               
登录/注册后可看大图

5 ^" Z% `4 h* B) `( O* x2 _Skidpasset
$ b. S# d) x$ ~9 E
' X) r5 J: {* k6 o. T

, ]# ?* D" S2 E( {% K  r, W( U                               
登录/注册后可看大图

( u$ C# U. g* A& uNeotokio/ R, F. V1 y' X: T& u9 [% d9 W
+ H9 g2 L( @* b( a' O4 [" e$ y1 W

* [$ b0 D# x. X% E( g, x                               
登录/注册后可看大图

0 D9 I" u+ @! l9 d  u) b  TKikk
  P1 U5 l* A1 q, \$ ^- N3 A6 \6 U
5 C( J; v- Y3 Q/ [% B
                               
登录/注册后可看大图
1 z3 S7 V5 p& I! e8 T
Designergleb! Y6 W1 s+ Z# f6 a( N
8 H6 z* D- E0 |1 o6 S

- x1 e3 w0 v; Y1 q                               
登录/注册后可看大图
( u+ r, H" g; u  _7 O  {% w
Unfold
/ f$ L# o$ ^) i0 o$ g! a5 ]' h2 m: D1 T% y8 `# s

8 k: u) d* m+ D  N  f                               
登录/注册后可看大图
$ ?. Y$ E+ T: ?" F1 T
Ethanmarcotte
8 ?' p% d+ P2 K$ L) n- C$ Q$ V7 a9 z: x: A/ f
! f) y) @, {) m6 f
                               
登录/注册后可看大图

" h" p1 A, d8 Y2 e+ kTruly-design
: S7 e" O6 n+ e+ [6 D( q, ]2 B) H3 a- a4 A' `
' J8 Y) H9 Y9 }4 a
                               
登录/注册后可看大图
( m, O& h$ ]8 O' \0 ?
Bleepradio9 y; B' y; _: F$ V
; d& w# i+ R1 V% ~0 S+ J$ Y

, A/ D* G( n) W$ M2 `: D                               
登录/注册后可看大图
/ F: @9 I) J1 K
Fusionroom: [* m. l. m8 K& ?1 k6 H

. k2 m3 l- P. A6 x2 |: `3 ^! t: U) X
; E' [# C5 L9 m5 u" |4 B" O% Y
                               
登录/注册后可看大图
" X( {8 Y  V1 L6 m7 u8 F7 K/ [8 ^
Davidkopec7 Q( n+ {0 k) u' d1 j

' j5 Z  E- ]% g  Y( ], f
$ g( U$ w, l  C( W
                               
登录/注册后可看大图

/ Z( a* M. t' y( c) jOlivers
! K, A5 ~; \: `# s( Y* q% k
+ L9 e+ s8 u* F3 z$ r

( C! `1 s# o: S& b2 i5 J. Q6 W                               
登录/注册后可看大图

" @* v) _0 e- F; h$ iTympans
7 ?; K9 a' F$ k8 y) R6 X. X+ [6 X1 g2 S  g$ l

, m: p0 z" \9 u$ R; J* |                               
登录/注册后可看大图
  C4 x, J( I! h
Vonchurch
/ q+ z4 [0 ^, _$ ]7 e0 |# Z+ y2 g, b/ V1 X% i3 M0 J6 W

% ?3 u, e4 J/ m( l& L6 j6 ?5 x                               
登录/注册后可看大图
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2024 年 11 月 16 日 19:27 , Processed in 0.021321 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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