全屏大视野

2016-08-17 11:16:49

简短,聚焦

时代在变规则也在变,网页设计师刚入行的时候都会被告知信息内容需要摆放在800或1000的宽度以内,但是今天不论在网络速度还是硬件、显示屏都有了不同程度的更。

说说——不做1000小切糕还给宽屏大视野

本章介绍的方法是通过全屏连贯的大视觉来增强网页的整体性和视觉震撼力。因此我们要解决两个问题,一个是因全背景而产生的了对信息干扰的问题,另一个是面对不同显示器如何进行全画幅自适应响应问题。让用户在不同的使用环境中都能有视觉和信息的双丰收。

\

大家应该都会有这样的经历,在我们入行网页设计时首先会被告知的潜规则就是,页面的内容一定要设计在1000(1000~1004)的宽度以内,这个规则并没有错误,特别是在过去的几年中。不过随着硬件和网络的发展,网页显示的终端也在发生着快速的变化,从宽屏到超宽屏,从手机到IPAD。如果网页设计固守着1000宽度的话,也就相当于放弃其它终端用户的视觉美感。所以多终端响应式全屏设计成为必然的趋势,当然或许这对您也许并不陌生。

\

如果我们翻阅08年之前的页面就会发现过去些年网页设计的特点。从缩略图中就可以发现,当年的页面通常将内容设置在800或1000宽度以内,背景则选择纯底或渐变或纹理平铺。而今天如果用大屏显示器来浏览这类型的页面,就会发现,它们如同一块中央切糕。当然我们是可以完整的浏览页面的全部内容,但1000的设计在宽屏用户看来却略显局促。

\
那些年我们做过的切糕
 
当然近两年,许多网站在头部的视觉设计上也打通了1000围墙,不过大部分的内容设计还是保留在1000宽度以内的,穿越围墙怎么说也是件冒险的事,一方面有技术的局限性,比如不同浏览器的兼容,另一方面,经验总是说服自己偷懒的最冠冕堂皇的理由。

全屏时代

\

宽屏的展示效果更加开阔丰满,充分利用了1000以外的标准空间,你是否有所心动,但如果你为用户感到不安的话,我们可以看看下面这个分辨率比例图。这虽然是某款产品的用户比率,但可以看到一些普遍性的问题。

屏幕分辨率

\
2012年12月

\
2013年7月

上图分别是2012年12月 和2013年7月BNS游戏用户屏幕分辨率调查报告,从上图可以发现,1024用户仅占的比例呈下滑的趋式,仅七个月时间1024的分辨率从16%降至了10%。1366和1440的笔记本用户还是占着相对的多数,超大屏的1920宽度用户也在逐渐上升。从2013年7月的数据来看,针对BNS游戏用户来说(由于剑灵是高配置游戏,所以在同类产品中用户的屏幕分辨率较高,不同的产品有不同的分辨率数值比,大家可以根据自己的用户比例来决定网页的最小宽度),网页设计师是可以将网页的最小范围拓宽至1280,让1280以上的用户的拥有最优预览效果,另外也保证1024的用户能够完整的看完信息(完整的看完信息包括通过交互触发或者鼠标的滚动进行配合浏览,但浏览效果可能相对次于1280以上的用户。)

\

是时候让屏幕超过1024的用户享受到更大视野的设计。不论是想让你的产品信息看起来更舒适,还是想让你的产品看起来更上流并贴近时代。我想你也不忍心放弃这样的变革。

\

分享到:
公司动态
2012-2014©版权所有 南京抛物线网络科技有限公司 Copyright by parabnet.com all right reserved.

苏ICP备12048955号-1

4000257586

全国免费服务热线 上班时间:周一至周五 AM 9:00 - PM 17:30