福利！2017 年 7 月前端开发者超实用干货大合集

网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？HeroPatterns这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制

产品 2017年07月19日

真人来了！我如何设计了那个上亿人使用的Doge表情？

微博那个魔性的狗头表情是如何诞生的？今天请它的创造者@JOnes冯大伟  来亲自说一下Doge的诞生过程，包括同学们现在用的微博表情，也有一大半是他绘制的，改版过程好玩有趣有干货，一起来探秘背后的故事！同样是表情改版，QQ设计师是这么做的：《腾讯设计师揭秘！QQ默认表情优化背后的设计故事》首先自我介绍一下，我叫冯大伟，西安美院毕业，最早入行的时候在一家做设计服务的公司（现被

产品 2016年06月29日

谷歌内部方法！快速做创新设计并验证的Design Sprint

@neyear77 ：Design Sprint是目前在湾区比较流行的一种设计方法。它是由Google内部梳理的一套如何带领团队快速做创新设计并验证设计的基本流程。我翻译整理了以下这两个文档《New Form Factors Sprint Playbook》《Product Design Sprint Playbook 》，总结了Design Sprint操作执行的要点和中

产品 2016年07月21日

【设计访谈：轻芒创始人王俊煜 马力】从设计师到创业者，中间的差别是什么？

王俊煜 ：前阵子我跟几个设计师朋友聊过，他们都在大一点的公司做设计师，但想出来创业。他们非常关心的是：我现在是一个设计师，如果我将来、下个月或者下个礼拜想变成一个创业者的话，这中间的差别是什么，我需要做什么准备？好奇心王俊煜： 第一个品质我归结为好奇心。在我看来，这是个基础品质，不管是一个好的设计师还是好的创业者，都需要具备。它要求你跳出日常工作去看更多。不管是你没事在「维

产品 2017年05月08日

超实用！聊聊移动端跨平台开发的各种技术

Nwind：最近出现的 React Native 再次让跨平台移动端开发这个话题火起来了，曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发，却大多因为性能或功能问题而放弃，不得不针对不同平台开发多个版本。但这并没有阻止人们对跨平台开发技术的探索，毕竟谁不想降低开发成本，一次编写就处处运行呢？除了 React Native，这几年还出现过许多其它解决方案，

产品经理 2017年02月04日

用 AE 做的动效，都能在 APP 中实现了？

我们总是能在Dribbble等网站看到一大堆酷炫吊炸天的动效。而在现实的App中却很难看到。除了它们都有些过度设计的倾向之外，很大一个原因是因为做不出来。现在很多小公司的实际情况是，你能想出100种动效方案，工程师就能给你说出101种做不出来的原因。至于这101种做不出来的原因里，一大部分原因是动效真的很难写。为了写个动效，用上几百行代码也是常有的事。如果你还不说清楚动效的

产品经理 2017年06月25日

新手后期教程！轻松 4 步教你调出复古的胶片质感

编者按：叶明老师的教程一向通俗易懂，零基础看懂无压力，今天这个教程亦然，轻松4步教你调出胶片质感。@他山之眼 ：这张照片给人的感觉是这样的：画面的亮度较低，对比度较高，色彩的饱和度较低，色调偏冷色，橙色比较突出，画面有一种胶片的感觉。因此，我们可以采取这样的后期步骤：1、降低gamma值2、降低饱和度3、加入冷色调4、增强橙色调我们打开一张相似的照片：一、我们首先降低gam

产品 2017年01月10日

好友动态的实现原理

今天准备跟大家聊的一个功能就是：好友动态功能。听起来好抽象，有木有~~ 那说直白一点：微信朋友圈。这下听懂了嘛？我们现在好多软件都有一个类似朋友圈的功能：微博、微信、QQ…… 只要涉及到好友、粉丝这样的app或者是网站，一定有这样的一个功能。那这个功能是怎么样来实现的呢？其实，这个技术已经非常的老了…… 估计快7-8年了。那个时候有一个网站还非常流行，他叫：开心网。大家都在

产品经理 2016年09月13日

AI教程！手把手叫你绘制可爱的吃西瓜女孩

编者按：今天的插画教程，可以帮你学到一个特别受欢迎的技巧——绘制头发，而且展示的是一个超简单的方法。除此之外也可以学到绘制眼睛、鼻子和嘴巴的技巧，顺便熟悉基础工具操作。学会了记得给自己也画一个，开始动手吧！ 1，画出头部和脸部第1步我们首先从头部开始。 利用椭圆工具（L），首先画一个椭圆并用下图所示的颜色填充。 然后画一个小椭圆作为眼睛，并向左旋转一点点。 现在，画一个小圆

产品 2016年06月16日

如何在设计中应用斐波那契数列

近来受欢迎的「快餐式」设计趋势文章让我厌倦。它们读来轻松愉快，却几乎无法推动设计界发展。这类文章反而加速了浅层次设计行为发展。因此我想谈谈那些鲜为人知的设计准则。希望它们不仅敦促我研究学习，同时提醒他人—— 设计绝不只是渐变和投影 。斐波那契数列（Fibonacci Sequence）就是一个需要理解，并融入工作的重要设计准则。什么是斐波那契数列？简单来说，斐波那契数列遵循

产品 2016年12月30日