青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113115166683288 
知识普及 » 宽屏幕下的Web设计

宽屏幕下的Web设计

奈薇网页设计 2019-08-01 15:09发表
阅读次数 2487
  我倾向于在Web设计中尽可能在最优分辨率前后都给予浏览器宽度一定的自由度.往大去是为了在能改善体验的前提下充分利用大屏幕的用户的屏幕空间,往小去是考虑到有时候用户并不是把浏览器窗口最大化,或者不能占满整个屏幕.

  举个usecase,我工作的时候经常会两个窗口side-by-side,一个窗口是GoogleDocs,另外一个窗口呈现参考资料.如果是在咖啡馆里面干活那就只有笔记本一个屏幕,每个窗口700px宽,很多时候我就要不断地拖水平滚动条,非常悲剧.

  如果浏览器的窗口特别大或者特别小呢?我觉得可以不为这些极端情况做优化,但底线是不要让人觉得出错了,也算是给网站界面预留退路的一种吧.一般来说,我会给界面指定个最大宽度值和最小宽度值,这样宽度的变化不至于失控.像iGoogle在小屏幕下乱成这样,不应该:

  这些肯定都不是主流用户面对的场景,可设计师不就是应该追求完美么.这里有另外一个因素是自适应宽度页面的设计和开发工作量都要比固定宽度大,许多人大概还要考虑一下这个额外投入值不值的问题,例如我就把自己blog的宽度给写死了,反正没啥人上来看…

  Google的大部分产品界面都是自适应浏览器宽度的,产品不同,具体做法也会有不同.对于application性质的产品,界面框架一般都是自适应的,但为了保证里面文本的可读性,往往会对文本内容区域限制一个最大宽度,像GoogleReader这样:

  新版GoogleNews首页整个固定宽度居中,除了上面统一的导航条(我是觉得可以做得更有弹性一点):

  GoogleImagesSearch的结果页面没有什么文本可读性的问题,所以他们采取的解决方案是每行显示图片的数目随界面宽度变化而变化,内容区域总能填得满满的:

  PicasaWebAlbum的图片浏览界面右栏是固定的宽度,而左栏显示图片的区域是变化的.值得一提的是它还会根据窗口大小的不同,请求不同大小的照片大图,而不是把照片拿回来再缩放.可以随便点上面一个大图去看看.

  而我最近做的一个项目的要求是希望从大概200px到大概1000px都要呈现良好,鉴于这是一个导航性质的列表页面,最后采取了大致如下的布局方式:

  这些都是现在的解决方案,再超前一点呢?不大恰当地类比,大屏幕和小屏幕的关系就如同报纸和书本一样,媒介的面积大了,其实还有很多潜力可挖.两个例子,用户现在可以在GoogleBooksSearch的读书界面中设置成两页并排放,如果这个是自动做的呢?而CSS3中也引入了文本分栏,可以像报纸那样把文本分栏显示(参照yuhou.cn的实现效果).不是说分栏这样的解决方案一定好(搞不好要用户来回拖垂直滚动条就更麻烦了),但我们确实还可以开阔一下思路,想想如何能优化宽屏幕下的显示效果.

  实际上设计和用户行为也是相互影响的过程,手头的一份数据显示,目前来说屏幕越大,用户进行“最大化”浏览器窗口的操作越少,这也说明用户觉得宽屏幕下网页显示效果不佳.但如果越来越多的网站提升了宽屏幕下的体验,说不定也会有越来越多的用户也会选择在宽屏下“最大化”窗口呢.

  参考阅读:

  Fenng:UCDChina的设计是否土鳖?白鸦:网页用多宽才合适?西贝乔:拿数据说话千鸟:宽屏不是用来阅读的。

宽屏幕下的Web设计相关标签:做网站网站搭建开发网站网站申请
相关热点推荐
如何做好企业网站优化才
学习网站建设中一些容易
网页视觉设计基本技巧
如果把企业网站建的更优
设计师要会思考
SEO的秘诀
企业建站策划
DW制作网页的基本步骤
如何建立一个网站
网页制作之HTML基础
网站推广不可不知的5个
看看网站设计中的设计风
优化网站的20条原则
购买老域名对网站优化有
发布文章选好正确的时间
青岛网站建设的财富秘籍
网页设计师最基本的原则
不受欢迎的“欢迎页”
如何计算搜索引擎关键词
网站建设的误区和陷阱
营销型网站怎么策划开发
网站设计直接影响企业的
中小企业网站建设要多少
网页设计制作规范教程
如何制定文字语言规范
SEM基本指导原则:D
青岛网站建设哪家好?
是什么决定了网站价格的
一个高端网站设计应该具
新创建的网站如何让百度
告别刻板沉闷,青岛网站
nev.cn奈薇网站开
谈网页优化及网站优化的
网页设计中实用的制作技
宽屏显示下的网站网页宽
PR值是根据什么计算的
如何让网民爱上你的网站
简洁时尚的扁平化网站设
网站设计的创意与技巧
静态页面、动态页面和伪
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 18562723728
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
211个月 14