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

新版Material Design官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。运动Material design 的动效会被类似真实世界中的力的影响,类似重力。物体在屏幕内的运动屏幕内物体在两点之间的运动,是沿着一条自然、凹陷的弧线。屏幕上所有的运动都可以

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。防止错误产生设计界面时,不要急着出方案,要尽力设计“无错可犯”的界面。△ 按钮在用户点击后进行去除、禁用或替换处理别跟用户说只能提交一次。可以多次点击的,用户就可能点多次。用户点击后禁用按钮,才能真正避免多次提交。△ 只提供可以接受的输入选项△ 在表单元素中使用勾选启用、勾选可见的设计方式△ 文本输

Aure 教程|抓阄小游戏演示案例

我们生活中经常会遇到需要通过抓阄(或抽签)来做决定的问题。有些问题甚至上升到世界难题的高度,比如今晚吃什么,比如和对象如何分配家务活。今天手把手教你用Axure来设计这样一款居家旅行,泡妞撩妹必备神器!效果如下,也欢迎【在线试玩】:一、主要需求1、需要提供一个录入抓阄项的入口。2、摇一摇手机随机抽取一个选项作为本次抓阄的结果,并将选项内容和序号显示出来。3、抓取过的选项从列

如何招到优秀的产品经理?(上)

Todd Jackson 算是产品经理界的老兵了,他在硅谷的很多知名的科技公司都工作过,包括 Google、Facebook 和 Twitter(他是在 Twitter 收购了他自己的创业公司 Cover 后加入 Twitter 的)。如今,Todd 是 Dropbox 负责产品和设计工作的副总裁。在过去这些年的职业生涯里,Todd 共和上百个产品经理共事过,也曾自己亲自负

天猫2016改版设计点评

在谈一个平台改版之前,我们先要理解为什么要改版。一个线上商城为何要经常改版?满足运营优化体验制造新鲜感第一点,满足运营这个长好理解,例如,忽然进入了十几二十个大型品牌,如耐克,阿迪什么的,然后你当然好考虑如何为他们满足品牌曝光的需求,是增加品牌广告位呢?还是增加运营广告位呢?这些都是导致商城改版的驱动力。第二点,优化体验这个也是很好理解,如这次的改版,导致了某个功能用户经常

作为PM,其实我们的沟通能力可能不及格

自以为的有效沟通,很多时候,并不有效被老板分别过问时,A说与B说的完全不一致,甚至背道而驰。但A和B开过会、有会议纪要、A和B都自以为达成一致,信誓旦旦。WTF?其实,团队越大、跨组越多、KPI越不同,这种情况就会越来越多。而且很多时候,当事人并不知情,只有事后扯皮。不经思考或训练的人,如无天分,一般都在说自己能听懂的话。每个人都是如此,这很正常。“见人说人话、见鬼说鬼话”

产品新人如何培养产品思维?

用人单位对产品经理的理解和认识,越来越清晰,要求越来越高。随便写一篇体验报告,画一个交互原型就能得到一个offer的事情越来越少了,甚至很多公司开始要求要有上线产品经验,或者成功产品经验(我都不知道什么是成功产品经验);有些公司要求有某行业和领域的经验;我有次在拉勾上甚至看到成都的一家公司招聘产品经理,居然要求有3年VR经验。看到这条JD的时候我是震惊的。这些现象也给很多产

产品经理求职记 | 用互联网思维找工作

产品定位搞清楚自己想从事什么行业和岗位?在求职过程中,产品就是你自己呀。每个人都是一个独特的产品,自己必须清楚自己的定位。说人话就是,你了解自己吗?你在读大学时,你会认真思考你未来做从事哪个行业、哪个职业吗?如果对自己和未来都没有思考清楚,说什么求职都是没用的。先说我自己吧,其实我是在大三下才确定要从事互联网行业的,具体在秋招前的两个月才确定做产品经理。我是比较晚才确定方向

一个高效的产品团队如何建立?

而产品队伍与其他团队不同的是,产品经理本身便是一个项目团队的驱动角色,如何既要保障每一个个人的成长,又要发挥好产品团队的整体贡献,这是建设者所需思考的难题。一、产品团队成员的组成组织架构是所有问题的根源,好的组织结构能够有效激励团队,糟糕的组织结构则只会对各方形成掣肘,导致低效和内耗。所有的团队结构都需要与整个公司发展中的客观阶段相呼应。对于一个初创而又在快速发展中的产品团

扔掉工具和趋势!深度科普9个经典永恒的设计原则

很多人都在寻找那些能够帮助他们快速提升设计能力的方法,但你是否想过,自己身上的哪些方面会对你的设计产生影响呢?是使用工具的技巧,对设计的理解和态度,还是你的生活习惯呢?我想说所有这些都是决定你的设计是否优秀的因素,而在这之中,对设计本身的理解尤为重要。在这篇文章里,我尝试着通过那些经典的设计原则和设计领域内的一些最佳实践,来启发你对设计的重新认识。什么是设计,什么又才是优秀

超实用!阿里交互设计师总结的6个新人进阶方法

