用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字

小蜜锋    -  云代码空间

—— 技术宅拯救世界!

Web设计的8大趋势:响应式、Metro、方块、大图、简洁

2013-05-06|3550阅||

摘要:weavora网站近日发表一篇文章《Web design trends we love》,文中总结Web设计的8大趋势:单页面、照片背景、Metro、超大尺寸图片、注重简洁、响应式Web设计、视差滚动、“活版印刷”。如果你有不同的意见或推荐,请在文章下方评论处写出,让我们一起探讨

weavora网站近日发表一篇文章《Web design trends we love》,文中总结Web设计的8大趋势:单页面、照片背景、Metro、超大尺寸图片、注重简洁、响应式Web设计、视差滚动、“活版印刷”。如果你有不同的意见或推荐,请在文章下方评论处写出,让我们一起探讨。


单页面

现在的单页面都需要频繁的滚动才可以浏览,这一点让客户和设计师十分不满。但是却随处可见,有一种合理的解释是,用户习惯用鼠标滚轮浏览页面。但实际上,如果把一页的内容分成若干页显示,反而让用户寻找起来更麻烦。一些成功、著名的企业,包括苹果在内,都在使用单页面展示他们的产品,其实这一点很成功。

点击查看实例:

照片背景

这种设计方式已成功存活了很久,该理念由时尚品牌摄影师所创。此设计是目前所有行业中使用最多并且相当成功的一种方式。以照片为背景给予视觉强烈的冲击,还可突显出品牌和展示效果。多用于时装、服饰品牌、旅游行业,以及其他行业中。

点击查看实例:

“Metro”

这一设计基本上是引入了“方块”元素,如同网格样式的纯色块加上照片或文本。因为它的清晰简易从而获得用户认可。结合图像、文本的纯色块之间产生强烈视觉对比,容易引起用户视觉兴趣,刺激用户探索下去。

点击查看实例:

超大尺寸图片

这种设计半源自于Mac OS X图标设计的流行。当程序员推出Mac应用程序网站时,我们经常能看到这种超大尺寸图像的设计。这一趋势已被iOS开发者继承下来,成为一种现代设计文化。

点击查看实例:

注重简洁

化繁为简已成为2012年主要设计趋势,很多网站都采用了圆滑、直观的设计。简洁设计旨在整合或去除不必要的页面,实现简化,只给用户所需要的东西。往往是通过大号字体、大胆的排版和超大尺寸的图片来传达他们认为最重要的东西。

点击查看实例:

响应式Web设计

随着智能手机和平板电脑访问Web的增长趋势,响应式Web设计已成为现代网络发展的重点之一。一个页面在任何设备上能自动调整最合适的尺寸和格式是至关重要的。响应式Web设计确保了你想要的方式,无论是移动设备或是台式机,都可以正常呈现出网站内容。

点击查看实例:

视差滚动

“视差滚动”是指当两个或两个以上平行的对象以不同的速度移动所形成的视觉感官。视差滚动是一种技术,它打破了单调的线性网站。视差滚动也许在未来会变得越来越流行,其实已有越来越多的浏览器都开始对其支持,并且有许多漂亮的景点采用了视察滚动。

点击查看实例:

“活版印刷”

以往设计师常常被用户电脑上的字体所限制,但随着谷歌Fonts和Typekit等字体服务的兴起,设计师们可以在网页上使用无限量的字体,极大地提高了网站吸引力。设计师们使用该服务已有段时间,越来越多的网站也提高了对字体排版的重视。一些网站类似于Typographica,几乎完全依赖字体,但最终效果着实不错。

点击查看实例:

这些设计在短时间内不会成为过去式,你可以把它们结合在一起,创造出属于你的网站。

原文:weavora

