每个应用程序都是不同的,没有创建完美界面的通用公式(如果你知道,请发邮件给我!),但下面的列表肯定会帮助你提供更好的设计。它还将作为您在设计界面时要避免的事情的“清单”。
所以不用多说,这里有10个UI设计错误,要不惜一切代价避免。
为确保应用流畅简洁,请避免使用太多不同的样式。这将向您的用户发送混合信号!关键是随时重复模式和元素。外观一致的设计在与访问者建立信任和创造愉快的体验方面大有帮助。此外,它将帮助您的用户更快地了解您的应用程序。
为避免不一致,请注意以下元素:
2.使用默认的阴影
在阴影方面,少即是多。我总是建议不要过度使用它们,否则你会以非常繁忙、嘈杂的设计结束。但是,如果您必须使用它们,请遵循以下提示:
使用应用程序时,您将有许多用户可以完成的操作。重要的是要赋予主要动作视觉上的重要性。所有导航都是通过按钮进行的,因此您必须通过使主按钮变得粗体和突出来让用户轻松识别主按钮。次要操作应该不那么突出,但如果用户正在寻找它们仍然可见。
以下是区分主要和次要按钮的方法:
文本是信息内容的主要单位,这正是它必须始终清晰易读的原因。格式正确的文本有利于用户对信息的感知。
作为设计师,我们的工作是以最易于理解和最全面的方式组织起来。以下是一些需要牢记的事项:
有时图标似乎是设计中“最简单”的部分。一些设计师甚至将它们视为“额外”的装饰元素,而实际上它们也是现代界面的基本组成部分。尤其是在图标等同于按钮的移动设备上(看看Snapchat),您会发现一个主要由图标组成的界面。
这就是为什么选择正确的“符号”来清楚地传达元素的含义并在整个应用程序中保持图标样式的一致性如此重要。
当涉及到图像时,请遵循以下提示:
我承认,我是一个对齐狂。但这只是因为一旦您发现对齐事物的力量,您就会意识到这是使任何布局看起来美观和平衡的关键。
有两种基本方法可以帮助您组织界面:12列网格和基线网格。两者在最终设计中都是不可见的,但它们对于拥有平衡的界面至关重要。
这是我在UI设计中对齐的重要提示:
对比度是视觉构图上的一切。当界面元素之间的对比度较低时,所有元素都会合并在一起,最终会得到一个沉闷且难以阅读的界面,因为它们看起来都一样。低对比度等于低可用性。
当谈到UI设计中的对比时,请遵循以下提示:
以下是表单设计的一些提示:
小的触摸目标令人沮丧,因为它们会使用户难以完成他们想要的操作。我们都经历过在智能手机上点击错误按钮而不得不等待加载错误屏幕的挫败感!
因此,在设计可点击元素时,请记住用户配备了不同大小的手指:
界面中的照片将有助于讲述一个故事,因此请选择一个能与故事和应用外观相辅相成的强烈图像。
选择图像时请记住以下提示:
UI设计师的最终目标是制作直观且美观的界面。它必须产生信任,从而带来更多的转化。将所有这些错误牢记在心,作为设计时要避免的事情的清单,很快您可能会发现您已经主宰了这些设计原则,不再需要在您面前的清单。我真的希望您觉得本指南很有用,它可以帮助您创建更精美的设计。快乐设计!
作者:HANNAHNIEBLA
5PLUS职业设计学院于2015年创于北京,三位联合创始人设计行业经历总计超过40年。坚守以“倾囊式教学”为中心的教学理念,知无不言言无不尽。希望借助自身行业背景及经验,打造国内最优秀的职业设计师培训学院,为设计师提供职业化进阶指导,提高设计师行业价值,为中国设计行业尽一份微薄之力。