这是阿里交互实习生半木对他两个月份实习做的一个总结,以指导后续的项目工作,主要内容为协作方式与职业素养方面的沉淀。都是书本上没有的实战经验,非常适合没有经验的交互新人进阶学习。作为职场新人,第一次接触到这样专业的设计大团队还是蛮兴奋和紧张的,团队的设计氛围很好,师兄师姐们也都很热情。团队里有很多大牛,我们UED有一个平台可以看到大家上传的项目作品,同时也经常会有分享活动,可

专业素质!20个精雕细琢的设计机构官方网站设计

极简风、现代主义、扁平化、栅格系统……这些流行的设计趋势和设计手法,你希望哪些出现在自家设计公司的网站上?除了漂亮和风格化之外,它们让网站拥有更好的易用性,也更有性格,更重要的是,它们展现出了一个设计机构应有的素质。所以,不论你是要为自己的工作室/公司设计网站,还是想对现有网站进行重设计,今天的网站推荐列表上的公司,值得你学习研究。不可否认的是,人始终都是视觉动物,人们还是

冯叔15年经验:写给跟我一样的设计师及CEO、产品、运营、技术

@牛MO王涵 :铁哥是业内老资深的一辈了,很多新人设计师们或许不认识这些低调的人,但是你们应该知道这些真心的事儿,用正确的价值观正确的心态去成长和提升自己。太多的欺骗,我们不想去听了,听些真话吧。 一、写给CEO,写给产品,写给运营,写给技术…1. 关于专业性设计师本身就在用各种视觉语言传递感情,他们丰富,也宽容。设计师的每一个产出都是经过自己思考的,包括你能见到的任何元素

阿里干货!交互设计师如何进行业务分析?

半木zxy:有一些设计师尤其是像我这种没什么实战经验的新人,没有形成系统化的分析方法,在进行业务分析时,就会比较碎片化,拿着这样的分析结果进行设计以及和其他成员交流起来就非常困难。在此,经过学习大牛们的设计套路,分析整理了一套业务分析流程,用以指导以后的项目。在4月初回归了团队,开始接手新的业务,根据平时看的书以及其他设计师的设计沉淀了解到,作为交互设计师对业务的了解程度是

小心谨慎!网页重设计的7个常见误区与解决方案

绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是,不可避免的,网站重设计会遭遇各种各样的问题,碰到误区,陷入困境。绝大多数的网站重设计所遭遇的误区都很相似,想要破解也并非难事。1、保留全部内容我明白,做取舍总是一件艰难的事情。现有的内容已经和你的网站一同存在了多年,要舍弃其中的某一部分对你而言,是一件艰难的事情。但是,当你决定要重新设计网站的时候,

大神专访:我是如何为 Mac 应用 Flinto 设计 UI 图标的?

这篇文章是 Flinto 设计团队设计师 Peter Nowell 的专访整理而成,采访中 Peter 介绍了他是如何设计 Flinto 的图标,以及一些经验心得。Flinto 团队 最近采访了我关于Flinto用户界面图标背后的设计流程。你是怎么为Mac版本的Flinto贡献自己的设计?我参与了Flinto新的Mac版本的用户界面部分和用户体验部分的设计,就在他发布之前的

PS热门教程!教你5分钟快速绘制超火的MBE风格图标

最近超火的MBE风格图标终于出教程啦!大神@牛MO王涵 亲自写的教程,5分钟快速搞定,动图演示简单易懂,一起来练个手!本风格和案例由巴黎设计师MBE创造,原作都是AI绘制,这里是给大家一种PS绘制思路。STEP 01  矢量圆角矩形,改变其下方角度。 STEP 02把填充色关闭,把描边点开。右键点击大小输入框,然后选择像素,输入10像素。 STEP 03 用钢笔添加几个锚点

实用教程!教你巧妙运用渐变色快速提升设计格调!

渐变是设计师最简单的手法之一,也是移动端APP背景设计常用的设计技巧。所以今天我来教大家如何巧妙运用渐变,迅速提升界面的格调。我们都知道iOS7以后,界面设计已经趋于扁平化。实际界面设计中我们已经很少绘制写实图标。所以貌似现在的UI界面显得千篇一律。比较有经验的设计师会熟练运用插画设计还有动效设计,使自己的界面显得与众不同,然而这些技巧都是需要时间历练,短时间并不容易掌握这

神器推荐!快速将图片转换成水彩/油画风格的Topa Impression

@喪心病狂十六夜貓 :Photoshop有很多种方法可以将照片处理成手绘风格,但这需要大量的时间和精力,有没有什么又快又好的出效果的方法呢?这一次介绍的Topaz Impression这个工具、就是一个非常不错的软件。Topaz Impression是什么? Topaz Impression这款工具,可以轻松的将你的照片处理成手绘、油画或者水彩风格的图像。购买地址:www.

灰昼的字体库!10款常用的经典基础英文字体推荐(已打包)

@灰昼Noir :字体并非越多越好,有些新同学盲目的安装了上千种字体,然而并没有什么卵用。反而导致使用Photoshop选择字体特别麻烦。到现在我的电脑上已经精简到一百多种字体。 如果你是选择困难症患者。或者说你并不确定那种字体合适。不妨先使用我推荐的十款的经典的英文字体。友情提示1:字体下载请点击:http://pan.baidu.com 友情提示2:仅供一般练习使用,商