火星网校
五个常见的UI设计坑你踩过几次?
发布时间：2023-12-21 09:31:51 浏览量：214次
UI设计的强大之处在于，它可能意味着非常成功的应用程序与无法产生影响的应用程序之间的差异，或者更心塞的是，这给用户留下了难忘的印象！在设计高质量用户界面时，所有小细节都至关重要。这就是今天胡老师要分享五个常见的UI设计坑及免掉坑指南或完全避免它们的原因。如果您刚刚开始设计生涯，那么意识到这些错误将是无价的。
事不宜迟，赶快来学习吧。
1. UI元素中毫无意义的不一致
为确保应用程序流畅简洁，请避免使用太多不同样式。这将向您的用户发送混合信号!关键是要随时重复模式和元素。外观一致的设计在赢得与访客的信任和创造愉悦的体验方面大有帮助。另外，它将帮助您的用户更快地了解您的应用程序。
为避免不一致，请注意以下元素：
一致地使用调色板来处理按钮，文本，链接，页眉，页脚，悬停状态等元素。
标题，段落，链接等的一致字体样式。
对应用程序中的形状使用圆角或正方形角：图标，卡片，按钮等。
一致的线条粗细：用于图标，分隔线和您使用的任何其他线条。
每个以任何方式偏离的元素都必须有这样做的理由。
2. 使用默认的阴影
涉及阴影时，少即是多。我总是建议不要过度使用它们，否则您将得到一个非常繁忙，嘈杂的设计。但是，如果必须使用它们，请遵循以下提示：
不要使用默认的阴影，它是可以调整的。
使其非常微妙。不要将黑色用于阴影，因为它是非常粗糙的颜色，而应使用较暗的背景颜色;这看起来会更自然。
3. 主按钮和辅助按钮之间几乎没有区别
使用应用程序时，您将执行用户可以完成的许多操作。重要的是视觉上要注意主要动作。所有的导航都是通过按钮进行的，因此您必须使用户能够通过使其粗体和醒目来方便地识别主要按钮。次要动作应该不太显眼，但如果用户正在寻找它们，则仍应可见。
以下是区分主按钮和辅助按钮的方法：
主按钮和辅助按钮使用不同的视觉重量。视觉重量最强的按钮将获得更多关注。
因此，请使用强烈的颜色，粗体文本和大小为主要按钮赋予视觉效果。对次要动作则相反。
4. 缺乏文本层次
文本是信息内容的主要单位，这正是为什么它必须始终清晰易读和有条理的原因。格式正确的文本有助于用户感知信息。
作为设计师，我们的工作是以最易消化和最全面的方式进行组织。这里有一些事情要记住：
每个样式标题之间要有足够的对比：使用大小，重量和颜色来分隔每个样式。
为了使信息层次结构清晰可见，请始终以大标题开头，该标题应该是页面中最突出的元素。子标题和其他文本应该小得多，依此类推。
使用足够的间距和字距调整。
清楚地分隔文本块，使用少量空间连接相关信息，并使用大量空间在视觉上分隔不同的信息块。
5. 不良肖像
有时，图标似乎是设计中“最简单”的部分。一些设计师甚至将它们视为“额外的”装饰元素，而实际上它们也是现代界面的基本组成部分。尤其是在图标等同于按钮的移动设备上(只需看一下Snapchat)，您会发现界面主要由图标组成。
这就是为什么选择正确的“符号”以清楚地传达元素的含义，并在整个应用程序中保持图标的样式一致非常重要。
当涉及图像时，请遵循以下提示：
使用vectors / SVG作为图标。这是确保您的图标在任何设备或分辨率下都清晰可见的最简单方法。
使用一致的样式：首先，应概述或填充所有图标。此外，请确保一致的线宽和拐角半径。
确保图标信息清晰。
相关推荐：
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
最新文章
