快速提升 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

相关推荐

  • 网站设计做的好对企业有什么影响。

    随着互联网的发展,网站建设的成熟,现在,网页设计成了网站建设中最重要的一环,网站的好坏可以从网页设计来看出端倪。 今天,小编将为大家从新梳理优秀的网站设计对企业所带来的影响。 1、网站设计的好坏是品牌...

    2022年7月4日
    0174
  • 网页设计技巧:如何利用网页header增加曝光度

    如何利用网页header增加曝光度?在这个遵循极简主义风格的时代,华而不实的内容往往令人厌恶,但有时网页设计过於简单又难以吸引用户的眼球,因此网页的header设计就显得十分重要。 什麽是网页header? 网页header...

    2022年6月25日 建站资讯
    0176
  • 企业网站优化应当把页面设计与用户体验放首位。

    一个企业网站的优化是非常重要的。企业网站优化应注意的问题主要从以下几个方面考虑:(1) 从用户的角度来看,通过网站的优化设计,用户可以方便地浏览网站的信息和使用网站的服务;(2) 从基于搜索引擎的推广...

    2023年2月27日
    00
  • 分享网页设计中利于SEO优化的4个设计技巧。

    在设计或构建网站时,重要的是要有良好的seo做法,并相应地组织网页。这将帮助您的网站排名更高,并帮助用户轻松找到信息。“漂亮”的网站不一定等于有利可图或高转化率的网站。如何设计您的网站,使其利于seo优化...

    2023年6月16日
    00
  • 如何有效的防止网页可用性出现问题

    一、 减少错误的出现 进行网页设计的时候不要先急着出方案,而是站在如何降低页面当中出现错误的可能性进行思考和分析。比如提交按钮的设置,不要告诉用户只能够点击几次,而是直接在用户点击之後进行按钮的禁用...

    2022年6月15日
    0109
  • 控件如何设计,UI设计中9个常用的控件规范。

    UI设计中常见的控件设计都有哪些规范?本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它...

    2023年3月2日 SEO操作
    05
  • 下拉菜单常见的2个错误设计

    在一些界面设计才用下拉菜单时,很容易犯下面2个错误: 1、 选项过多 可选菜单数量过多的话,用户浏览起来非常的困难,也很能在快速时间当中便捷定位自己想要的选项。再者,过长的选项需要用户长时间去滚动浏览,...

    2022年6月25日
    0214
  • 什么是字距排版?网页设计定义。

    包含在用户界面 (UI) 样式指南中的一个关键元素是排版将如何出现在您的移动程序 或 网站设计中。您可以选择是要使用预先存在的字体还是创建您品牌独有的新字体。但是随着您的排版决策变得更加细化,您最终将需要...

    2023年3月7日
    00

联系我们

QQ:951076433

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