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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
7 个实用性很强的UI效果提升小技巧
0.0°
2020-12-16 好文转载 教程 原作者: Mark Andrew 举报 1790 7 8 0

这篇来自 Mark Andrew 的文章梳理了 7 个实用性很强的 UI 效果提升小技巧,一起来看下吧!

创建漂亮且足够实用的UI设计需要花费很多时间,并且在这个过程中,需要进行多次修改,这都是正常的。但是我注意到一件事情,就是有很多常见的问题,只需要进行适当的修改,就可以达到相当不错的效果。

1、为了更好的字体组合,选择「超大字体家族」吧!

在成千上万的字体当中寻找合适的组合是一件非常艰难的事情。如果你也为之苦恼,那么试试「超大字体家族」吧!

通常所说的「超大字体家族」(SuperFamily)其实指的是一组被打包到一起可以互相搭配的衬线和非衬线体,它们风格和细节不一样,但是互相搭配效果是颇为不错的。

我个人强力推荐的是 Merriweather 和 Merriweather Sans、Roboto 以及 Roboto Slab 这样的搭配。

「超大字体家族」最大的优势在于,它是已经被验证过的优质组合,用的时候不用担心~

2、减小标题文本字间距,视觉平衡更好

在标题文本中使用较大的字间距,是排版设计中最常见的禁忌之一!

在放大文本的时候,常规比例下的字间距会显得更加明显,视觉上会显得有点「稀疏」,减小字间距能够让标题文本更加紧凑,在视觉上更加平衡,通常会让人更加愉悦。

3、注意纵向行间距和段落间距的节奏感

当你想让整体排版的节奏感足够好的时候,有必要针对性地重新调整行间距和段间距。

你需要根据靠近原则,让相互关联的标题和正文之间的段间距更加靠近一点,让不相关的内容块互相之间分开,间距拉远,从而自然而然地进行区分。

通常而言,你可以让标题上方的留白更大一些,标题下方的留白更小一些,这样就可以了。

4、如果标题很短,可以试着使用全部大写

在英文为主的页面当中,全大写的文本辨识度其实相对更低的一些,较长的标题文本使用大写字母更是难于辨认。不过对于仅有一两个单词的短标题而言,就容易识别多了。

另一方面,短标题使用小写字母会显得不够饱满,这个时候使用大写字母能够让它在视觉上更加突出。

相应的,在使用全大写的短标题当中,适当地拉开字间距,能够增加呼吸感,降低压迫感。

5、如果能让你的标题更加简短明了……那么就这么做吧!

如果可以的话,标题尽量简短有力一些。

比如「It’s your style, and your way」这样的标题可以直接浓缩为「Your style. Your way.」。

这样的标题更容易阅读,也更加有力,更容易被消化和感知到。

当然,这样的文案设计技巧是需要根据行业和领域进行优化的,这个方法并不适用于全部领域。

6、选字体的时候,尽量选择有很多不同字重的

你所下载或者购买的字体,是否有很多不同的粗细/字重/样式供你选择?

如果你有的选,尽量购买或者选择那种有很多不同字重的字体族。如果这款字体只有一种字重,建议你尽量避开它。

在很多不同的UI设计项目当中,不同的场合可能会用到不同的字重,如果它只有一种字重,那么你要么只能选择别的字体,要么就需要额外购买,很麻烦。

即使这款字体包含两三种不同的样式或者字重,也足以应对很多不同的需求,创造出有韵律感的设计了。

7、选择贴合设计风格和气质的字体

不同的字体有不同的风格。有的字体粗壮有力,有的柔和自然,有的现代而规整,有的友好而舒适,有的则有趣且俏皮,等等等等。

每种字体都有不同的气质,你需要把握字体的气质特征,有意识地总结这些属性,当你在应对不同的设计项目的时候,能够快速找到气质贴合的字体。

这似乎是一项艰巨的任务,但是从长远来看,能够帮你更快地搞定各种设计问题。

结语

很多技巧都不复杂,甚至称得上是微不足道。但是如果用好这些小技巧,能够让你的设计事半功倍。

Powered by Froala Editor

更新:2020-12-16

收藏

7人已收藏

闪闪的星仔

开心做设计~

  • 33

    作品

  • 3

    粉丝

  • 0

    关注

  • 如何制作镭射立体字效果?
  • UI设计有哪些主流软件?
  • 教你如何快速构图?
  • 四步学会设计建筑小知识
相关标签
UI设计

    猜你喜欢

      2020-12-16 好文转载 教程 原作者: Mark Andrew 举报 1790 7 8 0

      7 个实用性很强的UI效果提升小技巧

      0.0°

      你确定要举报7 个实用性很强的UI效果提升小技巧

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年12月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      7
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录