首页

华为总监新文!聊聊设计师如何认识自己

周周

designer-self-consciousness-1

@EDC尤原庆 :最近工作忙,有一段时间没有动笔。有趣的是,一旦一段时间没有写字,就有设计师小伙伴们在社交网站上私信,说yoyo老师是不是很忙啊,好久没有写文章了。其实,构思一直有,就是没动笔啦,今天好好写一个话题,关于设计师的自我认知 >>>

html5动效系列二十二:HTML5 Canvas折线图表和柱形图表

蓝蓝设计的小编

今天要分享的一款HTML5 Canvas图表应用提供了折线图和柱形图两种,这款HTML5图表在初始化数据的时候有一种渐现的动画,我们可以将这款图表应用在统计页面上。

html5-line-and-column-chart

html5动效系列二十一:CSS3 3D旋转下拉菜单

蓝蓝设计的小编

这是一款带有3D动画的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果。

华为设计总监为您讲述产品的设计逻辑

蓝蓝设计的小编

老婆说,和我结婚两年了,才大概知道交互设计是做什么的。(我还经常给她讲我在做什么设计)

老爸前几周把我介绍给他朋友,说我是做人机智能的。(HCI和AI还是有点远好吧lol)

所以,对家人和朋友,做设计的人经常讲不清楚自己是干什么的。……

以前雅虎的老大说过一句话:

When I worked at Apple, I remember the panic Steve Jobs inspired simply by walking the halls & asking "What are you working on?"

也是这个意思,其实很多人不能用一句话讲清楚自己是做什么的,价值是什么。

我觉得设计师一定要在这个点上没有问题,因为简短的语言归纳能力对设计师太重要了。

我之前写过一些设计准则、设计思辨的文章,很多朋友问我,有点复杂,有点专业,能否简单明白地说一下。的确,对于设计师本来的圈子来说,这些思路可能不是难题;但是对于设计师面对的广大群体来说,很多设计的话题需要有一种更简单的说话方式来概括。

试想下这样的场景:

一个技术人员问:这个产品为什么要做专家访谈?

一个市场营销人员问:设计中的品牌性到底如何体现?

一个朋友问:你明明是理工科毕业,不是学美术的,为啥要做设计?

一个业务线领导问:这个产品设计的统一性做的如何?哪儿有问题?

一个产品经理问:老听你说Affordance,到底是什么意思?

基于屏幕的图片尺寸的逻辑关系及移动界面的尺寸知识点

用心设计

我知道这个标题念起来会让你觉得非常拗口,如果你是中文系毕业的,或许还能从中挑出语病来,但我想你明白我要表达什么意思,对不对O(∩_∩)O哈哈~

要讲的东西其实都是很简单的逻辑关系,但可能很多人都跟我一样稀里糊涂的做了多年设计却一直没搞明白其中的关系。当然你不明白其中的关系并不影响你 做出好的作品,但作为有理想有担当有着历史责任感…(此处省略一万字的排比)…的设计师,明白这些基本的知识点,能让你更好的…(想了下并没有什么实际好 处(┬_┬)…)

涅磐之路!AVIARY设计师的MATERIAL DESIGN改版实战

周周

the-journey-to-material-1

在过去的三年里面,我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP,让大家能释放创造力,通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言,我们的产品设计团队也开始针对Photo Editor 进行重新设计。今天这篇文章,我会仔细分享我们重新设计它的故事,以及设计经验和进度,你可以看到这个全新设计语言是如何重塑这款APP的。

术语小科普!聊聊线框稿、视觉稿与原型的区别

周周

wireframe-mockup-prototype-differeces-1

@Akane_Lee :我和群里设计师聊,发现 Prototype、Wireframe、Mockup 因为翻译有时候皆统称为「原型」的关系,导致大混淆,所以来说明下这三者的不同,不清楚这三个术语有什么区别的同学来涨姿势咯 >>>

html5动效系列二十:HTML5 SVG世界地图 地图可拖拽和缩放

蓝蓝设计的小编

前我们已经向大家分享过一些基于HTML5的地图应用,比如jQuery矢量SVG地图插件JVectorMap,以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图,地图元素是使用SVG绘制的,并且地图可以拖拽和局部缩放,效果非常不错。

html5-svg-world-map

html5动效系列十九:纯CSS3实现质感发光动画按钮

蓝蓝设计的小编

之前我们分享过很多漂亮的网页按钮动画,大家可以移步至CSS3按钮分类下查看各种各样的CSS3按钮。这次要分享的这款CSS3按钮有着质感的背景,并且鼠标滑过按钮时按钮边框还会发光,呈现出3D立体的视觉效果。

pure-css3-texture-shine-button

日历

链接

个人资料

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

存档