欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

即时设计基础教程!NO.03 字体应用和图像填充

时间:2022-05-03
B站视频:av341135079
类别:UI设计
水平:入门
观众:1.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

即时设计基础教程!NO.03 字体应用和图像填充

本集讲师:@格尔

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

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

获取本集课程课件及演示案例源文件,请访问👉 教程文件

什么是即时设计

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

即时设计基础教程!NO.03 字体应用和图像填充

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

本集简概

本集是即时设计系列基础教程第 3 集,本集讲师格尔向你详细介绍字体应用、图像填充的基本操作。学完本集以后,你可以和团队成员一起快速添加字体文件、调用图片素材,高效率地完成一些复杂的界面设计工作。

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

1、字体选用

受浏览器权限影响,网页版即时设计调用不到电脑上安装的字体,我们可以下载工作台右上方的 本地字体助手,使用自己的字库。

即时设计基础教程!NO.03 字体应用和图像填充

如果你的工作文件中用到了特殊字体,需要共享给团队成员,只需要上传字体即可自动授权。

即时设计基础教程!NO.03 字体应用和图像填充

即时设计官方也在软件中内置了一些字体,都是开源免费可商用的,主流常见的几款均可随时取用。

即时设计基础教程!NO.03 字体应用和图像填充

2、文字调整

选定一个字体后,可以在右边栏设置文本的基础属性,例如 颜色、字重、字号、字间距、行高、行间距、对齐方式、删除线、下划线 等。

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充即时设计基础教程!NO.03 字体应用和图像填充

② 文本框可以设置 自动宽度、自动高度、固定尺寸,帮助你根据工作的实际需要,限定文本框范围。

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充

快捷键 command / ctrl 加上鼠标左右移动,可以 快速调整参数,例如文字的字号。

即时设计基础教程!NO.03 字体应用和图像填充

此外,command / ctrl + shift + < / > 也可以按数值微调参数,帮助你实现更精准的控制。

即时设计基础教程!NO.03 字体应用和图像填充

 选中文字并右键,在菜单的复制粘贴中选择 复制文本内容,可以不带样式地复制文本,去除颜色、字号等效果。

即时设计基础教程!NO.03 字体应用和图像填充

文本样式 可以复用字体、字重、字号、间距等基础信息。当主体样式修改之后,使用相同样式的文字也会随之改变。

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充

文本的边框、阴影 等效果是不能通过文本样式复用的,但是可以选择颜色样式,把调好的颜色保存下来,然后单独复用。

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充

3、图像填充及调整

① 通过截图工具或本地文件夹调取,可以快速 添加图片素材,方便我们去做轮播图等效果。

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充

 ② 通过 填充参数调节,可以对图片进行简单的处理,例如旋转图片,切换填充方式、调整图片颜色等。

即时设计基础教程!NO.03 字体应用和图像填充

③ 快捷键 command / ctrl + C / V 可以 复制 / 粘贴图片 到画板中。画板为空时,会直接粘贴到画板垂直居中的位置。

即时设计基础教程!NO.03 字体应用和图像填充

如果画板里有多个图层,快捷键 command / ctrl + V 可以 粘贴到画板最上层,command / ctrl + shift + V 可以 粘贴到画板左上角

即时设计基础教程!NO.03 字体应用和图像填充 即时设计基础教程!NO.03 字体应用和图像填充

 选中目标后,快捷键 command / ctrl + shift + V 可以粘贴并对齐目标,帮助我们有效提升工作效率。

即时设计基础教程!NO.03 字体应用和图像填充

第 3 课关于 字体应用和图像填充 的介绍就到这里,下节课我们将教你在即时设计中进行 组件的使用,包括 创建、管理、替换 等操作,记得来看哦~

3 收藏 1

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片