标签归档：响应式

响应式图片解决方案

2017-03-25 | 前端技巧

如今开发一个网站不是响应式都不好意思拿出来，那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢？网站的平均加载已经到了近 2MB 并在不断地增加中，其中图片占据了绝大多数流量(63%)。可以肯定的是网页已经有了严重的大小问题，而图片就是罪魁祸首。

2016-09-05 | 交互设计

我们都听过一句话：“不要想当然”，容易被忽视的往往是一些简单到极点的事实。过去几年来，用户交互进化如此迅速，设计师们都快跟不上了——导致在创建移动应用时，从其他媒介（甚至陈旧的应用设计）中照搬交互设计技巧。

2016-07-23 | 移动前端

写在前面去年上半年，我开始着手推动项目中响应式设计的落地。以官网优化需求为契机，主动去做了响应式的页面设计，也说服了产品、设计和开发的相关同事一起把它上线落实，但不幸的是，由于各种方面的原因

2016-05-14 | 基础知识, 资料

编者按：前两天Google 刚发布了新版Material Design 官方动效指南，今天@平行煎餅就给大家带来了中文版！全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。新鲜热辣收好不谢！

2015-04-28 | 视觉设计

设计响应式网页时也会遇到一些问题，菜单、图片、内容排布如果处理不善，会破坏网站的视觉效果与内容层次关系。响应式设计方法对开发者非常有用，因为它使我们的内容在各种设备上广为传播。不用保留几个独立版本的网站，也可以摒除诸如缩放和流式布局这些方法的弊端。

2015-04-20 | 业界

译前言：2015年响应式设计趋势的延续，也将带来更多的争议和思考，此文所引论据较为客观，点出了响应式概念的初衷和近年来跨屏设计的状况，并提供了解决思路和可参考的具体方法，原文下的评论也有诸多争议，有兴趣可以移步一览。

2015-04-15 | 基础知识, 设计之外

优秀的网页项目，不会单靠好的设计或是开发就能成功——它也需要设计师与开发者的沟通与协作。我看过相当多的设计师与开发者由于缺乏沟通而糟蹋了项目，结果导致关系恶化。我也见过很多初学的设计师和开发者，通过团队协作创造出惊人的结果。

2015-02-07 | 视觉设计

2011年，Gmail邮箱的按钮变得更加扁平化。2012年，Google引入分层的卡片设计，使用更多的空白和精心设计的层次排版结构。经历了几年的迭代和提炼，Google寻找到了一种可以贯通的理论体系，即把系统内的各种设计都规范成一种变形的纸片

2015-01-09 | 交互设计, 移动网页

在大屏幕上，导航置顶或导航居左是两种典型的设计模式，然而，这两种模式在小屏幕上却遭遇挑战。在响应式设计日渐流行的今天（译者注：其实已经流行了好几年了），我们更有必要重新审视针对小屏幕环境下的导航设计模式。这些通过移动设备访问的页面导航，必须既方便用户快速访问，又不能过于突出。

2015-01-07 | 业界, 移动前端

从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀起了一股网页设计新标准的浪潮。

2014-11-21 | 基础知识, 视觉设计

响应式web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。

2014-11-06 | 交互设计, 视觉设计

现在，对于任何种类的网站开发来说，响应式Web设计都不能再局限于纸上谈兵，其是开发阶段的一个关键步骤。作为设计师和开发人员，我们必须要了解有效响应式设计的重要性以及其在保证优秀终端用户体验方面的作用。

2014-09-03 | 业界

编者按：移动端的竞争愈演愈烈，大家的碎片时间更多地消耗在了手机和平板上，而非PC。开发者在不同平台不同终端之间来回周旋，如何把控兼容性就成了一个非常重要的课题。接下来，看看畅游VC是如何分析和看待移动端兼容性的~

2014-05-06 | 业界, 移动前端, 酷站推荐

移动设备大爆发时代已经来临！有数据表示，2011年5月，有35%的人使用智能手机，17%仍然没有手机，到2013年5年，已有56%的用户使用智能手机。这一数据表示2000年代移动互联网的增长速度是上世纪90年代的8倍。平均一半的全球用户都在移动设备上访问互联网。

2014-04-23 | 移动前端

首先呢来看一张图：这是2个半月腾讯游戏官网的分辨率数据，可以看出来PC端里1024*768占20%、1920*1080占14%。而这2个分辨率的显示宽度相差了接近一倍。而现在设计师的设计稿普遍输出尺寸都是1920，所以设计师经常也会担心：小分辨率下能看到吗？