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

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

产品 2017年07月19日

悬浮按钮要怎么设计才能带来好体验？

悬浮操作按钮（Floating Action Button，FAB），或者说悬浮按钮，是 Android 应用中最常见的一个控件。悬浮按钮通常是圆形，底部的Material Design 风格的阴影让它看起来悬浮在整个UI之上。悬浮按钮是Android UI 交互中最关键的元素之一，在用户流程中至关重要。悬浮按钮非常的易用，但是要正确的使用它，还是要遵循一些基本的规则。在今

交互体验 2017年05月15日

想让设计更走心？你得学会用共情来驱动设计

成为一名优秀的设计师，需要具备很多素质，共情是其中最重要的一种。不论你是UI设计师还是平面设计师，你的工作是专注用户体验，还是关于产品设计，其实你一直都在借助共情/同理心来理解、洞悉用户和这个世界，让你所设计的对象更加富有生命力、更有用。不过，我们很少会就这一心理学现象深入了解，它对于设计师而言的真正意义是什么？我们今天要探讨的就是这个。共情是什么共情（Empathy），我

用户研究 2017年06月14日

谷歌也中枪！APP 如何用正确的姿势获取用户权限？

@可乐橙_ColaChan ：用户打开一款新应用时，最不想看到的，就是一大串弹框请求获取权限。这种操作在用户体验上会造成极其负面的影响，往往导致应用被抛弃。就连谷歌也无法避免。所以如何用一个优雅的方式获取用户权限？这篇好文可以从3个方面来帮你避开索取权限时的常见陷阱。你知道吗？平均每个应用在安装3天内就会流失80%的活跃用户。多数人下载一个应用，打开一次，然后就卸载了。这是

产品 2016年06月08日

数据驱动的界面设计

文 | Erik K“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业，开始运用他们的数据来做一些有趣的事情。在我的职业生涯中，有幸参与一大批数据为重的界面设计，我要在此分享一些观点，讲讲如何造就这种特殊且有意义的产品。很多人已经讨论过这个议题，我会围绕创作过程中最具影响力的部分。1. 用户不同，数据不同任何时候设计一套复杂的系统，都不可避免要为很多用

产品 2016年11月29日

利用品牌基因法进行图标设计

上一期答应大家的，这周把品牌基因法分享出来，久等了。在看这篇文章之前你需要清楚，我所讲的东西并不是什么权威，只是在工作中总结出来的一些的小经验而已，制作图标的方法也有很多种，这里只是给大家一个思路上的启发，希望能对你有所帮助吧！按照惯例，我们还是先来看一下本次《利用品牌基因法进行图标设计》的大纲：1.什么是品牌基因？2.如何提取品牌基因3.如何将品牌基因注入到图标设计中4.

产品 2017年02月26日

在设计中，如何选择设计元素打造最合适的组件？

去看看身边普通或者不普通的物品，你会发现在它们身上有很多好的玩意等待着被发现，而这些东西也会为你的工作和生活带来很大的帮助。在看组件和元素之前，我们先了解在他们之上的一个概念-模块模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。模块并不是一个新的概念，早在2

产品 2017年03月17日

分身乏术？来学学交互设计的优先级判断与排期协同

鸿影：在被密集需求轰炸（需求本身都具备一定合理性，不包括那种应该拒掉不接的需求），同时自己还有一堆想自发驱动去做的事情时，交互设计师该如何进行合理的设计优先级判断，分解需求排期推进呢？来看今天的实战经验！在以往的项目中，我通常是完成一个设计需求的评审交付后，再去跟进下一个需求，而在需求相对空闲的时间段里则做做系统的产品体验分析、构思想优化点的产品设计草案，整理设计组件和规范

需求分析 2016年05月24日

实例教学！利用「对比原则」做出抢眼设计的20个方法

编者按：可能是「对比」技法的最全面学习指南！对比是设计四大原则之一，可以增强吸引力，起强调作用，学会运用这个技巧非常重要。今天@喪心病狂十六夜貓 这篇好文总结了20个利用「对比」做出亮点设计的方法，每一个都有实例演示，好学易上手。实例教学系列：《实例教学！12种透明背景的万能设计方法》《实例教学！设计网页时选择配色的八个要点》《实例教学！10个用好模糊效果的超实用设计技巧》

产品 2016年08月09日

最实用的 APP UI 配色方案和 APP 常用的颜色搭配参考

在此，25学堂收集了一套非常实用的APP UI配色方案和一些APP设计常用的颜色搭配参考。感谢分享设计师onli （武汉 / GUI设计师）和简书作者 Longwide 的分享。第一部分：APP常用的颜色搭配参考底层背景色，内容背景色 ,两种颜色相近，但能区分标题背景色 任意花色标题文字色 通常为黑色或白色黑体内容文字 通常为黑色或白色宋体不重要的内容 浅灰色重要的

产品 2016年12月16日