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 我们常常挂在口头上的组件好像更倾向于让人联想到大型复杂项目。然而在这篇帖子里,我们将要用实例证明:小型项目和团队同样适用组件化。基于组件设计适用于任何一个项目,无关 …