Contact & Follow: @scomper

Framer X 学习笔记(七)版本

刚开始使用 Framer X 的时候还不太理解,为什么每个项目文件都需要重新下载安装组件?如果像 OmniGraffle 那样组件都是离线共享方式的该多好。随着学习的深入才发现,Framer X 这样的做法没有问题,原因是 Framer X 的组件其实都是由......

Framer X 学习笔记(六)实践

Framer X 中的组件大部分都很直观,只需要安装后通过 Components 面板拖拽到页面里就可以使用。不过浏览研究组件的过程中也发现了不少偏「技术」流的组件,使用方式也略微复杂一些。这类组件的更像是一种「桥接」,通......

Framer X 学习笔记(五)组件

浏览 Framer X 组件商店的时候会感慨,组件商店里的内容很丰富,各种动态的组件效果也很炫酷,但是如果不是真的开始搭建一个原型,实际上对组件作用的体会是不深刻的,走马观花式的浏览只能对商店里的组件有一个......

Framer X 学习笔记(四)绘图

Framer X 强大的地方主要体现在它的代码「组件」上,基于 React 的实现给了组件很多可以动态变化的部分,这一点上,依靠静态 Symbol 实现元素复用的 Sketch 就差很远了,管理设计资源也没有 Framer X 方便。有了丰富的组件商店,对于大......

Framer X 学习笔记(三)Stack

熟悉新软件最有效的方式,就是把它带入到工作流程当中。分析范例可以对功能模块有个基本的认识,但是要理解软件的使用逻辑,动手操作才更有体会。菜单项中不明确的点、操作不顺畅的地方、重复性的操作......

Framer X 学习笔记(二)工作方式

刚接触 Framer X 的时候还有点不适应,毕竟以前使用密度最高的是 OmniGraffle,OmniGraffle 是以对象为中心的绘图软件,新建文件就是一个空白的版面(画布),在这个没有「边界」的画布上可以自由的创建绘图对象,然后选择对象对其进行属......

Framer X 学习笔记(一)概览

设计一款应用之前,通常都会用到软件界面设计工具,以便把软件的样子和基本使用流程展现出来。行业里习惯把这个过程称之为「原型」化。最简单的方式是用纸和笔绘制草图,勾勒一下产品的样子,结合语言描......