前端速来！2017 年 6 月前端开发者干货大合集

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件，它是基于We

产品 2017年06月06日

做 PPT 超过 1000 个小时后，总结的实用进阶指南

编者按：看了那么多PPT 技巧教程，仍然做不出好的PPT？@魔力大熊老师撰写的这篇进阶教程，不流于表面的奇巧淫技，注重实用，且以实例贯穿始终，是真正的干货。欢迎关注大熊老师（前今日头条资深交互设计师，现Haobtc 设计总监）的微信公众号 「熊掌拨清波」 适读人群：需要制作PPT 的人，特别是大学生阅读时长：约7分钟在过去的4年时间里，我做了超过百份PPT，其中有日常汇报，

产品 2017年02月14日

谷歌官方出品！10个帮你做好VR设计的实用技巧（附VR神器）

编者按：最近一直关注VR设计，今天就发现一款谷歌联合《纪念碑谷》的USTWO团队出品的神器！他们做了个App来教你设计VR ：Cardboard Design Lab，10个技巧，边玩边学，一起来收！Cardboard Design LabCardboard design lab 的设计花絮：Behance。安卓的手机都可以下载下来安装~ 分为基础（1~5）和沉浸感（6~

产品 2016年05月27日

如何做出符合产品个性的视觉设计——实操篇

此文档关于BANNER的规范设置，只是规范在目前情况下，为了提高团队伙伴们的工作效率和维护平台风格的统一而制定的，但是，作为一名合格的设计师，是在不需要规范的情况下，能深入理解产品，了解市场，了解用户，而独立做出有创意的优秀作品。项目背景：随着IOS10的发布，现在的设计趋势就是「大而简，简而精」。Apple Music改版 Airbnb改版 Instagram改版在这股趋

产品 2017年02月26日

你知道网页设计的黄金比例吗？

作为一个网页设计师开始一个项目时经常会考虑到网页的布局，虽然现在很多人倾向使用 Grid css框架（如960，blueprint），但有时也需要设计一些独特的布局。今天我们要探讨如何将黄金分割理论运用到网页设计中，大部分涉及到的技术 也同样适用于其他的设计或艺术类工作，当然主要还是针对于网站设计布局。黄金比例黄金分割又称黄金比例，是一个数学上是术语，用来表示两个元素的比例

产品 2016年12月28日

PS 进阶教程！教你创建漂浮的泳衣 3D 字效

编者按：学完这个教程，你可以掌握Photoshop 中的3D 工具，给文字贴纹理的方法，以及利用调整层把控环境光的技巧，素材已打包，想学的赶紧。素材打包：https://pan.baidu.com/s/1cag7DG 密码：6pk3 关键字：设计, 设计文章, 教程

产品 2017年01月11日

5 个案例，解决设计常见误区

本文将具体案例进行修改后，进行前后对比，分析设计误区以及修改的原因。所以，文章里没有理论，也不是案例欣赏。纯粹的案例分析对比这样更能直接看到效果，更易懂。说了那么多理论，这次我们就以更直观的方式来和大家一起看一些案例，希望能给大家一些帮助。排版可以讲100种都可以，但什么才是最有效的？估计就是不断地做图，不管是工作还是练习。这次给大家带来的是，将具体的设计案例进行修改前后的

产品 2016年11月06日

规范、方法、一致性，真有那么重要吗？

@苏大牙牙牙：不可否认，被我们经常挂在嘴边的设计规范、方法及一致性对我们日常工作很重要。它可以提升操作一致性、提高工作效率、延续品牌定位等等…但是，不知道你们有没有发现，之所以有了这些方法和规范，导致很多设计师习惯性处于舒适区，从而放弃独立思考。每天做着重复性的工作，复用着前辈制定下来的模版，套用着别人的方法论，抱怨着工作没有挑战。我最近也在思考，一个遵从设计规范，按照所谓

产品 2017年04月25日

简单实用！教你五分钟学会手绘可爱有趣的表情

@笔戈科技 ：聊天主要靠表情包的时代，不会熟练运用几套表情都不好意思说自己是被选中的孩子啊。所以讲完如何在图片上加字，现在要讲如何在表情包上加表情。图片加字教程：《让图片加字变得有格调？这三个方法可以轻松搞定！》作者介绍笔戈科技是魅族旗下的科技资讯网站，里面的设计师都是文案鬼才，能够把专业的设计方法讲得通俗易懂，有趣好玩。建议大家阅读。《超赞！一份简单易上手的青春弥散阴影修

产品 2016年08月09日

教程丨用一个实战教程，让你学会智能对象

没套路！这个功能真的可以有效地提高工作效率！！​作品作者：来源网络教程作者：@杨洋-XHM效果图：练习重点：这次主要分享一个智能对象功能的使用，其次就是光影、颜色对质感的塑造​，对这块感兴趣的小伙伴，可以动手练习一下。我们首先从把这个小东西做出来，后面我们再讲讲智能对象的作用。步骤一：打开你的Adobe Photoshop，创建一个新文档。宽度：800 px高度：600 p

产品 2016年11月15日