2016 年 6 月 16 日

object-fit: 方便的图片居中方法

今天在项目中遇到图片居中的问题,嗯,之前也有写过解决这个问题的文章,有n种方法。不过今天要说一个新的方案:object-fit ,嗯,这个才是真的方便的方案啊。 先看预览: 查看详细demo object-fit 只能用于『可替换元素』(replaced element) 。所谓可替换元素,是指元素的内容和表现不是由CSS控制的,独立渲染的外部元素,比如: img、 ob ...
付费查看

2016 年 6 月 8 日

带你轻松打开SVG动画的大门

初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为,无论是项目里的应用还是demo都所处可见,这里我就用一个实例的写法带新同学轻松的打开SVG动画的大门。 首先我们定义一块画布,然后在上面画一个圆形。 他看起来应该是这个样子的:(每一个实例我都会附加图片以及demo ...
付费查看

2016 年 6 月 2 日

关于怎样学习VR设计

周日,六楼茶水间,对面广场门前的草地上,一个人带着一黑一黄两只小狗在玩闹。小黑狗会更加积极一些的追着一颗球跑来跑去,小黄狗多数时间在边上摇着尾巴只是看着。围栏后面一名保安大哥正在抽烟。 耳边正好是Tom Waits的A Sight For Sore Eyes,曾经在“初识VR”那一期的彩蛋里有做介绍,极具情境感的歌词,我简直着了迷,每次听到这里时总会单曲循环一阵子;歌词的中文版本翻译的也相当 ...
付费查看

2016 年 9 月 26 日

打破设计的壳

本人有幸能有机会作为通道助理观摩了2016年上半年D族交互通道晋升的过程,受益匪浅。 台上一分钟,台下十年功,通过这次经历让我觉得平常的积累和思考才是最重要的,“高级”是对设计师能力的一种认可和肯定,但是更重要的是能够真正将高级设计师的水准和能力在平常的工作中体现出来,为团队带来价值。 古人说,有三种境界:看山是山,看山不是山,看山还是山。经过这次评审,收获最大的莫过于对于这句话的理解 ...
付费查看

2016 年 9 月 18 日

移动APP的7种动效设计

视觉反馈 对于任何用户界面来讲,视觉反馈都是至关重要的。在现实生活中,人们和任何物体的交互都是伴随着回应的。 同样地,人们期待从APP元素中得到一个类似的效果。App给的视觉,听觉及触觉反馈,使用户感到他们在操控APP。同时视觉反馈有个更简单的用途:它暗示着您的APP运行正常。当一个按钮在放大或者一个被滑动图像在朝着正确方向移动,那么很明显,这个APP在运行着呢,在回应着用户的操作。下面的 ...
付费查看

2016 年 4 月 28 日

从二维界面到虚拟现实(2) – 基础概念与设计工具

并非周六或周日,而是周二夜间于客厅。很少在这个时间更新博客,我知。突然间斑斑跳到桌上讨宠,见我没有反应便自顾自的走到我与屏幕之间,用身体的侧面蹭着我的脸,于是我除了一团会走路的毛以外就什么也无法看到的样子了。 喝了一口冰可乐,继续。这两天有些冷,即便白天在楼顶抽烟也会被风吹的感到无处安身,夜间这样坐在窗前只好将窗子关严。前些天温度较高的时候还会有夏日的飞虫执着的撞着玻璃,以为可以纵身扑向暗黄 ...
付费查看

2016 年 9 月 18 日

2016年9月设计实用干货第二波

MOO.DO Moo.do 是一款为Gmail 而生的任务管理工具,它可以同Gmail 的任务管理、邮箱、文档、日历、项目和联系人联动。 DIVERSE UI Diverse UI 是一款免费人物图像素材合集,其中图片来自不同种族、不同背景的人物,能够赋予你的设计以多样性。 DESIGNER EMOJIS Designer Emojis 是一组包含45个矢量emo ...
付费查看

2016 年 1 月 8 日

愛,怎能无心

昨晚到现在,Twitter 的世界为了一条消息而产生了疯狂讨论「五角星形状的收藏功能将被爱心形状的点赞功能取代」,有人质疑也有人叫好。虽然世界那头「不存在的网站」的一些更新跟我们关系不大,但见到一个图标(以及他背后的功能)引起普罗大众这么大的反响对于一个设计师来说还是很欣慰的,不禁联想起 iOS 9 切换苹方字体时引起全民讨论,让人感觉普通用户对于设计的意识和重视程度正在与日俱增。 ...
付费查看

2015 年 12 月 10 日

我与h5的9个月羁绊

唧唧跳这个游戏是我平生第一次做H5,一上来就做游戏心里很没底。初学乍练,刚开始做什么都不懂,连屏幕尺寸都不知道,内心是十分崩溃的。在同学们的帮助下,捋清了基本的制作规范和要领,磕磕绊绊的做了这个小游戏,现在回头看这个项目,还是非常稚嫩羞涩的。并没有特别抓人的思想,只是靠着贱鸟玩儿游戏领券,在九个月前,这种形式可能还算新颖,现在来说这种移植Flash的小游戏已经不再稀奇,做起来还费劲。。。从运营或者 ...
付费查看

2016 年 9 月 15 日

用实战案例告诉你,这10个设计心理学技巧该怎么用!

1、熟悉度偏见 ▲ Airbnb为了让潜在客户更容易了解服务,每个功能都做了明确解释。 心理学上有个概念叫Familiarity bias(熟悉度偏见),就是说大家倾向于更相信自己熟悉的东西。比如,面对一道不会的选择题,人们更倾向于选择自己熟悉的那个答案,而不是正确答案。人们自然而然会偏向他们熟悉的东西,人们喜欢信任他们所知道的,但害怕变化而产生的不舒服,这就是为什么最好的新产品都 ...
付费查看