• 博客
  • 六种促进您公司的方法’S响应性网站性能
六种促进您公司的方法'S响应性网站性能

六种促进您公司的方法’S响应性网站性能

移动设备强迫设计人员和开发人员重新思考他们如何接近构建网页。较小的屏幕需求布局,瘦,简单且可扩展。设计人员必须首先识别最关键的内容,并在该内容周围设计。此更改为所有屏幕大小创建页面,鼓励从移动到桌面的更简化的体验。

如今,在平板电脑或智能手机上完成所有数字媒体消费的一半。

人们预计随着各种屏幕尺寸的访问网站,人们期望无缝过渡。响应设计使这成为可能。

响应性设计已成为用于开发移动观看页面的方法中的FRONTRUNNER。主要优势响应设计在单独的移动网站上具有它允许您以最适合这些设备的用户最佳的方式为不同设备提供与不同设备相同的内容。谷歌 ’s 切换到移动第一索引 可能会使响应性设计更受欢迎。

响应性设计不是单一的开发方法,而是一种用于为不同屏幕尺寸提供内容的方法的集合。利用这些技术充分利用您的响应布局。

1.首先填写内容

内容是任何数字媒体体验的核心,它可以制造或打破设计。毕竟,您的内容是人们来到您网站的原因。

驱动器良好设计的大部分是如何使用键消息点对齐的良好。成功的设计使游客能够轻松找到必要的信息并采取理想的行动。页面’因此,S设计取决于您需要访问者的物理词语。

当大多数网页都构建在简单的两列或三列布局结构上时,组织内容主要由复制和粘贴文本块并用偶时的标题或项目符号列表占用它们。但是,设计具有虚拟内容的页面并不再是可行的,然后希望关键消息传递元素适合刚性,预定义空间。

相反,在您希望您的网站讲述的故事周围设计。否则,您的信息将会丢失,转换率会受到影响。

2.谨慎使用内容

内容首先并不意味着内容过度。桌面屏幕比他们的移动同行更容易享受。桌面为文本提供充足的空间 - 也许太多了。为移动设备写作迫使您仔细选择单词。如果没有额外空间的奢侈,你写的每一个单词都必须转发特定目的。

通过移动首先设计,您可以从精简,最简洁的内容开始。这种方法迫使您分析您的副本,读者和您的网站’理解在有限空间中的目标是如何最好地沟通。您将被迫从一开始就消除绒毛,并用精度说话。

3.尊重排版

良好的排版是看不见的。它通过允许您的眼睛舒适地遵循副本的流程,使阅读的行为。

有目的的印刷术使网页看似熟悉和放松。并且排版在移动屏幕上更为重要,这是他们的性质更难以看待。

排版是关于字母与单词之间的空间,因为它是物理文本。您可以选择精美设计的字体,并呈现不可读的尺寸和间距。以下是一种快速崩溃课程,可以帮助您避免此类陷阱。

领导: 领先的是文本行之间的空间。虽然它可能看起来反向直观,但实际上应该在移动设备上收紧,以便文本行之间的比率略小于桌面上的比率。如果线路给出太多空间,段落似乎将漂浮。太少了,页面会觉得拥挤。

追踪: 跟踪是字母之间的空间,均匀地应用于每个字符。大文本有时需要更少的跟踪,更小的文字更多。如果您已在桌面上播放跟踪文本,则可能需要将其放在缩减移动屏幕上。

对比: 在这种情况下对比度是较大文本的大小之间的区别,如头条新闻和较小的文本,如身体副本。在移动屏幕上应减少文本大小之间的对比度,以使头条新闻更易于阅读。

您还可以使用较轻的字体,在灰色阴影中,以获得更舒缓的显示体验。人们将在一流的照明场景中观看移动屏幕,以及类型和背景之间的对比度可能会跳跃。

清晰度和流动对移动网络至关重要。渴望使用大小,间距和对比度来创建一个明显的文本层次结构,以优化可读性。

4.设计导航

桌面设计提供了一种易于使用的导航选择。悬停效果使链接和菜单易于找到。下降可以容纳复杂的导航结构。幻灯片提供适用于主要导航选项的时尚演示文稿。

移动屏幕大大减少了这些选择。

有限的空间,你不能只扔进拥挤的侧边栏中。您必须考虑哪些页面(和操作)对用户和设计导航最重要的,该导航为每个用户创建最简单的路径。不分散注意力,必须清楚地呼吁采取行动。任何环境中的太多选择都是压倒性的,特别是在移动网络上。

除了仔细设计菜单外,请注意您的内部链接。在移动设备上,减少内联链路数量是有帮助的。这样,如果用户必须点击文本链接,那么赢得了’t是它周围的任何其他链接,意外挖掘。

5.优化速度

跨电路板 - 桌面移动到移动 - 您的页面应在一半到一秒内加载。图像尺寸是速度最大的障碍之一,以及最容易解决的障碍之一。优化Web的所有图像,并谨慎地在移动页面上显示图像。其他解决方案更具技术性,如压缩 - 或缩小 - 代码和使用浏览器缓存,存储在访客中的网站资产’■本地浏览器缓存。您还可以通过减少外部扫描数量和您的网站使用的插件来增强速度。谷歌’s Pagespeed见解 工具可以建议其他解决方案,这将有助于减少页面加载时间。

6.使用负面空间和容器

即使您有无情地编辑和简化的内容,您的移动页面也可能仍然滚动。毕竟,您必须包含足够的内容以使用户终止并推动它们采取行动。幸运的是,人们已经习惯了长期卷轴。挑战是充分分离内容,以便在视觉上分组和容易地扫描相关内容。

白色空间(或负面空间)使您的大脑自然群体内容更加紧密地融入一个实体或想法。您可以使用白色空间引起注意您希望突出的内容。这个简单的视觉技巧允许您将读者引导到重要点,而不会过度刺激感官。

容器也可用于对类似的概念或展示重要项目进行分组。谷歌已经使浏览公众密切熟悉基于卡的布局,人们习惯于看到移动屏幕上的卡中显示的内容。您可以利用对响应页面的熟悉程度。

响应设计的关键是灵活性。图像,文本和其他页面元件应调整流畅以适应不同的屏幕尺寸。从网站分散注意力的不必要的特征’应该消除核心目的。移动网络正在强制设计师重新评估布局中重要的东西 - 这是一件好事。


克里斯汀的朋友
克里斯汀的朋友 是1999年毕业的印第安纳大学,均有学士学位,既是新闻和宗教研究。 2003年,她毕业于国际设计院。她是伟大的律师事务所杂志的贡献者,是Adviftech(定制法律营销的母公司)的艺术主任。当她没有律师事务所看起来最好,克里斯汀可以找到徒步旅行。 Tamalpais或发明不含麸质烘焙食谱。
档案