Yice Blog

Live Life Love & Design

Colorful - 图片调色应用设计


《不思议迷宫》游戏社区设计


如何用AE做出App store中的卡片动态效果

阅读此文大约需要7分钟 本文首发于微信公众号,原文链接 动画效果会讲故事,动效不仅仅是为了愉悦用户,更是为了帮助理解当前操作进展,帮助提高app的使用效率。当动效制作非常成熟时,看起来应当是非常自然的。 App中随处可见各种各样绚丽的动态效果,从页面跳转到加载进度指示,从状态反馈到下拉刷新。但动效的使用应当自然流畅,过多花哨或者不适当的动效反而会给用户体验带来负面影响。 一、Ap...

彻底搞懂AE曲线,让设计中的动效更加有趣

阅读此文大约需要4分钟 本文首发于微信公众号,原文链接 在AE中使用曲线,可以给运动物体添加缓动的效果,使物体的变化更符合现实中物体变化的场景,看上去不会那么生硬,增添了动效的趣味性,下面的文章中我会介绍几种不同的曲线,以及它们的使用场景。 —– —- 一、位移的速度曲线 速度曲线表示物体移动速度随时间的变化关系,横坐标表示时间,纵坐标表示移动速度速度。 几种不同的速度曲线图: ...

探索移动端的搜索设计

本文翻译自Graeme Fulton文章。原文链接 文中介绍的某些概念也许可行性不高,但可以让你设计的界面变得富有情感,尤其是在用户等待的过程中。 “根据心理学家的说法,无聊只是由于缺少刺激,是用户的期待没有得到满足。如果我们用界面设计来刺激他们会怎样呢?” ——by Alice Kotlyarenko 1、蜗牛进度条🐌 <img src="https://user-gold-...

🐌🐌设计趣味性进度条,让等待不再枯燥

本文翻译自Shashank Sahay的文章,查看原文。 这篇文章将探索设计搜索功能的几种不同方式,以及这样设计的原因。 在这篇文章中,我将讨论两种最流行的设计搜索功能的方式:登陆页面上的搜索框和导航栏上的搜索选项,并探索如何为你的App从中选择一个合适的搜索方式。 App中的搜索功能 我们日常使用的大多数app都有搜索功能,这些app设计搜索功能的方式则千差万别。但是,为什么需要...

谷歌翻译的UI设计

本文翻译自设计师Pendar Yousefi 的文章。原文链接 google翻译的即时相机翻译和实时会话功能永远会让用户感到惊讶。除了让人惊叹的天性之外,它们也有非常有用的实际功能,帮助语言学习者、学生、游客和各种需要打破语言藩篱的人。 问题 然而在现实中,许多用户并不知道这些功能的存在。在我们做用户调查访谈时,发现许多用户询问是否可以实现我们已经有的功能。后来经过一项研究与调查,我们...

扁平化图标的终极设计指南

本文翻译自设计师Slava Shestopalov的文章 原文链接 1、使用网格 一个图标通常是由矩形、圆形、三角形等基本元素演变而成,将图标模糊后再去观察它们的光斑,会发现它们基本有相同的视觉重量。 根据图标的形状将它们放在对应的网格中,就会发现,正方形图标会比三角形或者长方形的图标更加紧凑。 图标越紧凑,占用的空间就越少。图标的边缘越锋利或者细节越少,占用的空间就越...

为什么上线的App没有Sketch里的设计稿好看?

本文翻译自Nathan Gitter 的文章 原文链接 发现不同 你能看出这两张图的差别吗? 仔细看,你就会注意到细微的差别,右边的图片: 阴影范围更大; 渐变的颜色更暗; 段落中文字的第一行有一个单词“in”; 左边的图片是Sketch中的设计稿的截图,右边的图片是在iOS中的还原。这些差异会在图像渲染时出现,尽管两张图中用了完全相同的字体、行间距、阴影半径...

饿了么和美团app中的优秀设计细节

本文翻译自设计师Britta Cheng的文章(已获得原作者授权)  原文链接 中美的外卖软件都有着庞大的用户数量,然而这两个国家的外卖软件在用户体验设计却有一些有趣的差异,这篇文章介绍了我认为中国的外卖软件做的好的地方。 总览 目前中国的外卖行业有两大巨头 美团外卖:月均活跃用户3749万 饿了么:月均活跃用户6178万 这两款软件都提供了按需送货服务,包括送外卖、超市...