欢迎访问芦艺网!

大屏幕,小屏幕,自适应设计

在《响应式设计,为移动而生》我们介绍了响应式设计的概念,也主要针对小屏幕设备的兼容进行了简单介绍。而事实上,现在我们不仅仅要关注小屏幕设备,也需要关注大屏幕设备。如何充分利用1080P甚至跟更高分辨率的大屏幕展现更多有效信息,是设计师们不得不考虑的问题。

现在台式电脑配置的显示器屏幕已经不再是十几寸的时代了,二十几寸的显示器已经随处可见,屏幕的分辨率基本都是1080P。而随着智能电视的推广和普及,智能电视作为PC和手机以外备受关注的第三屏,自然也是不可忽视的。第三屏早已跨越式的发展到40寸~60寸的巨屏时代。虽然现在Web出现在第三屏上还比较少,但是将来Web也将必然延伸到具备网络连接功能和标配浏览器的智能电视。

因为移动设备的屏幕较小,展现内容有限,所以极简主义设计备受推崇。而在PC的大屏或智能电视的巨屏上,可能就恰恰相反了。因为有了足够的平面空间,所以可以展示效果和设计的方式上也给了设计师们更多想象的空间。我们期待在不远的未来,便能坐在客厅的沙发上,用类似Leap Motion的体感操作方式进行浏览新闻或其它Web内容。如果想象力可以再丰富一点的话,我想,未来是否有存在3D浏览器和3D Web画面的可能呢?想象一下,你正在查找资料写论文,通过智能电视的立体投影,将所有的Web画面都围绕在你的四周,你通过手势控制来浏览着周围的所有页面的信息。是不是太美好了?我觉得至少比切换选项卡方便吧,可以同时看多个页面。未来还有更多可以想象的余地。

扯的有点远了,那么我们还是来看看针对大屏幕、小屏幕而进行自适应设计的优秀作品吧!

1. Meta Port: 极简风格、全屏适应。
my-meta-port

 

2. zurb: 极简风格、全屏适应,手机版本的MENU使用单侧滑出效果。
zurb

 

3. firefly: 导航、链接、按钮、子页面的设计很有特色,运用了jQuery和CSS3特效。
firefly

发表评论

关闭菜单