UX design is a dynamic field that brings us new trends every year, and the last twelve months are no exception. The global COVID-19 pandemic and national lockdowns have brought a sudden change to the way we interact with the world, both …
Category: 默认
史上最全 Figma 快捷键
无意中搜到的一份 Figma 快捷键大全，但是没有 Mac 的，我补充了一下，这下应该全了。速速浏览一遍吧，肯定有你不知道的。
如何持续迭代你的原型
一、前言 作为一名设计师，常常有个问题困扰我们，如何输出一个正确靠谱的设计方案呢？ 首先，设计是用来解决问题，除非你是耶稣基督或释迦摩尼转世，你无法提供一个绝对最优的解决方案，唯有是在试错的过程中不断校验，从中挑出最少出错，并且在当前 …
利用Framer可视化设计原子
一、什么是设计原子 原子一词最早出自大家熟悉Atoms Design-原子设计理念，早期由Brad Frost提出 ，Web页面设计上沉淀出的一套设计原则：即将我们设计中的元素、模版拆分成最基础的原子单元，再将这些原子按需有机组合成新的可复用的元素或模 …
将生产组件引入FramerX
在Datadog，我们在基于React的设计系统中设计和构建组件的速度一直在提升。同时使用怎样的设计工具 统一处理这些组件的挑战也随之而来。
Dropbox的设计系统
写人物传记前大家都希望有一个好的故事起源，Zach Johnston（后面简称扎克）的就是一部经典的旧金山故事。“七年前我和两个朋友开着Prius全国各地跑。我那是才发现我的HTML和CSS技能在西海岸的需求很高，也意识到比起在纽约参与广告设计我更应该把大二的暑 …
Framer学习备忘手册：类和模块的应用
写在前面的话 Framer用来上手原型的优点不必多说，缺点对设计师来说可能就是coffeescript的学习曲线比较陡，和样式、结构、事件代码分离的常规界面开发不同，Framer里面所有代码全部掺杂在一起，相当不利于整理和组织。虽然注释和代码折叠等技巧可以一定 …
code实践之如何制作一个简单的全栈原型
受到设计师 Marc Krenn的启发和鼓舞，我开始走出自己的舒服区，拿自己接手的项目开刀实践如何制作一个全栈原型。本文的某些操作和观点部分摘取他的一篇名为Supercharge your Framer prototype with Firebase 的文章，有兴趣的可以去拜读一下他的原帖。
界面设计的3C：Color, Contrast, Content
有许多因素影响设计项目的最终产出。从事网页或移动应用的设计师，不仅要考虑美感，创意和美学，更重要是考虑用户如何获取信息框架以及如何响应。今天我们将谈论在界面设计中的神奇配方–“3C”，它在解决设计问题和提升设计体验方面，扮演着非常重要的角色 …
如何基于组件设计
我们不是在设计页面，我们在设计可复用的系统组件库。—– Brad Frost 我们常常挂在口头上的组件好像更倾向于让人联想到大型复杂项目。然而在这篇帖子里，我们将要用实例证明：小型项目和团队同样适用组件化。基于组件设计适用于任何一个项目，无关 …