咖啡日语论坛

 找回密码
 注~册
搜索
查看: 41|回复: 0

了解:UI设计细节连载系列① - 让设计细节更高级的12个

[复制链接]
发表于 2022-12-16 08:09:07 | 显示全部楼层 |阅读模式

当你在设计一个高效、美观的UI界面时,有时只需要一些小的调整,就能速提高设计的品质。有时候仅仅是简单的调整就能设计出让客户、用户和你自己真正满意的界面。figma的具体问题可以到我们网站了解一下,也有业内领域专业的客服为您解答问题,为成功合作打下一个良好的开端!




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









1适当使用文本装饰元素







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



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









2UI界面中的不同元素要有区分度





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



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









3使用更自然的投影





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







4使用让视觉更加清晰的字体





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









5面包屑导航设计要便于用户理解





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



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









6少用过高饱和度的颜色





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



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









7使用用户熟悉便于识别的图标





在设计中使用图标时,比较好使用用户熟悉并便于识别的图标,让用户能速理解使用它能做什么。使用不能传达正确含义的图标,只会变成视觉噪音,引起用户混淆,成为用户的认知障碍。









8使用亲密性原则来表达元素之间的关系





版式设计四大基本原则:对比,重复,对齐,亲密性,其中亲密性原则是把画面中相关元素进行分类,建立某种视觉上的关联,现页面整体结构清晰度,加用户在浏览或应用时的认知。









9使用4基线格+8格来做字体排版





进行文字排版时,将4基础格与8格一起使用可以为设计带来更加和谐的垂直节奏。



你只需要使用4的倍数(16、20、24、28等)的行高值将字体与4的基线格对齐。为什么是4好吧,就我个人而言,我发现在处理某些文本大小时,过去以8的倍数进行缩放并不是那么通用。









10减少标题的行高





冗长的正文需要足够的行高来增加可读性,而标题通常要短得多,所以你可以稍微减少间距。



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









11使用色轮上的邻近色不容易出错





邻近色,是比较和谐的配色方案之一,当你在挑选颜色遇到困难时,它能给你很大的帮助。



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







12在设计中比较大化信噪比





设计中的清晰度和可用性可以通过比较大化信号和比较小化噪音来现,这反过来又产生了高信噪比。



你可以通过确保相关信息(信号)有效地呈现,而不相关的信息(噪声)被完全减少或删除来现这一点。剪掉绒毛。使事情更加清晰,删减关信息,强化重要信息,提高信噪比达到提高界面设计品质的目的。



原文地址:



作者:MA



译文地址:彩云译设计()



译者:彩云S
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注~册

本版积分规则

小黑屋|手机版|咖啡日语

GMT+8, 2025-7-19 20:14

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表