一些不受关注的小细节设计提升作品高级感的技巧

简介: 在做UI界面设计时,有时候看着设计出来的界面总觉得不大好,但又不知道问题出在哪,这里其实考验的就是设计观察力。

资深设计师之所以强,往往就是强在对设计细节的把握能力,他们总能找到你所看不到的细节问题。大的问题往往一眼就能看出来,但设计品质高低往往就藏在这些设计细节中。观察力的提升也是来自于平时项目中的经验积累,为此,彩云围绕设计细节计划出一个系列文章,今天这篇文章是第一期,感兴趣的同学保持关注,后续会有更多设计细节干货文章连载更新,保证看完就能用到自己的工作中。

在这篇文章中,我整理了一些小的设计技巧,来帮助你快速改进自己的设计。有时只需要一些小的调整,就能快速提高设计的品质。
当你在设计一个高效、美观的UI界面时,有时只需要一些小的调整,就能快速提高设计的品质。有时候仅仅是简单的调整就能设计出让客户、用户和你自己真正满意的界面。

在这篇文章中,我整理了一些小的设计技巧,来帮助你快速改进自己的设计,提高用户体验。

适当使用文本装饰元素
有些人会拿极简设计出来说事,认为不应该加多余的文字干扰 ,界面上的内容都应该遵循有意义这个原则,这没有问题。但有时候增加文本的目的只是简单的为了“装饰”,这样是可以的。我们不希望所有的设计都变得平平无奇。

纯粹出于装饰原因而加入一些比较特别的元素也完全没问题,它可以不遵循可访问性标准,比如颜色对比度特别浅,看不清都没关系。只要这些元素不影响用户体验就可以。

UI界面中的不同元素要有区分度按钮、通知(文字链接)是用户界面中两个独立又重要的元素。如果可以的话,一定要确保用户在浏览你的网站或应用时能够快速且轻松地将它们区分开来。

按钮,在大多数情况下都是最重要的,所以在界面中一定要确保是最突出,并且很容易区分其他元素(例如:文本链接)。

使用更自然的投影

设计过程中我们通常都会用到投影。投影的恰当使用,可以有效提高视觉品质。在设计界面时,避免使用比较重的投影,降低不透明度,让界面看着更加自然。

使用让视觉更加清晰的字体
在设计中,字体适当都使用大写也是很不错的。它可以帮助你在设计中实现元素之间的多样性和对比度,提高视觉的整体效果。但要确保选择是合适的字体,行高和字重粗细,确保给用户呈现的内容清晰度。

面包屑导航设计要便于用户理解
导航的设计无处不在,通常会应用在内容比较多的网站上,但有时很难理解它所表达的意思。如果将字体颜色和粗细稍微调整下, 就可以让用户快速确定自己所在站点中的位置,以及他们可能需要去的其他地方。

例如:如果他们通过搜索跳转到某个站点的某个位置,这就特别有用。像上图中的设计一样,始终让导航链接中的最后一项让它在视觉上与其他有明显区别,这样用户更加容易理解。

少用过高饱和度的颜色
高饱和度的颜色(明亮的蓝色、红色、绿色等)在网站上是挺有视觉冲击力,并能吸引用户的注意的。但是如果过度使用它们可能会让用户的眼睛感到疲劳,尤其是结合文本内容一起使用的时候。

尽量少地使用高饱和的颜色,你可以尝试把饱和度降低,增加颜色中的灰度来使颜色变淡,这样不仅能避免用户视觉疲劳,还能更加突出重点内容,让用户阅读起来更加方便且不被视觉干扰。

使用用户熟悉便于识别的图标
在设计中使用图标时,最好使用用户熟悉并便于识别的图标,让用户能快速理解使用它能做什么。使用不能传达正确含义的图标,只会变成视觉噪音,引起用户混淆,成为用户的认知障碍。
减少标题的行高
冗长的正文需要足够的行高来增加可读性,而标题通常要短得多,所以你可以稍微减少间距。

标题的推荐行高通常是文本大小的1 – 1.3倍,标题文字越大,需要的行高就越少。

使用色轮上的邻近色不容易出错
邻近色,是最和谐的配色方案之一,当你在挑选颜色遇到困难时,它能给你很大的帮助。

一组由“主”、“次”、“再次”组成的邻近色可以帮你快速构建一个简单的、不会出错的配色方案。

相关文章
|
7月前
|
UED 容器
产品入门第五讲:Axure交互和情境
产品入门第五讲:Axure交互和情境
|
7月前
|
搜索推荐 语音技术 UED
【专栏:交互与用户体验篇】网页可访问性设计与无障碍阅读
【4月更文挑战第30天】在数字化时代,网页可访问性设计至关重要,旨在确保所有用户,包括残障人士,都能平等使用互联网。通过遵循法律法规、提升用户体验和社会责任感,可实现无障碍阅读。关键原则包括文本可读性、图像可感知性、音频视频可访问性和交互性设计。实现方法包括遵循无障碍标准、使用语义化HTML、支持辅助技术、进行无障碍测试及提供帮助。这既是法律责任,也是提升用户满意度和社会包容性的必要举措。
100 5
|
vr&ar UED
【测试基础理论】看看你的标题,能吸引到新读者么?(非功能-易用性)
【测试基础理论】看看你的标题,能吸引到新读者么?(非功能-易用性)
|
UED
这些更细致的色彩知识,能让你的设计体验更好
当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对于用户的心理和行为的影响相对更深,最终会反映在用户体验和行为反馈上。 经过深思熟虑的配色最终会从「不错」提升到「优秀」,平庸的配色最终会降低用户体验,甚至会影响网站本身的可用性。
1257 0
|
Android开发 iOS开发 UED
别再设计你的应用界面了,在用户体验上下点功夫吧
本文讲的是别再设计你的应用界面了,在用户体验上下点功夫吧,八个月前,在一个机构工作一段时间后,我终于决定给自己一个新的挑战。现在可以很自豪地说,我加入 BlaBlaCar 的设计团队。
1365 0
《UX最佳实践:提高用户体验影响力的艺术 》一1.8 设计大纲的主要内容:通向成功的任务清单
本节书摘来自华章出版社《UX最佳实践:提高用户体验影响力的艺术 》一书中的第1章,第1.8节,作者(德)Helmut Degen(中)袁小伟,更多章节内容可以访问云栖社区“华章计算机”公众号查看
1090 0
《UX最佳实践:提高用户体验影响力的艺术 》一1.2 设计大纲模板
本节书摘来自华章出版社《UX最佳实践:提高用户体验影响力的艺术 》一书中的第1章,第1.2节,作者(德)Helmut Degen(中)袁小伟,更多章节内容可以访问云栖社区“华章计算机”公众号查看
1086 0