关于响应式网站的调查

  采用响应式设计用于网站变得很常见,这允许内容在必要时扩展和收缩以充分利用可用的屏幕宽度。设计响应式页面是复杂的 - 负空间,比例,密度和布局设备(如网格,模块和列)可能是管理层次结构和重点的因素。

  大屏幕通常也在宽的横向方向上成形,不适合传统的垂直滚动网页。与较小的屏幕一样,屏幕尺寸和分辨率也各不相同 - 但在大屏幕的情况下,差异往往会放大,从超轻型11英寸笔记本电脑到30英寸台式电脑显示器。

  鉴于这些条件,许多桌面布局(如此布局)设计为适合1024x768分辨率并不奇怪。这是早期时代的遗留问题,因为设计受限于用户中最常见的屏幕分辨率。如今,大多数桌面用户的屏幕宽度超过1024像素,最大化的浏览器窗口可以将经过仔细考虑的960像素布局转变为空白字段中的整体。

  每年有更多的人使用移动设备访问互联网,因此将预算和时间表集中在为较小的屏幕创建良好的用户体验上是有意义的。移动布局可以在较大的设备上完美使用,但对于在小屏幕上观看的桌面布局而言,并不总是如此。

  但是通过拥抱大屏幕,设计师有机会在更大的折叠中工作,同时向用户呈现更多内容,减少在较长页面上的滚动,并创建更丰富,更广泛的用户体验。通过使用我们开发的相同实践来使布局适应较小的屏幕并识别大屏幕的一些常见模式,我们不一定需要为我们的项目引入额外的成本或时间。

  与任何设计一样,接近较大断点时的首要考虑因素是内容。长篇和短篇写作,摄影,电子商务,视频或Web应用程序可以以不同方式受益于不同的方法。

  以网格格式呈现的摄影,搜索结果和其他内容是宽屏幕的简单候选者。显示屏幕可容纳的内容允许用户快速扫描和比较结果。

  另一方面,长篇阅读是对更广泛的断点的挑战。较长的线条长度可能使得难以在线与线之间跟踪文本,而短线长度会引入跳跃感或加速感,从而打破读者的节奏和节奏。

  为了使阅读更舒适,设计者需要平衡文本列的宽度(度量)与每行文本的大小和行高(前导)。经典地,单列文本的适当计数是7到10个单词或45到75个字符。

  更宽的列可以使用更多的行高,以便更容易地从一行到另一行跟踪文本,但过多的行高会导致行分离,类似于大学研究论文。类似地,随着列中的文本大小变大,可以在屏幕上垂直呈现的行数变得越来越小,增加了滚动和打破读者沉浸的需要。简单地缩放文本以获得更大的断点是一种有限的解决方案。

  通过简单地扩展用于使内容适应较小断点的常用技术,我们也可以看到大量断点的机会。使用强大网格的网站将有更简单的时间,因为结构良好的网格应该没有问题扩展到更广阔的空间。

  显然,任何设计中最重要的考虑因素是内容,因此必须是扩展设计以填充宽屏幕的任何努力的基础。对于长读取,创建良好的节奏和流动更为重要,这样可以在不分心的情况下阅读文本。对于照片或图形,空间和比例直接影响。政府和面向服务的站点必须能够轻松访问任务和信息。电子商务网站需要让消费者轻松评估和购买产品。布局的密度应该反映网站的色调 - 更多的密度以获得更活跃的体验,而不是更慢,更周到的色调。就像拍摄照片一样,填充视口可以使设计看起来更大更大胆,就像在宽大的空白中设计一个设计可以使它看起来更优雅或更珍贵。

  桌面用户可能确实很容易调整浏览器窗口的大小,如果所有这些空白使他们感到不舒服,不像小型设备的用户。也许并非所有桌面用户都使用大屏幕或全屏窗口进行浏览。但与移动设备一样,我们不应该假设现在使用哪些设备来查看我们的内容,特别是将来。在某些情况下,大屏幕既可以为用户提供增强的可用性,也可以为设计人员提供更丰富的调色板。我们可以利用这些扩展的边界。

  由于响应式网页设计邀请我们创建更好地满足用户需求的界面,因此相关讨论越来越注重对用户,媒体和彼此的更多考虑,这一点不足为奇。

  如果我们想要建立一个真正普遍的网络,那么我们必须拥抱其不可预测的性质。我们必须更密切地倾听全方位的观众。在我们之前看到进入障碍时,我们必须看到优化的机会。我们必须通过构建有助于我们共同应对这些挑战的工具来考虑我们的同事。

  这些原则应该塑造我们的响应式设计方法 - 反过来,它们也可能需要适应。这个框架可以指导我们,但它也应该随着我们继续构建,实验和学习而变化。返回搜狐,查看更多

分享到
扫描二维码分享到微信
确 认

Copyright © 2002-2018 最正规的赌场网站 版权所有 备案号:苏ICP备16035770号