顶 5踩 0收藏
文章评论
    发表评论

    个人资料

    • 昵称: 小蜜锋
    • 等级: 高级设计师
    • 积分: 7088
    • 代码: 757 个
    • 文章: 360 篇
    • 随想: 211 条
    • 访问: 1263 次
    • 关注

    标签

    设计模式(4)java(9)命名规范(2)广告创意(1)愤怒的小鸟(1)游戏(5)jsp(1)配置(1)Surface(1)windows(1)javabean(1)设计方法(1)开发工具(2)web(4)大数据(2)GPU(1)硬盘(1)内部结构(1)黑客(1)窃取(1)编码(1)解决方法(1)php(28)mysql(9)数据库备份(1)数据库还原(1)命令(2)数据库(1)安装(1)2012(2)世界末日(3)仙剑5前传(1)默哀(1)电源(1)女生(1)装饰器模式(2)古剑奇谭(1)电脑桌(1)史上最牛(1)编程语言(2)小米(3)电视机顶盒(1)营销策略(1)Android(8)手势(1)诺亚方舟(1)Eclipse(1)汽车(1)操作系统(1)软件(1)互联网(5)大事记(1)设计师(2)壁纸(1)古剑奇谭2(1)古剑奇谭网络版(1)云计算(2)服务器(1)框架(2)Socket(1)jquery(1)构造函数执行顺序(1)火车票(1)3D(1)数据中心(2)正则表达式(2)Web前端(1)开发框架(1)系统瘫痪(1)12306(2)cpu(1)javascript(2)开发日记(15)体育馆管理系统(15)网页设计(1)CSS3(3)腾讯(3)小游戏(1)interface(1)平板(2)面试(2)设计(5)摄影(2)数据挖掘(1)钢琴谱(1)情人节(1)陈欧体(1)程序员(3)漫画(1)UserAgent(1)iPhone(2)NoSQL(1)ui(9)越狱(1)指南(1)abstract(1)css(3)git(2)八核(2)三星(1)linux(11)数据类型(1)html5(2)UML(2)perftools(1)创意(1)logo(1)色谱(1)响应式(5)Metro(2)虚拟机(1)jvm(1)垃圾回收(1)left(1)join(1)连接查询(1)溯源系统(1)Override(1)SAE(2)WordPress(1)指针(1)链表(1)系统分析师(1)中间件(1)corba(1)static(1)无线(1)监控(1)iPad(1)Apache(2)比特币(2)命名规则(1)手机支付(1)curl(3)笔记(1)导航(1)thinkphp(1)异常导致本地路径泄漏(1)web设计(1)网络安全(1)诗句(1)4K对齐(1)代码库(1)色彩(1)动画片(1)struts2(3)漏洞(5)确认框(1)心情驿站(1)ArscEditor(1)resources.(1)apktool(1)AppKey(1)新浪微博(1)app(5)广告(3)赚钱(1)响应式布局(1)html(1)淘宝(2)微信(1)重构(5)缓存(1)破解(1)后门(1)七夕(1)SEO(2)概念设计(1)面向对象(1)bootstrap(1)性能(2)优化(1)iis(1)爬虫(1)采集(1)算法(2)文本相似度(2)cto(1)js(1)fsockopen(1)扁平化设计(2)网页(1)心情(7)小米电视(1)开箱(1)励志(2)招聘(3)命名(1)notepad++(1)python(1)配色(3)扁平化(4)ps(2)搞笑(2)创业(3)渲染(1)电影(1)模板(1)微博(1)企业家(1)公司(1)总结(1)前端(1)运营(1)变形(1)svn(4)教程(3)搜狗(1)泄密(1)双11(1)天猫(1)UC(1)启动界面(1)光棍节(1)双十一(2)物流(1)备份(1)更新(1)插入(1)插件(2)jsTree(1)(1)海量数据(1)分辨率(1)草图(1)手绘(1)速度(1)文本处理(1)实习(1)感想(1)文件(1)简历(1)65.49.2.17(1)yum(1)解决办法(1)阿里云(2)推广(1)来往(1)春运(1)LBS(1)gb2312(1)utf-8(1)log4j(1)详解(1)收购(1)私服(1)TortoiseGi(1)post(1)异常(2)flappyBird(1)应用创新大赛(1)宙斯杯(1)学习方法(1)xp(1)退役(1)安全(1)技术贴(1)flash(1)刷机(1)京东(1)电商(1)Tomcat(1)JDK(1)免费(1)长投影(1)图标(1)Photoshop(1)云端集成开发环境(1)软件开发(1)可视化(1)工具(2)OpenSSL(1)Heartbleed(1)vsftp(1)中国知网(1)学术论文(1)免费下载(1)开发(1)手册(1)速查表(1)追随战略(1)sdk(1)文章(1)发布(1)文件管理(1)沙画(1)动效(2)原型(1)感悟人生(1)哲理(1)Bash(1)类图(1)知识管理(1)Console(1)调试命令(1)rpm(1)报错(1)挂载(1)数据盘(1)云主机(1)产品经理(1)原型设计(1)mql4(1)mt4(1)ea(1)程序化交易(1)CURLOPT_PO(1)阿里云​(1)CentOS6(2)OpenSSH(1)漏洞修复(2)升级(1)安骑士(1)链克(1)

    站长推荐