今天分享自己自学 Framer 过程中的一些心得感悟以及宝贵资源。其主要目的呢,就是为了让刚接触 Framer 的新手伙伴们能够迅速上手这款软件。要知道,与其在网上毫无头绪地四处搜教程,不如静下心来看看我的介绍,然后依据自身需求去查缺补漏,这样效率会高得多。
1. 从基础开始 💪对于新手来说,可以先从Framer的基础教程开始。刚开始,你可以从简单的项目入手,比如设计一个个人博客或者一个小型企业站。Framer的官.方文档和社区论坛都是很好的学习资源。
2. 深入学习 📚当你对Framer有了基本的了解后,可以开始深入学习更高级的功能,比如动画、交互设计等。有code背景的直接找framer motion的资料,打开新世界;
3. 教学资源 🌐
- **Framer**:围绕Framer的各种视频都放在这里。
- **Flux Academy**:设计师的老朋友了,适合各个水平的学习者;
- **Ryan Hayward**:coursera上的讲师,现在出来专门教framer,基础和高阶课程都有;
- **Tim Gabe**:做一些具体部件的交互效果,可以找他的视频看看;
4. 素材和灵感 🎨
- **pure**:一个收集高质量落地页的网站,可以找到很多优秀的落地页设计作品。
- **onepagelove**:单页设计灵感网站,涵盖各个行业的网站设计例子,参考很好用。
5. Framer插件 🛠
- **figma to html with framer**:可以快速将figma设计导入到framer中进行编辑。
- **html to framer**: 可一键将网页元素复制到framer的画布中,支持chrome、edge,但只支持静态元素
6. 其他工具
- **沉浸式翻译**:偶然发现的双语对照网页翻译插件,除了看油管视频,国内的b站也支持!@沉浸式翻译 牛!
关注@废鹅,不定期更新设计知识和干货
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI时代的设计师生存手册
已累计诞生 648 位幸运星
发表评论 已发布7条