首页

交互设计师修炼指南!教你从零开始成为优秀交互设计师

周周

本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始学习成为一名优秀的交互设计师。

在校大学生、想转行的设计师还能在这儿得到前辈的实用建议,想进阶的交互也有职场系列经验分享,文末还有超赞的资源奉献,干货量大,推荐童鞋们收藏 :)

超实用干货!视觉设计师的五项技能修炼方法

周周

5-visual-design-in-practice-1

我的职责通常是产品战略和设计方向的规划,很少参与具体的设计细节,但我一直相信基础设计技能对于设计思维的影响,以下五条是我认为页面设计最基础的技能要求。没有经历任何艺术教育的设计师(比如我)也可以通过对以下五项修炼的培养迅速提高基础设计能力 >>>

html5动效系列六:分享8个超酷的HTML5相册动画应用

蓝蓝设计的小编

HTML5、CSS3和jQuery这3大前端开发技术已经越来越成熟,而且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享一些非常炫酷的HTML5相册动画应用,这些应用同时也结合了CSS3和jQuery,特别是第一个,非常具有创意,一起来看看吧。

1、HTML5 3D立体美女墙相册

HTML5非常强大,尤其是和CSS3结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。

html5动效系列五:jQuery左右层叠幻灯片焦点图插件

蓝蓝设计的小编

之前我们向大家分享过一款CSS3/jQuery实现移动端滑动图片层叠效果,图片层叠切换效果非常不错。今天我们要来分享一款jQuery左右层叠幻灯片焦点图插件,点击左右切换按钮即可将隐藏一半在后面的图片展示出来,唯一的缺陷是不能循环切换。

html5动效系列四:10个经典实用的HTML5图表动画应用

蓝蓝设计的小编

今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画,有些结合jQuery,有些是直接基于Canvas,一起来看看吧。

1、超酷HTML5 Canvas图表应用Chart.js

之前我们已经为大家分享过很多HTML5图表应用了,每一个HTML5图表都非常实用。今天我们要介绍一款基于HTML5 Canvas的图表应用Chart.js,它的功能非常强大,有很多图表类型,包括折线图、柱状图、饼图、放射图等,你可以下载并将它们应用到自己的项目中。

html5-canvas-chart-js

html5动效系列三:CSS3自定义美化复选框Checkbox组合

蓝蓝设计的小编

CSS3自定义美化复选框Checkbox组合

今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点。有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化checkbox组合。另外,之前分享过的jQuery实现美化版的单选框和复选框也是非常不错。

html5动效系列二:超级惊艳 10款HTML5动画推荐

蓝蓝设计的小编

今天我们要来推荐 10 款超级惊艳的 HTML5 动画,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。

1、HTML5 Canvas 发光 Loading 动画

之前我们分享过很多基于 CSS3 的 Loading 动画效果,相信大家都很喜欢。今天我们要来分享一款基于 HTML5 Canvas 的发光 Loading 加载动画。Loading 旋转图标是在 canvas 画布上绘制的,整个 loading 动画是发光 3D 的视觉效果,HTML5 非常强大。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档