「薛之谦憋大招 H5」制作过程详解

文章来自薛之谦H5制作团队的经验总结，记录了H5的整个制作过程，主要对H5的设计构思以及动画设计进行细致的分享，希望能够对大家有所启发。 不知大家有否见过这样一个H5： 这则名为《薛之谦2个月没写段子，结果憋了个大招》H5在微信上发布3小时左右，PV已经突破120W。正如title所说，这是薛之谦憋的一记大招，也是品牌团队、公关传播和创意设计团队整齐抱团憋的一记大招。刷屏期

产品 2017年01月08日

苹果电视 tvOS UI 设计规范总结 （四）视觉设计

（一）概述（二）Siri遥控器和游戏控制器（三）用户交互（四）视觉设计（五）图标和图像（六）界面元素（七）资源布局电视有很多不同的尺寸 ：Apple TV上的应用和在IOS上一样不会自动适应屏幕的大小。相反的，应用在每一个显示器上都会呈现完全一样的界面。设计的时候要格外注意，这样应用才能够在各种尺寸的屏幕上都呈现非常赞的布局。如果你的应用布局需要少量的定制并且内容呈现要精美

产品 2017年01月27日

18位设计师为你预测2018用户体验设计趋势

来看看18位设计师预测的2018用户体验设计趋势。设计师总再盼望未来 - 在整个工作流中我们重复相同的事情。最后，困扰设计师往往是围绕着一个简单的问题：我们如何才能提高用户的体验？为了解决这跟题，Figma采访了18位设计师，让他们来来预测2018用户体验设计趋势。12月，随着节日聚餐的频繁出现、适宜的天气，这真是个思考和发现新大陆的绝佳机会。1.可用性第一，个性化第二“我

用户研究 2018年01月04日

线上吐槽大会！10 个丑惯了的互联网设计元素

好奇心日报：好奇心研究所做过一项名为「你周围都有哪些美感严重缺失的东西」的调查，我们本想评选出“街头十大丑”，比如毫无设计感可言的店铺招牌、拙劣的仿欧建筑、工地铁皮围栏等等，但由于没有明确的范围限定，结果收到了读者对所有可见辣眼元素的全方位吐槽。虽然没有实现本意，但调查结果中获得 631 票的“网站里各种高清无码小广告”和虽然仅获得 63 票但非常戳点的“政府官网”两个选项

产品 2017年03月23日

来谈谈 APP 提示弹窗交互设计

移动端常见的 3 类提示弹窗：提示框、泛 Toast 和消息推送。 —— 由noname_ice分享移动端常见的提示弹窗可分为3类：提示框、泛Toast 和消息推送。1.提示框提示框是一种打断用户操作行为的弹窗，用户必须做出确认、取消等操作才能进行下一步。常见的用法有功能引导（但别指望傲娇的用户会认真看）、弹出广告信息或者重要通知（虽然用户未必觉得有卵用还感觉有点烦）、提醒

产品 2017年06月18日

三维思考，UXD体验设计的彩虹交换

如果说商业目的是一道光，设计要做的就是安置一个三棱镜，让用户感受到彩虹，对于设计而言，这个体验上的等价交换我称为“彩虹交换”。“ 张三丰将太极剑慢吞吞软绵绵地演了一遍，问张无忌看清楚没有，又问他忘掉没有，张无忌想了想，说忘了一大半了；接着张三丰又表演了一遍，竟和前次完全不同，又问张无忌忘记了没有，他说还有三招没忘；这么教下去，直到张无忌说全忘记了。张三丰道：‘不坏，不坏！忘

产品 2018年03月15日

让你的数据动起来！谷歌在线黑科技将数据快速做成 GIF 动画

这几年 GIF（Graphics Interchange Format）图像互换格式有起死回生的迹象，或许不能说 GIF 真正离开过，至少它算是早期网络速度还不快时最受欢迎的图片格式（最早出现为 1987 年，至今已经超过 30 年时间），试想当时网速就连开网页都要等很久，怎么可能会有影片串流？GIF 动态图是会动又不太占流量的最佳选择。Google 也看准这一点，近期推出

产品 2017年06月14日

一个策划眼中的手游 UI 规范设计

没有配图，全是干货。貌似写于2016年，有非常小部分的规则有变化，但无大碍。一、设计概述在讲述设计规范时，首先要明确界面的分类，在我看来，界面只有主界面、一级界面、二级界面三种。其中主界面仅包含三种：登陆界面、主城主界面、战斗主界面。一级界面即指从主界面入口点击一次后第一个呈现在玩家眼前的界面，也包含由系统呼出的结算界面等。二级界面很好理解，即在一级界面打开的新界面，二级界

产品 2017年03月31日

网页配图之道！八条实战学来的首图设计技巧（一）

@飞屋睿UIdesign ：国内有大部分设计师称之为Banner，但我的概念中Banner图还是一条长长的横幅广告。国外的设计师把首图成为Hero图，Hero字面意义也就是英雄，但直接叫英雄图片恐怕带来误解，不如叫首图。首图，地位第一，又位于首页，意思直达，大家能理解就好。大概很多设计师其实已经觉察到了，网页设计做得好不好，除了网页本身的布局、配色以外，很大程度上依赖的是配

产品 2016年07月11日

【长文分析】11个角度，全面分析交互设计师（3-5年）所需要具备的能力

作为3-5年的交互设计，都需要怎样的能力？作者从10家一线互联网公司入手，对拉勾等多个招聘渠道的JD信息进行分析总结，拆解出这11项能力，看看你是否符合。交互设计师是国内最近几年兴起的一个设计岗位，因为它在提升产品用户体验方面的重要作用，各互联网公司均已设立了这个职位。本文研究了最近各大招聘网站上对高级、资深交互设计师的招聘要求，从而推导他们需要在工作中承担的责任。参考最近

交互体验 2017年12月04日