标签:响应式

界面设计

关于2017年的设计趋势,国外已经有了这13个预言

11

水平线设计 发布于 2年前 (2016-09-22)

在未来,当对微小细节的关注渗入用户体验设计的每一寸土壤;当对像素级完美的追求成为设计的基本要求;当将简单便捷的设计理念融入用户的日常生活,那么我们就能够帮助用户体验全新的生活。 在2016这一年,全世界笃信并热爱用户体验的的设计师与爱好者们证明了用户体验设计在设计思维中独树一帜的...

阅读(975)评论(0)赞 (0)

交互设计

新版MATERIAL DESIGN 官方动效指南(二)

水平线设计 发布于 3年前 (2016-05-16)

Material Design的动效设计是响应式的,自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。 速度 某个元素移动或者改变状态的时候,运动速度应该足够快,使用户不用等待。出现频率高的转场动画应该短一点,而有些转场动画要慢一点,来保证用户能理解它。 16motio...

阅读(1065)评论(0)赞 (0)

交互设计

新版Material Design 官方动效指南(一)

17

水平线设计 发布于 3年前 (2016-05-16)

在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。 为什么说动效很重要? 动效可以向我们展示一个App 是如何构成和用途。 动效可以做到: 不同视图之间的焦点引导。 当用户完成了一个手势后,提示用户将会发生什么 明确元素之间的层级和...

阅读(1193)评论(0)赞 (0)

前端开发

响应式原型的7个常见错误

7

水平线设计 发布于 3年前 (2016-01-31)

Envision的Jeremy Girard回顾了响应式设计中最常见的错误。 响应式设计已经不仅仅是一个流行的设计趋势,这是从桌面端浏览转移至移动端浏览的一次巨大转变。为了从行业现状中生存,网页设计师们不得不支持多屏幕多设备,而一个响应式策略可以解决适配的问题。 图片来源于Pla...

阅读(999)评论(0)赞 (0)

经验观点

移动端尺寸基础知识

9

OneZero 发布于 3年前 (2016-01-10)

初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。 现象 首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎...

阅读(1496)评论(0)赞 (2)

经验观点

超实用的响应式排版快速指南

9

水平线设计 发布于 3年前 (2015-10-13)

译者语:无论是对于印刷、网站或是电视广告来说,排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而,“理解”和“实践”还是相差十万 八千里的,特别是在网页设计中,“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站,但我想你们中可能很少有人知道什么是响应...

阅读(946)评论(0)赞 (0)

干货分享

响应式HTML5/CSS3单页模板–Sedna

1

水平线设计 发布于 3年前 (2015-08-27)

今天我们分享的是一套响应式HTML5/CSS3单页模版–Sedna,它是一个精心设计的HTML5/CSS3单页网站模板,页面有一些漂亮、流畅的动画效果组成,具有响应式,希望对您的项目有所帮助, enjoy! 下载信息 格式:html、JS、css 文件大小:3.3M ...

阅读(1204)评论(0)赞 (0)

经验观点

20个响应式的CSS和网格框架

21

水平线设计 发布于 3年前 (2015-08-15)

最近响应式CSS框架非常流行,已经在一系列的桌面和移动浏览器有不同程度的成功,本文介绍20个响应式的CSS和网格框架,可以用于提高开发和设计效率,是您最佳选择。(温馨提示:点击标题可访问线上版本) Base Base是超级简单的框架建立在移动设备,平板电脑,上网本和台式电脑。 T...

阅读(971)评论(0)赞 (1)