其他教程 2022年05月23日
0 收藏 0 点赞 549 浏览 1307 个字
摘要 :

本集讲师:@YY 免费使用即时设计,请点击右侧链接👉 即时设计 获取海量免费设计资源,请访问👉 资源广场 什么是即时设计 即时设计是一款全平台覆盖、可云端编辑的专业级……

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

本集讲师:@YY

免费使用即时设计,请点击右侧链接👉 即时设计

获取海量免费设计资源,请访问👉 资源广场

什么是即时设计

即时设计是一款全平台覆盖、可云端编辑的专业级 UI 设计工具,为中国设计师量身打造,是 Windows 也能用的「协作版 Sketch」,它设计功能强大,能一站完成设计师所有需求。无论是多位设计师协同创作,还是产品经理随时随地评审、沟通反馈,或是研发人员查看实时更新的设计稿获取切图标注,都可得到满足。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

不受系统限制,打开浏览器即可开始创作,同时让设计师在工作中每一个步骤都能拥有更高效愉悦的体验。即时设计支持导入 Figma、Sketch、XD 等文件,无缝衔接以往工作内容;还可导出 Sketch 文件满足跨工具协作,并且所有功能都能免费使用。

本集简概

本集是即时设计系列基础教程第 9 集,本集讲师 YY 向你详细介绍资源库的相关内容,包括资源库的创建、上传、编辑等,帮你快速产出工作成果,获得更多设计灵感!

编者按:图文内容简概为视频内容的提炼总结,想要了解详细教程内容,请观看文章顶部完整的视频教程。

1、什么是资源库

左下角最后一个图标,就是我们的资源库,点击即可查看,或者通过 快捷键 shift + 3 快速调出资源库面板。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

资源库包含规范、素材、图标和图片四大内容:

  1. 规范 主要是基础的 UI 布局组件、成套的  UI  套件;
  2. 素材 则是一些补充型设计元素,如  Mockup、插画等;
  3. 图标 是各种风格类型的图标库;
  4. 图片 自然就是大量免费的图片资源啦。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

2、如何创建个人资源库

点击创建个人库,输入你想创建的资源库名称,然后有设计规范、页面、组件、图标等类型供你选择。创建好一个空库后,我们需要往里面添加资源。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

上传资源的常用方法有三种:

  1. 选中上传内容,右键-上传至资源库
  2. 选中上传内容,选择左上角菜单图层分类中的 上传至资源库
  3. 选中上传内容后,快捷键 command / ctrl + shift + S,将设计文件上传到资源库中。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

Tips:我们可以通过 “类型 / 名称” 的形式对其命名,这样资源库就会自动分类,帮我们更高效地管理和使用资源内容。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

上传完成后,视图左侧会生成一个列表,显示上传的所有内容,右键可以重命名或删除内容。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

当我们想使用资源库的内容时,点击某个资源库的详情,选择内容直接拖入画布就可以了。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

右侧的下拉按钮,可以帮助你在多个资源库中切换查看。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

3、如何添加广场资源

点击添加广场资源,我们就会打开一个在线资源广场的面板,里面有很多现成的资源可供选用,包括 antdesign、Material Design、微信小程序等大厂的设计规范,还有一些组件、图标、插画等资源,都可以在这里搜索并使用。

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

选择想要的资源后点击引用,提示引用成功后,回到资源库面板,可以看到刚刚引用的内容已经出现,点进详情页就可以随意拖拽使用了,是不是 so easy~

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑 即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

4、如何使用图片库

即时设计的图片库引入了知名优质开源图片库 Pixabay,所有图片均为免费可商用,无需担心版权问题。

在图片库面板顶部搜索栏中,搜索图片关键词,即可得到相应的图片内容,然后就可以自由地拖拽使用啦~

即时设计基础教程!NO.09 资源库的创建、上传、分类与编辑

第 9 课关于 资源库的创建、上传、分类与编辑 的介绍就到这里,下节课我们将教你在即时设计中 创建基础交互,敬请期待~

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/47287.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,040
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,402
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:839
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接👉 即时设计 获取海量免费设计资源,请访问👉 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:474
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,006
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:446
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站