响应式设计

响应式设计实践手札

说到相应式设计,首先要提及的是其核心技术Media Queries。记得还是在我10年前上大学的时候,看着书本中描述响应式设计的愿景仿佛还如同昨日,如今随着Media Queries受到浏览器广泛支持而早已成为现实。我最早写的关于Media Queries的 CSS3 Media Queries 详解一文,发布于2010-08-23,距今已然6年,并且Media Queri

B端设计师必读:B端产品响应式设计

一文了解布局的相关知识,在与前端开发对接时掌握设计话语权;深度解析B端产品响应式设计的知识点。一、开发岗位种类和入门知识开发岗位分成前端工程师和后端工程师。

设计体系的响应式设计

一、导读在蚂蚁内部有着数量繁多且复杂的中后台业务系统,Ant Design 一直以来致力于从设计策略和资产的角度解决这些产品的体验一致性问题,随着蚂蚁产品生态

利用栅格系统,构建优秀的响应式设计

一、写在前面今天,90%的媒体互动都是基于屏幕的,通过手机,平板电脑,笔记本电脑,电视和智能手表来与外界产生联系。多屏设计已成为商业设计中不可或缺的一部分,响

响应式设计落地教程

响应式设计概念自2010年提出以来,经过十多年的发展与普及,在我国已经有超30%的占有率,且正在以每年5%的速度,逐渐取代传统静态布局网页。经过断断续续近两个月

浅谈思路!七个技巧帮你搞定响应式网页中的图片设计

响应式网页设计已经是如今当之无愧的标准配置了,我们需要响应式的技术来应对日渐碎片化的屏幕尺寸,网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计,也是其中的重点难点。它们是网页中最常见,也是最直观可见的元素。打开一个漂亮精致的网站,然而其中的图片和图库看起来怎么都和页面不匹配,这样的情况恐怕是最让人抓狂的了。如果要设计好响应式的图片和图库,今天接下来要聊的7个技

响应式设计

1.什么是响应式设计?  响应式设计就是在网站开发过程中根据用户操作以及设备的环境进行相应的操作和布局,让网站针对不同系统平台、屏幕尺寸、屏幕定向等进行智能化调整,进行相对应的布局,如在pc端、iphone、Android、ipad,实现了在智能手机和平板电脑等多种智能移动终端浏览效果的流畅,防止页面变形,能够使页面自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备,

国外第二大打车软件Lyft设计总监,移动端响应式设计的高效方法

响应式设计简单来说就是是指网页根据屏幕宽度,做出相应调整的,力求能够达到在不同的设备下,内容都能以合适的方式展现给用户。本篇文章介绍了移动端响应式设计的一些高效方法,感兴趣的小伙伴们快来看看吧。以前,设计师们都需要去跟开发沟通并手动标注所有文件!现在,有了像Zeplin和Abstract这样实用的标注工具,设计师几乎不需要花太多的时间在对接上。但是,还是避免不了很