服务粉丝

我们一直在努力
当前位置:首页 > 情感 > 故事 >

人人都可以是设计师:UI & UX 小技巧大全(三)

日期: 来源:36氪收集编辑:36氪

编者按:用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响,糟糕的UI/UX体验会让强大的功能失去效力。但怎么才能提高UI/UX设计的效果呢?不一定需要你掌握丰富全面的设计知识,有时候一点点的小改变就能令设计大为改观。Marc Andrew总结了36个改进UI/UX设计的小技巧,分成6篇系列文章刊出,此为第三篇,希望能够帮助到你。原文发表在Medium上,标题是:UI & UX micro-tips: Volume three。

2个卡片设计的样例。一个的文本样式不匹配,另一个文本样式的粗细、颜色和大小都很合适。

在为自己的下一个项目创作高效、美观的 UI 时,有时只需一点小到不能再小的调整就可以帮助你快速改进设计。

在这篇系列文章的第三篇中,我会为你带来又一批很容易实践的 UI 和 UX 小技巧。

是那种你可以不费吹灰之力就能改进设计和用户体验的小技巧。

我们就直接开始吧……

1. 想换一种不那么非正式的语气?可以试试全部小写。

2个设计实例。一个文本的字体较粗,而且用了大写,另一个文本使用字体较细,而且是小写。

运用较粗的字体和大写有时候会显得有点太过正式。

不妨尝试一下选择全部小写,用细一点的字体。

在做特定项目时,这种做法可以传递出不那么正式、更平易近人的信息。

2. 运用粗细、大小和颜色来表示字体的层次结构。

2个卡片设计的例子。一个的文本样式不匹配,另一个文本样式的粗细、颜色和大小都很合适。

在设计字体时,元素不需要高声尖叫着“喂,看着我!”,用不着时刻都要提醒用户。

但是。这些字体确实需要有一个平衡的层次结构。

通过运用好字体的粗细,大小以及颜色,做出微妙的调整,就可以实现这一目标。

这可以让用户一眼瞄过去的时候就能找出最重要的元素,并避免在此过程中出现任何的混淆。

3. 深色背景前面放很细的字体?加粗字体或获得最佳的可读性。

2个设计实例。一个在深色背景上放了字体很细的文字,另一个字体稍粗。

在浅色背景下放置深色文本时,偶尔选择细一点的字体是可以的。

但是…

……反过来的时候:字体很细的文字 > 深色背景时……

...你应该考虑字体稍微加粗一点,尤其是文案很长的时候。

这么做的是为了保证最好的易读性,并避免使用户的眼睛疲劳。

4. 选好字体,营造出合适的情绪反应。

2 个设计实例,标题均为“Fun for the family”。左边这个标题使用了非常规的字体,另一个则用了对内容来说更适合的字体。

要试着给需呈现的内容选择合适的字体。

用户是很精明的,他们对内容什么时候在跟自己对话,什么时候不是会有直观的感受。

选择合适的字体是让内容直接跟用户对话的关键,而且是在情感的层面上。

5. 如果(必须)使用多种字体,务必努力遵守最多两种的原则。

2 个卡片设计示例。左边这个字体太多且相互冲突,右边只 2 种字体,而且搭配得很好。

对我来说,我会尽量坚持只用 1 种字体的原则。

但是。

如果项目的确需要,我建议将字体数量最多可以做到2种。

不能再多了。

对于没有经验的人来说,要想让不同字体结合得很好可能会很棘手。

对自己要手下留情,不要仅仅因为你可以添加字体就任性。

最多使用 2 种字体,然后粗细、大小和颜色的适当组合马上就能为你的设计带来视觉上的和谐。

6. 全大写 + 字母间距 = 易读性更好。

2个设计实例。两者都带有“Home & Garden”字样,而且都是大写字母。一个字符之间几乎没有任何间距,另一个则让字母稍微拉开一些间距。

全部都是大写,全都挤在一起的文字?

呃……

......“给这些字母之间增加一点间距是个好主意,这样可以为用户实现更好的易读性。

这么做会让单词更容易阅读和处理,因为字母彼此之间更容易区分。

只需要稍微增加一点字母之间的间距,就能够提高易读性,并为大写字体增添一丝的润色。

译者:boxi


相关阅读

  • 化工和危化品企业现场安全文明曝光台

  • 现场安全文明线上巡查化工和危险化学品企业本期巡查情况11月8日-12月8日,烟台市应急局聘请中国化学品安全协会重点对芝罘区、福山区、牟平区、黄渤海新区、蓬莱区、龙口市
  • 汉仪股份(301270):公司为华为开发了鸿蒙系统字体

  • 2023年9月1日,汉仪股份(301270)在互动平台回复称,公司为华为开发了鸿蒙系统字体,覆盖全球一百多种语言,应用在安装了鸿蒙系统的各种智能终端之上。同时,公司与华为合作,在手机主题
  • word字体颜色怎么设置

  • 在Microsoft Word中,您可以按照以下步骤设置文字的字体颜色:选择要设置字体颜色的文字:在Word文档中,用鼠标光标或鼠标拖选方式选择您想要改变颜色的文字。打开字体颜色设置选项

热门文章

  • 2·14 “婚育户”一次办

  • 2月14日,沈阳的张先生和五莲县的丁女士握着手中的“红本本”,脸上是抑制不住的喜悦,这一天,他们不仅成为合法夫妻,更成为“婚育户”联办业务的新人。说起这项业务,张先生夫妇高兴

最新文章

  • 人人都可以是设计师:UI & UX 小技巧大全(三)

  • 编者按:用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响,糟糕的UI/UX体验会让强大的功能失去效力。但怎么才能提高UI/UX设计的效果呢?不一定需要你掌
  • 人人都可以是设计师:UI & UX 小技巧大全 (四)

  • 编者按:用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响,糟糕的UI/UX体验会让强大的功能失去效力。但怎么才能提高UI/UX设计的效果呢?不一定需要你掌
  • 广西平果爆炸事故致6死5伤,调查报告公布!

  • 近日,广西应急管理厅发布《百色平果市广西兴越材料科技有限公司“10·20”较大爆炸事故调查报告》,报告包括了事故基本情况、事故发生经过和应急处置情况、现场勘察情况、事故
  • 【历史文化】石亭江由来‖钟斯云

  • 石亭江由来钟斯云什邡与绵竹共有一条叫石亭江的河流,在叫作石亭江之前,叫作洛(雒)水。那么,它是什么时候被叫作石亭江的呢?石亭江乾隆《什邡县志》载:“石亭江即雒水,源发雒
  • 河南虞城:以果蔬经济助力乡村振兴

  • 商丘日报融媒体记者 刘建谠 通讯员 谢卫勋近年来,河南省商丘市虞城县深入推进“质量强县”战略,围绕果蔬制品全产业链开展质量提升行动,以提高科技含量,提升果蔬产业新格局,以做
  • 省级名单公示 青岛这3区市拟获督查激励

  • 信网3月19日讯 近日,山东省工业和信息化厅发布了《关于2023年促进工业稳增长和转型升级成效明显市、县(市、区)及建设信息基础设施和推进产业数字化、数字产业化成效明显市、县