旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > 五个常见的UI设计坑及免掉坑指南

五个常见的UI设计坑及免掉坑指南

时间:2020-11-02来源:www.aaa-cg.com.cn点击量:作者:Gella
时间:2020-11-02点击量:作者:Gella

  

  UI设计的强大之处在于,它可能意味着非常成功的应用程序与无法产生影响的应用程序之间的差异,或者更心塞的是,这给用户留下了难忘的印象!在设计高质量用户界面时,所有小细节都至关重要。这就是今天AAA教育胡老师要分享五个常见的UI设计坑及免掉坑指南或完全避免它们的原因。如果您刚刚开始设计生涯,那么意识到这些错误将是无价的。
 

  事不宜迟,赶快来学习吧。
 

  1. UI元素中毫无意义的不一致
 

5个常见的UI设计坑及免掉坑指南
 

  为确保应用程序流畅简洁,请避免使用太多不同样式。这将向您的用户发送混合信号!关键是要随时重复模式和元素。外观一致的设计在赢得与访客的信任和创造愉悦的体验方面大有帮助。另外,它将帮助您的用户更快地了解您的应用程序。
 

  为避免不一致,请注意以下元素:
 

  一致地使用调色板来处理按钮,文本,链接,页眉,页脚,悬停状态等元素。
 

  标题,段落,链接等的一致字体样式。
 

  对应用程序中的形状使用圆角或正方形角:图标,卡片,按钮等。
 

  一致的线条粗细:用于图标,分隔线和您使用的任何其他线条。
 

  每个以任何方式偏离的元素都必须有这样做的理由。
 

  2. 使用默认的阴影
 

5个常见的UI设计坑及免掉坑指南
 

  涉及阴影时,少即是多。我总是建议不要过度使用它们,否则您将得到一个非常繁忙,嘈杂的设计。但是,如果必须使用它们,请遵循以下提示:
 

  不要使用默认的阴影,它是可以调整的。
 

  使其非常微妙。不要将黑色用于阴影,因为它是非常粗糙的颜色,而应使用较暗的背景颜色;这看起来会更自然。
 

  3. 主按钮和辅助按钮之间几乎没有区别
 

5个常见的UI设计坑及免掉坑指南
 

  使用应用程序时,您将执行用户可以完成的许多操作。重要的是视觉上要注意主要动作。所有的导航都是通过按钮进行的​​,因此您必须使用户能够通过使其粗体和醒目来方便地识别主要按钮。次要动作应该不太显眼,但如果用户正在寻找它们,则仍应可见。
 

  以下是区分主按钮和辅助按钮的方法:
 

  主按钮和辅助按钮使用不同的视觉重量。视觉重量最强的按钮将获得更多关注。
 

  因此,请使用强烈的颜色,粗体文本和大小为主要按钮赋予视觉效果。对次要动作则相反。
 

  4. 缺乏文本层次
 

5个常见的UI设计坑及免掉坑指南
 

  文本是信息内容的主要单位,这正是为什么它必须始终清晰易读和有条理的原因。格式正确的文本有助于用户感知信息。
 

  作为设计师,我们的工作是以最易消化和最全面的方式进行组织。这里有一些事情要记住:
 

  每个样式标题之间要有足够的对比:使用大小,重量和颜色来分隔每个样式。
 

  为了使信息层次结构清晰可见,请始终以大标题开头,该标题应该是页面中最突出的元素。子标题和其他文本应该小得多,依此类推。
 

  使用足够的间距和字距调整。
 

  清楚地分隔文本块,使用少量空间连接相关信息,并使用大量空间在视觉上分隔不同的信息块。
 

  5. 不良肖像
 

5个常见的UI设计坑及免掉坑指南
 

  有时,图标似乎是设计中“最简单”的部分。一些设计师甚至将它们视为“额外的”装饰元素,而实际上它们也是现代界面的基本组成部分。尤其是在图标等同于按钮的移动设备上(只需看一下Snapchat),您会发现界面主要由图标组成。
 

  这就是为什么选择正确的“符号”以清楚地传达元素的含义,并在整个应用程序中保持图标的样式一致非常重要。
 

  当涉及图像时,请遵循以下提示:
 

  使用vectors / SVG作为图标。这是确保您的图标在任何设备或分辨率下都清晰可见的最简单方法。
 

  使用一致的样式:首先,应概述或填充所有图标。此外,请确保一致的线宽和拐角半径。
 

  确保图标信息清晰。

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图