快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)。

编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的五篇,原文最早发布于 marcandrew.me 。

在创建实用、可访问性良好且视觉效果颇为出彩的 UI
界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX
优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!

1、 在 APP 当中保证底部标签栏内容不变

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

在目前绝大多数 APP 都会采用底部标签栏作为主要的导航模块,那么在设计的时候,要确保这个部分的功能上固定且明确的,不会消失,不会变化,不会给用户带来挫败感。

2、只需用字重字号变化即可构建层次

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

只需要使用字重和字号变化即可做到这一点!

在绝大多数的文本排版当中,只需要使用单一的字体即可实现层次颇为丰富的信息层级,你需要根据文本内容的重要性和优先级进行排列,优先级越高的文本字号越大,字重也越大。

另外要注意疏密排列,确保可读性和相关性更高的文本块更靠近。

3、在移动端 UI 上使用更大的可点击区域

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

虽然这个道理显而易见,但是总是在进行具体的界面设计的时候容易忘记这个重要的点。在 iOS 上,可点击的最小区域为 44×44 pt,在 AndROId 上则是 48×48 pt。

有时候,控件看起来可能较小,可以让触发区域尽量大一点。

4、使用尽量统一的导航设计

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

导航构成了用户探索网站和 APP 最为主要的行为路径,确保导航的一致性确保用户在后续的交互过程中不会感到疑惑和沮丧。

所以,在迭代升级过程中,即便是最微小的改变,也尽量在系统层级上保持统一。对于重要的、关键性的、破坏性的操作,可以做一些明显的差异化。

5、对于内容丰富的网站,让搜索功能凸显

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

如果有可能,对于内容较多的网站,尽量让搜索按钮被凸显出来,在触手可及的位置。尽量不要将搜索按钮隐藏在下拉菜单之类的地方,因为它可能是用户抵达目标的主要方式甚至可能上唯一方式。

6、不要随意选择字号

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-5)

文本在页面当中字号到底要多大?在很多地方,字号的选择上其实是有完整的解决方案和处理技巧的。比如使用 TypeScale。

通常而言,让不同信息层级的文本大小保持 1.25 的倍率即可达到颇为不错的视觉效果和体验。而 TypeScale 可以基于基本的文本字体尺寸即 18px 按照 1.25 的比率进行缩放,从而帮你生成 H1、H2、H3 等不同层级文本的尺寸大小。

使用 TypeScale 生成的文本能够为你的排版带来自然、舒适的节奏和体验。

作者:李子木

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/234355.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月1日 13:06
下一篇 2023年3月1日 13:06

相关推荐

  • 输入体验如何保证友好?

    拒绝固定形式 适用固定的输入形式,最突出的问题是受制於脚本校验的限制。这不是用户输入的错误,移动端的界面设计要支持输入框灵活的内容。 使用默认值与自动完成 能够根据用户输入的历史记录去提供预设的默认值和…

    2022年6月25日
    0115
  • 什麽是页面的空间共用式排版  

      如今,空间共用式排版是页面设计当中比较容易识别的方式。最为典型的特徵是文字或者相似的元素横跨多个图层、模组或者区块。 从广泛意义上来讲,这种排版的方式核心概念在於,某个元素和其他的元素拥有着共…

    2022年6月25日
    0234
  • 网页设计知识点:紫色运用於网页设计时需要注意哪些问题

    在自然界中,紫色并没有其他色相的颜色那麽常见;在设计中,紫色也是使用频率相对较低的色彩。正因为这种颜色的稀缺性和独特气质,使得他在欧洲一度成为皇族和贵族的限定色。 网页设计知识点 作为一种大胆而个性十足…

    2022年6月20日 建站资讯
    0263
  • 网页设计中的可爱技巧。

    想要把一个网页设计变成"可爱的东西",首先你得试着弄清楚是什么让一件东西变得可爱,而这正是它变得困难的地方。整个概念自然是主观的,这是一种模糊的温暖和模糊的情感,似乎与我们想要微笑的冲动直接…

    2023年2月15日 SEO操作
    00
  • 为什么说一个好的网站能够为你带来无限商机?

    优秀的网页设计能让客户很方便地找到他们有兴趣的产品以及留住长期客户。 很多人都以为一个网站可以随随便便就做好,不需要花费几多时间。但是根据重蔚多年来为客户提供网页设计服务的经验,成功的网站全部都来自于…

    2019年5月14日
    0244
  • 2020年的5大网页设计趋势将伴随我们。

    我们一直在寻找方法来提高我们的技能和服务,以及我们所创造的东西。有时,改善的渴望是有意识的。大多数时候它在我们的脑海里,但仍然活跃。短期的结果可以接受,但如果你想在你的职业中成长,良好的长期结果才是…

    2023年2月21日 SEO操作
    00
  • 小编分享四川高端网页设计需要多少钱。

    一个高端的网站对于一个四川企业来说重要性是不言而喻的,企业的网站不仅可以树立企业形象,还能够通过网站来有效的发展电子商务,因此众多的企业都会非常重视企业网页设计,将建设网站交个更加专业的公司来做,也…

    2023年6月16日
    02
  • 选择手机版还是电脑版网页设计?一个好的手机版网页是怎麽设计的

    智慧型手机的出现,让互联网用户对手机的依赖程度呈上升趋势。而事实上,早於几年前,PC端流量就已经开始出现断崖式下滑。时至今日,移动端流量已占互联网总流量的大头,亦因此手机版网页设计成为众多企业品牌设计…

    2022年6月21日 建站资讯
    0178

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息