网页前端设计

http://www.86y.org

搜索文章

2011年值得注意的5个设计趋势

用声音读出全文关注我吧
 2010/12/15 14:40:21 阅读次数:6070

在过去的12个月里,我们已经看到Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有,像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。

小企业往往因为重新设计的成本和必须照顾大众用户而无法跟上最新的Web设计潮流。不过,下面列举的这些关于web设计领域的技术趋势,我们认为小企业有必要注意一下并考虑把它们纳入自己的网站。

1. 抛弃Flash

缺少Flash插件

无论Adobe与苹果的Flash之战你站在哪一边,越来越多的网站和开发者开始远离非Flash不可的视频、动画和网站导航这都是一个不争的事实。

Flash的主要应用还是在多交互设计和RIA(富互联网应用程序),而小企业一般不需要提供这类用户体验,只要简单地展示信息,使用HTML5、Javascript和CSS3来替代Flash也许更有意义。

大多数的移动设备无法访问Flash,甚至有些支持Flash的也不能完美地支持。作为一名客户,没有什么比这个情况更加糟糕:当我从手机访问一个网站却发现无法浏览联系信息、产品列表和服务或者是位置信息,而原因是网站的导航或核心内容是Flash创建的。

对于某些任务,Flash确实是个好工具,例如捕获音频或视频、展示复杂动画或运行游戏。如果你还在使用陈旧的circa-2005 Flash模版,2011年可能是升级使用一些更现代化工具的时机了。

2. 网络字体

网络字体——web fonts

字体排印是任何网页设计的关键组成部分。以前,在网站上使用自定义字体是件复杂而且让人头疼的事情。其结果是,大多数设计师要么使用为数不多的web安全字体,要么使用类似文字的图片或Flash替代的方法。

令人兴奋的是,在过去12个月里,字体和网络都有了很大的发展。感谢TypeKit、Fonts.com和Google网络字体这些服务,现在可以在网站上以微小的改动来使用免费的网络字体。

3. 针对手机兼容/优化网站

手机兼容优化网站

越来越多大大小小的网站都开始修改自己的网站增强其对小屏幕的友好性。一个做过移动设备兼容和优化的网站意味着不仅会让网站在蜂窝数据网络中加载地更快,也让网站内容更适合小型设备的屏幕规格,使其更容易访问和理解。

随着智能手机不断普及,我们越来越多的在线时间花在手机上。对小企业来说,确保网站的良好手机体验是个提高网站可用性的好机会。

4. 来自Tumblr的灵感

Tumblr

微博Tumblr是一个快速、轻易发布更新、分享内容和获得反馈的平台。Tumblr已经成为一个受欢迎的平台,很多小企业都在使用它作为公司博客或者网站。

Tumblr有很多面向小企业用户的优秀主题,而它本身在web设计领域也是很有影响的一个作品。

如果你不使用Tumblr作为官方博客或网站,也可以去山寨它的设计风格——独特的发布类型icon图标、漂亮的大标题以及简约的布局。

5. 触摸未来:HTML5和CSS3

HTML5

正如引言中所指出,非设计行业相关的小企业很难使用设计领域的前沿思想去解决他们对部分潜在用户会否被拒之门外的担忧。

虽然还有一些企业网络和一小部分家庭用户在使用那些陈旧、衰老、几近灭绝的浏览器,但目前主流浏览器(Internet Explorer、Firefox、Google Chrome、Safari和Opera)的最新版本都支持CSS3和HTML5。

此外,几乎每一个现代化智能手机也都支持先进的CSS3、JavaScript和HTML5的功能。

在这个阶段,完全可以尝试在你的小企业网站上实验一下HTML5或CSS3的威力。可以使用技术在趋近标准的新浏览器上提供增强阅读体验,并在那些破旧的浏览器上降低体验。


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

相关文章

阅读全文内容关闭