火星网校
快速提升UI设计水平的简单实用技巧
发布时间：2023-12-29 13:59:14 浏览量：202次
引言
想要做出一个漂亮、可用、 高效的UI需要时间，其中还需要经历多次设计迭代。不断的进行调整，直至你的客户，用户和自己都真正满意，我知道，有时候这很不容易。但是这些年来我发现，还是有一些实用技巧，通过一些简单的调整就可以快速提高设计质量。这些技巧易于执行，不需要花费太多努力，不仅有助于提升你正在做的设计，也希望提供一些普遍设计原则应用到下一个项目中去。
方法1.
大段文字，尝试弱化文字重量
对于大段的文字内容，整体看起来会比较有视觉压力的，有时候运用正常文本字重看起来依然有些沉重。通过选择深灰色（#4F4F4F）之类的颜色可以轻松优化这个问题，使得文本看起来更舒服些。（尽量少用纯黑）
方法2
字体大小越小，相对行高就要设置的更高
当减少字体大小时，增加行高能达到更好的可读性。当字体大小变大时，同样的，减少行高会更好。这里解释下，这里所说的行高是指相对于文本本身来说的，比如使用36px的文字，其行高建议使用46px，这个增量就是10；那如果使用18px的文字，其行高推荐使用32px会比较合适，那么此时相对于文本的大小来说，其增量就是14px。那所谓的字体大小越小，行高相对越高就是指的这个增量。
方法3
减少配色数量，提升一致性
不要总是用多种颜色来填充你的设计。如果项目允许，简单地使用少的配色。通过选择一个基础色，然后使用色调和阴影，可以简单快速地增加设计一致性。（注：配图中的图片色调都与主色调进行了统一，也就是指的同色系的颜色来配色，有时候会得到更好的效果）
方法4
突出重要元素，明确优先级
通过结合使用"字体大小"，"重量"和"颜色"，可以很容易地在UI中突出最重要的元素。通过将界面中的元素优先级进行强化和简单调整使得用户体验变得更好。注：明确的信息优先级会使得界面更易于阅读，也利于产品信息的透传。时刻记住：信息传达要足够清晰，而不是模棱两可。
方法5
确保图标有相同的视觉风格
在UI中使用图标时，要保持一致性。确保他们共有相同的视觉风格，相同的重量，填充和描边。不要混搭。
方法6
让行动按钮成为界面中最突出的元素
你可能觉得这应该是常识，对吧？但有时候设计的时候可能又是另一回事了。过色彩对比、大小和样式，确保按钮尽可能的突出。如果可以的话，不要总是只依赖图标。如果可以使用文字，那就使用上文字，带文案的操作能让用户更好的理解
方法7
为表单错误增加额外的视觉帮助
在用户刚刚执行的操作附近添加一个错误消息是一个简单但很有帮助的额外视觉帮助，用户可能会以各种方式来填写表单。好的用户体验就需要积少成多
方法8
凸显菜单中最常用的操作
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
