零基础学 Figma - 【酸梅干超人出品】
2022-02-26 23:30 作者:HANbiaobiao | 我要投稿
零基础学 Figma 07 - 参考线和栅格应用 P8 - 14:59
线段细节overlay
零基础学 Figma 01 - 苹果商店页设计 P2 - 04:03
线上保存
实施修改
团队管理
插件获取
结合案例学习——工具牛逼
安装 百度 figma网页设计figma.com
零基础学 Figma 01 - 苹果商店页设计 P2 - 10:06
下载客户端 网页直接使用安
MAC拖到应用程序中去
手机预览 字体插件在网页中
网页中注册账号 creat 网页中登录账号
中文版 figma汉化 figma.cool
尽量使用原文 练习英文单词也很简单
零基础学 Figma 01 - 苹果商店页设计 P2 - 16:04
设计文件 最近和草稿
上一届返回文件列表 搜索插件搜索关键词
中间为文件名字
fream 画布双击改变名字
IOS官方的文件C+V状态栏及底部显示器
零基础学 Figma 01 - 苹果商店页设计 P2 - 23:27
内边距左侧标尺拖出来标记两边左右内部区域
SHITFT+R
苹方字体 左调粗细 右调大小
文字颜色FILL
ALT键可以看到距离
圆形O 4的倍数调节 user profile 头像插件 Avatars
R矩形拖拽 12圆角
背景小太阳
CX CV复制到顶部出来
零基础学 Figma 01 - 苹果商店页设计 P2 - 37:38
蒙版 编著最底下设为蒙版
CA M cshift +K
苹果商店设计APP store
零基础学 Figma 02 - 线性图标设计 P3 - 09:23
钟表下左0.5
零基础学 Figma 02 - 线性图标设计 P3 - 16:27
爱心画法两个正方形
零基础学 Figma 03 - 面性图标设计 P4 - 06:51
零基础学 Figma 03 - 面性图标设计 P4 - 11:12
三个点，join 尖叫边圆角
编辑手柄多一个点点可以拖拽贝塞尔曲线调节丝滑
网格编辑左右数量一模一样对称数量
零基础学 Figma 03 - 面性图标设计 P4 - 06:51
零基础学 Figma 03 - 面性图标设计 P4 - 12:34
outlie 轮廓化处理线条
零基础学 Figma 03 - 面性图标设计 P4 - 16:07
渐变 唤醒 线性 角度渐变 钻石渐变 填充背景原色
HEX调色系
零基础学Figma 04 - 玻璃拟态页设计 P5 - 13:30
auto aly aout
零基础学Figma 04 - 玻璃拟态页设计 P5 - 03:16
layerbloy
零基础学 Figma 05 - 样式组件功能入门 P6 - 03:53
添加颜色
零基础学 Figma 05 - 样式组件功能入门 P6 - 09:19
文字text
零基础学 Figma 05 - 样式组件功能入门 P6 - 11:36
comp花瓣
零基础学 Figma 05 - 样式组件功能入门 P6 - 16:23
列表组建回到父级别
零基础学figma 06 - 连线动画效果说明 P7 - 02:13
动效Prototype 动效加号点进行跳转拖拽
上方点击抓取长按 key键盘简单交互的跳转工具
protopie做专业的动效
Animation instant dissolve慢慢过渡1000nms为1秒
ease in and out 300ms move in move out进来出去页面级别跳转slide in slide out
零基础学figma 06 - 连线动画效果说明 P7 - 12:04
back
底部是instant
零基础学figma 06 - 连线动画效果说明 P7 - 18:58
overlay叠加
