当前位置:首页 > 日记 > 正文

5种反应设计不值得考虑的原因(图)

5种反应设计不值得考虑的原因(图)
响应设计不是万能的

本文从Tom Ewer写的managewp博客,表示不同的时尚响应设计视图。
转向移动设计比PC革命更大的革命mdash;mdash;凯文·林奇,首席技术官,Adobe
到了2014,越来越多的人会使用移动设备代替PC终端接入互联网,因此建立一个简单易用的移动终端已经成为网络开发者最关心的问题之一,因此,响应设计应运而生,但从我个人的角度来看,这是不值得追求的。为什么
反应设计不是万能的,我曾经是响应设计的爱好者。我发现许多Web应用程序不能在移动屏幕上显示。看地图是一个很好的例子。网站包含许多图片还适用于响应式设计,但基于文本的网页和博客是不是。甚至我认为设计响应性网站也是浪费时间。
1。响应式设计不符合用户期望
易用性101规则的第一条是:它满足用户的期望,以博客为例,它被广泛接受的设计方法是从顶部到底部,内容和图片,并提供侧边栏,这已应用于数百万博客,因为它实现了用户的期望。
但如果您访问响应性网页,边栏将消失或跳转到顶部或底部。这不是你所期望的。例如,在桌面显示下,用顶级导航、侧边栏(包括最近的文章)、一个小广告栏和一个搜索框来编码的猫:
我们可以看到侧边栏导航消失了,继续拖拽下去的时候我终于发现了侧边栏,你可能认为这只是一个例子,但事实是这是一个典型的响应类型设计,我们想看到的是移动界面不牺牲桌面元素是前提的展示,这是不明显的。
2。花更多的时间
一般来说,响应设计比不响应设计要花费更多的钱。如果有人认为响应式设计比建造额外的移动布局便宜,我同意,但是你知道什么比响应式设计更便宜吗
此外,你必须考虑你花了多少时间,从反应设计中获得了多少投资回报,以及你得到了什么。
三.无响应的设计性能也不错。
我自己的博客显示了Mac上的效果:
看,它在我的iPhone上:
在iPhone4英寸屏幕,感觉好读。如果文字太小,然后双击放大,就不难回来,回来,有趣的是,手机界面是目前制备非响应式设计,和大部分的手机都做好。如果你想找到一些意想不到的话,看网站的桌面版本,设计也很差。
4。不适合加载时间
我们知道,移动设备的操作是基于互联网的宽带子网络的速度,所以确保减少加载时间的最小负荷,很多敏感的设计并未真正减少加载时间,因为很多设计师只是隐藏这些元素,最佳负载是好的,而不是应对设计,你可以选择延迟加载这是一个选择负载最密集的元素和其他技术。
5。响应设计实际上是一种妥协。
可以说,反应性设计是设计师的主观决策。他们认为桌面显示界面不再适用于移动界面,然后觉得有必要做出相应的改变。如果用户看到更不舒服的界面,他们会问为什么这不是一个显示这种不同方式的好方法。它违背了可用性101的第二条规则:不要让用户觉得他们无法控制局面。
所以我的观点是:这只是一种妥协,它是设计师的主观决定,用户不会感到太多不适,特别是当响应性设计需要金钱和时间的时候。
最后,我写这篇文章有两个原因。我认为在很多情况下,响应的设计是没有必要的;在互联网上,有一个明显的缺乏对响应式设计的辩论。我不否认响应设计理论本身,但事实是,在很多情况下,我都看到了,真的是不必要的。很多人都是用其他人的支持认为这样做是对的,但你最好看看开发者的角度来看。这真的是你所需要的吗
PS:什么是响应式设计的网页设计和开发应调整根据用户行为和设备环境(系统平台、屏幕尺寸、屏幕方向,等)。具体做法是由很多方面,包括弹性网格和布局、图片、CSS媒体查询使用。用户是否使用笔记本或iPad,页面自动切换分辨率、图片大小,以及相关的脚本功能来适应不同的设备。
通过managewp

相关文章

原生Javascript+实现瀑布

原生Javascript+实现瀑布

