首页 > 网页教程 > 设计分享 > 21个带斜线排版设计的网站设计创意欣赏

21个带斜线排版设计的网站设计创意欣赏

时间:2013-05-20    来源:译言

大多数传统的网页都是直愣愣的竖直水平的设计。不过现在,斜线网页设计与视差滚动设计(译者注:一种特殊的网页形式呈现形式,其基础原理是让多层背景以不同的速度搬动,形成立体的感觉,带来卓越的视觉体验)正在挑战这一传统。倾斜的设计构图与之前我们接触的各种理论背道而驰,将人们的注意力从网页内容中吸引到这些不规则的图形设计上。

一些网站还是使用大版面的传统垂直排版,再添加一些简单的小巧的斜线设计,这样是十分抢眼的。而另一些网站则是使用对称的斜线或多边形,这样的布局会比较的平衡,也会使用户有更好的体验:他们既会注意到布局,也不会忽略网页的内容,同时,网页的导航也很自然到位。不过在2011年12月的网页设计会上,有一些网页设计完全抛弃以往的干净简洁理论,结果是他们的网页看起来有点混乱无序。也就是说,想要利用斜线设计的抢眼效果,前提是不能牺牲了用户的体验。如果页面上有太多杂乱的东西,并且用户也不能很容易地在这个网页上浏览,那么他们很快就会丧失一开始的好奇感而一去不返。

色彩在传统的垂直排版中是十分重要的,而在斜线排版中也有其一席之地。如果网页的布局、设计都充满色彩,而且不会干扰用户注意和用户体验,那么色彩在斜线设计中就有神奇的点睛作用。下面有的一些斜线设计网页都很匠心独运,它们的设计、布局、色彩都做得恰如其分,使得这些网页的导航都很直观、简单。同时,看起来又那么的狂拽炫酷。使用经过深思熟虑设计的斜线网页会能更吸引访客,给他们留下深刻的印象,也更有可能让他们在你的网页上呆更长的时间。

这篇文章里,我们要与你分享许多斜线设计网页。希望这里的一些内容能对你以后的设计灵感有所帮助。如果你喜欢的话,欢迎你将这篇文章转载给你的朋友们。

Yamaha

Whyinteractive

Badminton-Center

Arnaudbeelen

bloedoranjegallery

Carterdigital

 

相关推荐
分享:网页核心内容对视觉表现的影响
网页设计的背景创意风格与设计趋势分享
20+艺术视觉和网页完美统一的网页创意案例欣赏
网页设计怎么破?创新式布局与交互的设计
38个创意出彩的网页字体设计案例赏析
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
仿生设计—让互联网产品更易用
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析

精彩推荐

热门教程