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

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

产品 2017年01月08日

2017 年流行的这些字体排版趋势，你都知道嘛？

技术和设计趋势一样，随着时间的推移总在不停地变化。对于网页设计师和前端而言，字体和排版所涉及到的技术和设计尤其是如此。不过纵观这几年，网页字体和排版在大方向上并没有明显变化，结合当前主流产品和设计，并不难确定2017年内，我们需要关注的这些字体和排版趋势。定制：品牌化的字体Bookerly, San Francisco, Product Sans 这些带着明显品牌烙印的英文

业界综合 2017年05月02日

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

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

产品 2017年06月18日

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

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

产品 2017年03月23日

交互丨设计师最常提到的「场景」，从这 3 个方面可以学会

@Yeah秋强 ：之前有人问过我一个问题：实习期间最大的收获是什么？我回答的是：场景。的确，实习之前其实没有什么场景的概念，那时候我会觉得交互设计是一门很理性的学科，主要依靠的是逻辑分析。实习期间，每次给导师讨论方案或者问题的时候，导师总是会冒出来一句：你这个设计点依据的场景是什么？在给产品经理展示方案的时候，产品经理也会冒出来一句：你有没有考虑过这里的使用场景。甚至于，只

产品 2016年12月01日

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

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

产品 2017年03月31日

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

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

产品 2016年07月11日

让配色更加顺畅，你需要记住的7条定律

编者按：与发现惊艳的色彩搭配相比，想创造一个和设计作品更为贴合的配色方案可能更难。今天@喪心病狂十六夜貓 这篇好闻，分享了7个方法，从了解目标用户开始，步步深入，帮你找到好看还实用的配色方案。配色对于设计师来说，不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。为了让大家知道配色对于传递信息有多重要，我引用《The Impact of Color on

产品 2016年07月11日

App 里的小动画，为何能抓住你的心？

相信不少人都有发现 app 里面有各种小动画，例如刷新朋友圈，会有一个彩虹圆环在旋转。为什么会有这样的设计？看完 AppSo 分享的这篇译文，你就明白了。最优秀的产品往往会做好两点： 特点 和 细节 。特点能够吸引眼球，细节则是留住用户和脱颖而出的关键。 设计，归根结底还是要以人为本， 用户就是首要的考量因素 。虽然微交互往往被认为是辅助或次要的功能，但用户只

产品 2016年12月15日

年底巨献！2016 年年度设计圈干货精选大合集

设计圈干货这个板块，每个月都会定期给设计师和开发者们推荐最新的APP、设计资源、开发框架以及各类工具，每次推荐数量庞大，覆盖广泛，不论你身处整个设计开发流程的哪个环节，总能在这里里面找到你想要的。时间走到了2016年年底，也是时候将这一年当中最优秀的干货集结一波推荐给大家了。THEME.CARDS Theme.Cards 是一组优秀的免费主题合集，其中涵盖了博客模板，登录页

产品 2016年12月23日