设计文章

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

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

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

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

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

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

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

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

数据驱动的界面设计

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

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

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

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

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

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

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

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

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

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

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