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

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

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

1、让视觉元素的设计特征保持一致

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

UI 设计师是习惯的创造者 ,另一方面,用户也希望你的设计能够符合预期。

换句话来说,UI 设计师可能个用一致的设计来归训用户,而用户也可以通过一致的设计来构建起习惯和预期,所以,在布局,图标,配色和按钮上将用户统一到一起,降低混乱度,改善用户体验。

2、大胆使用留白来布局

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

留白,或者说负空间,可能是绝大多数的 UI 界面优化的最佳工具。

很多 UI 界面只需要适当增加留白,就能够将整体的视觉效果拉高一截,它可以让元素和元素之间的呼吸感更强,整体感知更加优雅精致。

3、优化开头段落样式

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

如果你所要呈现的是长篇内容,通常开头的段落会对全文内容进行总结性的引导,提出问题,引起用户的注意力,那么你需要让它的功能性更强一点。

要实现这一点,其实也不复杂,就针对这个部分做一些针对性的样式优化就可以了。

最简单的方式,就使用不同的字体,或者增加字重,提高行高,让这一部分的视觉重量超过其他的部分即可。这样可以让用户更快注意到这一部分,并且留下更好的印象,并且增加内容的信息层级。

4、为快速扫读进行段落优化

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

在处理长篇内容的时候,短句和短的段落会更加契合当下用户的阅读习惯。尽可能使用简短有力的分段,让用户可以更快消化内容。

5、使用更富凝聚力的配色方案

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

是否心爱纲要创建更加专业的视觉风格?那么你最好使用一套预先定义好的配色方案。

色彩从来都不是多多益善,更加集中的配色能够给用户带来更加清晰明确的感知。

从一开始就创建一套强大而明确的配色方案,并且坚持使用下去,这样可以避免麻烦,并且增加整个设计的一致性。

6、使用8pt 网格系统,均匀排布图标

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

你会注意到绝大多数的图标系统,使用的图标尺寸大多数是 8 的倍数,比如 16×16,24×24,32×32,所以当你使用 8 pt 的网格系统,会很好地同这些图标系统兼容起来。

当然也有例外的情况,但是这样的情况真的不算太多。

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

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

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

相关推荐

  • 从10个维度,分析Instagram值得学习的视觉和体验细节。

    今天从 10 个维度,聊聊 Instagram 这款软件整体的设计与体验那些值得学习的地方。一、Logo 的变化下图是关于 Instagram 的从 2010-2022 整个图标变化的过程,从中能发现:图标从拟物的风格慢慢变成扁平的风格。从…

    2023年3月2日 SEO操作
    00
  • 用户体验设计和网页设计之间的主要区别。

    每个人都喜欢能够轻松可靠地充分有效地执行的网站。当涉及到网站设计时,良好的功能和性能常常让位于视觉吸引力。当网站无法按预期运行时,缺乏对用户体验的深思熟虑可能会让用户感到失望。 在创建有效的商业网站时…

    2023年3月7日
    08
  • 为何要融入产品思维到页面设计当中?

    直白点说就是,页面设计不要出现些没有用户会用的功能、内容、元素等。页面设计虽然需要一些润色,但抖机灵过度是毁灭用户体验的杀手鐧。 在页面设计中融入产品的思维,简单来说就是用户站在用户的角度去发现问题,…

    2022年6月20日
    0142
  • 使用极简主义网页设计的5个最佳实践。

    极简主义的网页设计在建筑学或任何其他艺术中都有相当长的历史和极简主义。然而,我们大多数人看到的网站充斥着元素、图片和弹出窗口,这些都远非简约。如果你对这篇文章感兴趣,你可能并不是那些过于拥挤的页面的…

    2023年2月14日 SEO操作
    02
  • 筛选功能如何设计?4个章节帮你掌握筛选功能设计。

    本文全面总结了 B 端产品中的筛选功能设计。之前也有总结一篇简洁版的关于筛选的文章,回头查看原来总结的文章时才发现确实之前总结的有点太过简洁,很多筛选类型和使用场景都考虑得不够全面,这也是之前对该功能不…

    2023年3月2日 SEO操作
    025
  • 移动网页设计有哪些技巧。

    越来越多的消费者选择使用移动客户端浏览企业网站或商场,因此企业对移动用户的关注度越来越高,很多企业都有自己的移动台。我们的目标是用户打开网站,看到一个漂亮的页面,也希望用户能够轻松找到自己想要的信息…

    2023年2月22日
    04
  • 网页设计怎么收费?专业网页设计公司服务套餐及价格表。

    网页设计服务旨在帮助客户完成专业的网页设计,包括企业网站设计、品牌官网设计、集团网站设计、电商网站建设、门户网站建设、高端网页设计等,根据不同的网站类型收费价格略有不同,接下来一起来看看这几类网页设…

    2023年3月7日
    0131
  • 四种大热的渐变色页面设计趋势

    我们都知道,在iOS7以後,页面设计已经趋於扁平化风格。实际的页面设计很少会使用到写实的元素,尤其在近些年来。但是,扁平化越来越雷同,千篇一律。不妨考虑使用渐变色来突破这一局限性,下面将浅谈近来大热的四…

    2022年6月14日
    0195

联系我们

QQ:951076433

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