恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Sketch基础6-文字工具详解
0.0°
2016-12-17 原创文章 教程 举报 9645 18 20 2

Sketch的文字工具非常实用,今天我们就来详细了解一下该工具的使用。更多教程请关注“一稿过”!

/// 开场白 ...

上一篇我们学习了如何使用对齐工具快速制作一个页面,本次我们来学习一下如何使用Sketch的文字工具。

/// 现在开始 ...

我们先来了解一下文字工具在Sketch中的位置,具体见下图。


Image title


文字工具包括字体选择(Typeface)、字号(Size)、颜色(Color)以及文本的对齐方式,行距段距等。


/ 字体 /


Sketch字体选择分为两个部分:点击下拉菜单“Typeface”后,前四位的字体是用户最近选择的字体,后面的是真正的字体库。这个人性化的设计方便我们在不同字体间仔细推敲。


Image title


有些字体会自动激活“Weight”菜单,这样就可以选择不同的字体风格,比如Regular,Thin,Medium...


/ 字号 /


字号选择:选中文字后直接在size下拉框中选择对应的字号即可。特别注意的是一般我们在制作app的时候最小选择14号字。


Image title


/ 字体颜色 /


字体颜色选择:选中字体后,点击Color后在下拉菜单里选择相应的颜色即可。同时也可以在Global Colors区域以及Document Colors区域内直接点击取色。

调整透明度:在颜色数值显示区域的最右边,直接调整A框的数值即可。快捷键“数字键即对应的透明度值”。比如需要50%的透明度,仅需在元素选取状态下按一下数字键5即可。


Image title


/ 段落对齐方式 /


段落对齐方式很简单:按照图示有左对齐,居中对齐,右对齐以及平均分布。


Image title


/ 有序列表及无序列表 /


Sketch的有序无序列表选择隐藏的比较深需要点击Options(小齿轮)图标,在展开的Decoration下选择即可。

Image title


/ 字母大小写 /

同列表选择一样点击点击Options(小齿轮)图标后,在List Type下拉中选择即可。


Image title


/ 下划线效果 /

同列表选择一样点击点击Options(小齿轮)图标后,直接点击图式图标即可。


Image title


/ 区域文本 /

Sketch提供了两种文本框:Auto及Fixed。直接在Width下选择即可。

特别注意的是文本框如果是Fixed形式,可以在属性面板中手工输入Width及Height。


Image title



/ 行距及段距 /

Sketch的行距和段距是可以独立设置的,分别在Spacing中调整Line及

Paragrap即可。


Image title


好了,基础操作介绍完了。我们看一下实际效果。


Image title



如有问题请大家留言。

...

听说关注“一稿过”的设计师们,真的都一稿过咯!

Image title


更新:2016-12-17

下载
收藏

18人已收藏

jinlong

做有价值的设计!

  • 53

    作品

  • 284

    粉丝

  • 3

    关注

  • 智慧旅游大数据
  • 中国银行5g
  • SaaS电商App设计
  • 电商页面

    猜你喜欢

      2016-12-17 原创文章 教程 举报 9645 18 20 2

      Sketch基础6-文字工具详解

      0.0°

      你确定要举报Sketch基础6-文字工具详解

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年12月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      18
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录