原生,瀑布,电脑软件,Javascript,HTML(注意包,js调用) 复制代码代码如下所示: 少(少预编译) 复制代码代码如下所示: { * 保证金:0; 填充:0; } { #主要 职位:相对; } {。箱 Padding:15px 00 15px; 浮点数:左; } {。PIC 填料…

HTML5菜单折叠效果

HTML5菜单折叠效果

菜单,折叠,效果,电脑软件,本文主要介绍了HTML5菜单折叠效果,与猎豹浏览器安装时的用户通知效果类似,您需要的朋友可以参考一下。 用户的通知效果类似于猎豹浏览器的安装。 点击后的效果 复制代码代码如下所示: 折纸效果的GT - kolyi { #包装…

div中的图像是比div下的帧多3像素

div中的图像是比div下的帧多3像素

图像,解决方案,像素,电脑软件,div,DIV在更莫名其妙的3px像填充底底层的东西,这就是常说的3像素的bug,以下是解决方案,需要的朋友可以参考下 不要浪费,先说解决方案。 著名的3像素的bug,你可以设置显示:img的CSS块; 像填充底/ DIV莫名多出去除3p…

徒手9使用技能介绍(图形)

徒手9使用技能介绍(图形)

图形,技能,电脑软件,本教程是向你介绍徒手9,使用技巧,教程很全面,也很详细,非常适合朋友学习,转发,希望能帮到你。 本教程是向你介绍徒手9,使用技巧,教程很全面,也很详细,非常适合朋友学习,转发,希望能帮到你! 写意9布局简论 不同的视图模式(包括放大/缩…

不确定宽度和高度图像中垂直中心的

不确定宽度和高度图像中垂直中心的

图像,不确定,宽度,样式,高度,本文主要介绍了div中的图像是垂直居中的,以及CSS样式是如何在宽度和高度不确定的情况下编写的。 最简单的方法是设置外部元素的CSS属性: 复制代码代码如下所示: div { 显示:表单元格; } 但IE6 / 7不支持CSS样式,并…

对console.trace方法在Node.js的使

对console.trace方法在Node.js的使

使用说明,方法,电脑软件,console,trace,方法显示: 将当前调用堆栈输出到标准错误流。 Grammar: 复制代码代码如下所示: Console.trace(标签) 接收参数: 标签 实例uff1a 复制代码代码如下所示: Console.trace(); 操作结果: 特雷斯: 在对象。( /…

选择了什么样的图像文件格式

选择了什么样的图像文件格式

图像,文件格式,选择了,电脑软件,选择图像文件格式之间应该是透明的,颜色深,有三的压缩率,如果色彩丰富的颜色,不透明度的支持,然后检测是最合适的选择;如果你需要支持透明度,然后JPG无疑是第一选择 一种,哪三种格式 分别是GIF、JPG和PNG。 两。为…

复选框、选择取消和跨页面保存实现

复选框、选择取消和跨页面保存实现

取消,选择,方法,复选框,页面,复制代码代码如下所示: $(文档)Ready(函数(){) 选择复选框 * / $(,并)。活(单击 如果($(this)。Attr(检查)= =检查){ / /如果选择 CheckAll(); {人} UnCheckAll(); } UpdateHfValues(); }); $(。checkone)。每个(函数(){) $(这个)。 CheckOne(); Upd…

一种简单快速的PS颜色筛选方法

一种简单快速的PS颜色筛选方法

方法,筛选,颜色,快速,简单,本教程是一个简短的介绍朋友谁使用PS简单和快速筛选出某种颜色的图片。这个教程既实用又难。新手也可以来学习。推荐,喜欢的朋友可以跟着教程一起学习。 像本教程的ps学习者介绍了一种简单快速的方法来屏蔽图片上…

PS制作浪漫爱情艺术摄影教程

PS制作浪漫爱情艺术摄影教程

教程,浪漫爱情,艺术摄影,电脑软件,PS,本教程将向你介绍用PS制作浪漫爱情艺术的方法,这非常适合初学者学习。对初学者来说是很好的学习,尤其是浪漫的朋友。让我们从下一步学习。 每个人都喜欢浪漫,但有几个浪漫的人谁会做这件事。这里有一点关…

PHP网页病毒清除类

PHP网页病毒清除类

清除,网页,电脑软件,PHP,本文演示了PHP网页的病毒清除,供大家参考: 很多人的网页在PHP、ASP、HTML、js等文件中经常被忽略,并有很多木马地址,造成很多麻烦!我曾经有过这样的站,所以我在仇恨之下写下了这段代码。虽然这篇文章浪费了很多资源,但它…

CKEditor着色代码代码高亮插件,完美

CKEditor着色代码代码高亮插件,完美

插件,代码高亮,代码,完美,电脑软件,使用FCKeditor CKEditor对象是不一样的,不直接调用innerHTML和outerHTML,绕了一个大弯,插入新节点到当前节点,然后删除原始节点…这很傻,但它解决的问题。 顺便说一下,一个选项被添加到高级配置页面,而不是自动…