行业关键字
UI设计UI理论和资料 → 正文
2011年值得注意的5个Web设计趋势-UI博客精选
作者: ckqee 来源: 视觉同盟 时间: 2011年11月22日

在过去的12个月里,我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有,像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。
小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过,下面列举的这些关于web设计领域的技术趋势,我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。
1、抛弃Flash

无论Adobe与苹果的Flash之战你站在哪一边,越来越多的网站和开发者开始远离非Flash不可的视频、动画和网站导航这都是一个不争的事实。
Flash的主要应用还是在多交互设计和RIA(富互联网应用程序),而小企业一般不需要提供这类用户体验,只要简单地展示信息,使用HTML5、Javascript和CSS3来替代Flash也许更有意义。
大多数的移动设备无法访问Flash,甚至有些支持Flash的也不能完美地支持。作为一名客户,没有什么比这个情况更加糟糕:当我从手机访问一个网站却发现无法浏览联系信息、产品列表和服务或者是位置信息,而原因是网站的导航或核心内容是Flash创建的。
对于某些任务,Flash确实是个好工具,例如捕获音频或视频、展示复杂动画或运行游戏。如果你还在使用陈旧的circa-2005 Flash模版,2011年可能是升级使用一些更现代化工具的时机了。
2、网络字体

字体排印是任何网页设计的关键组成部分。以前,在网站上使用自定义字体是件复杂而且让人头疼的事情。其结果是,大多数设计师要么使用为数不多的web安全字体,要么使用类似文字的图片或Flash替代的方法。
令人兴奋的是,在过去12个月里,字体和网络都有了很大的发展。感谢TypeKit、Fonts.com和Google网络字体这些服务,现在可以在网站上以微小的改动来使用免费的网络字体。
3、针对手机兼容/优化网站

越来越多大大小小的网站都开始修改自己的网站增强其对小屏幕的友好性。一个做过移动设备兼容和优化的网站意味着不仅会让网站在蜂窝数据网络中加载地更快,也让网站内容更适合小型设备的屏幕规格,使其更容易访问和理解。
随着智能手机不断普及,我们越来越多的在线时间花在手机上。对小企业来说,确保网站的良好手机体验是个提高网站可用性的好机会。
4、来自Tumblr的灵感

微博Tumblr是一个快速、轻易发布更新、分享内容和获得反馈的平台。Tumblr已经成为一个受欢迎的平台,很多小企业都在使用它作为公司博客或者网站。
Tumblr有很多面向小企业用户的优秀主题,而它本身在web设计领域也是很有影响的一个作品。
如果你不使用Tumblr作为官方博客或网站,也可以去山寨它的设计风格——独特的发布类型icon图标、漂亮的大标题以及简约的布局。
5、触摸未来:HTML5和CSS3

正如引言中所指出,非设计行业相关的小企业很难使用设计领域的前沿思想去解决他们对部分潜在用户会否被拒之门外的担忧。
虽然还有一些企业网络和一小部分家庭用户在使用那些陈旧、衰老、几近灭绝的浏览器,但目前主流浏览器(Internet Explorer、Firefox、Google Chrome、Safari和Opera)的最新版本都支持CSS3和HTML5。
此外,几乎每一个现代化智能手机也都支持先进的CSS3、JavaScript和HTML5的功能。
在这个阶段,完全可以尝试在你的小企业网站上实验一下HTML5或CSS3的威力。可以使用技术在趋近标准的新浏览器上提供增强阅读体验,并在那些破旧的浏览器上降低体验。

原文链接:http://dongxi.net/b03sM

更多UI博客精选
http://www.visionunion.com/searcharticlelist.jsp?query_property=&query_trade=&query_type=0&query_keyword=UIblog&$CURRPAGE$=1&flag=null&orderflag=null

(责任编辑: 彭文娇

作品欣赏

  • D&AD创意奖平面设计类包装作品
  • Free Rabbit图标设计
  • 智利Mauricio Cancino概念设计
  • 葡萄牙09FDIP公共中心
  • 躺着的艺术雕塑公共座椅设计
欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2019 视觉同盟 visionUnion.com)
Copyright © 2004-2019 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 中国创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版