ui界面怎么设计好看-提高技巧-怎么配色

ui界面想要设计好看，可以使用深色主题、使用动效设计&微交互、使用渐变等。渐变给设计师带来了更大的创作自由，还给设计引入了深度和维度，解决了扁平设计中一切都「太平」了的问题。

1、深色主题

深色主题是过去几年中最需要的功能之一，苹果和谷歌都将深色主题作为用户界面设计重要的组成部分。深色主题降低了界面亮度，在深色环境中给用户提供了适度安全感，也很大限度减少了用户的眼疲劳。在设计产品的深色主题时需要了解8个技巧：避免纯黑色、避免在深色主题上使用饱和色、符合无障碍色彩对比标准、文本使用“打开”颜色、不同的背景对颜色的感知也不同要考虑设计的情感方面、深度沟通、允许用户从普通模式切换到深色模式、测试你在浅色和深色外观的设计。

2、 动效设计&微交互

我们知道如果加入动画会让网页内容增大，即使未来是5G网络也会让网页加载时间增加，这对于使用手机访问的用户来说，是非常致命的。一个优秀的交互微动效，在设计上应该遵循以下三个核心原则：1)克制有度，控制时长和出现频率，不增加额外操作，不干扰用户;2)清晰聚焦，重点突出、符合逻辑，给与用户充足的阅读时间;3)自然流畅，保持视觉连续性，缓动过渡，做到不卡、不闪、不跳。

3、渐变

渐变给设计师带来了更大的创作自由，还给设计引入了深度和维度，解决了扁平设计中一切都「太平」了的问题。渐变有几种基础类型，他们都会有一个中心起点，颜色从这里开始，然后逐渐融入其他颜色。如线性、径向、锥形渐变。在设计渐变时一定要注意这几点：1)注意渐变颜色的选取;2)渐变过程中注意平滑过渡;3)注意情绪的传达;4)不要忘记颜色对比;5)选择顺手的渐变工具。

1. 大段文字，尝试弱化文字重量

对于大段的文字内容，整体看起来会比较有视觉压力的，有时候运用正常文本字重看起来依然有些沉重。

通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题，使得文本看起来更舒服些。

2. 字体越小，相对行高要设置更高

当减少字体大小时，增加行高能达到更好的可读性。当字体大小变大时，同样的，减少行高会更好。彩云这里解释下，这里所说的行高是指相对于文本本身来说的，比如使用36px的文字，其行高建议使用46px，这个增量就是10;那如果使用18px的文字，其行高推荐使用32px会比较合适，那么此时相对于文本的大小来说，其增量就是14px。那所谓的字体大小越小，行高相对越高就是指的这个增量。

3.减少配色数量，提升一致性

不要总是用多种颜色来填充你的设计。如果项目允许，简单地使用少的配色。通过选择一个基础色，然后使用色调和阴影，可以简单快速地增加设计一致性。(彩云注：配图中的图片色调都与主色调进行了统一，也就是指的同色系的颜色来配色，有时候会得到更好的效果)

1、大胆的尝试

如今，设计师在颜色搭配和选择的时候有很多辅助软件。其中很多软件可以提供大量的现成颜色组合可以选择，还可以查找很多别的设计师的例子。设计师就可以在不断的尝试中找到不同的搭配。

然而，设计师要跳出这些已有的搭配和组合，要用自己的热情设计和创造新事物。当然这不意味着一开始就要尝试革命性的新设计，保持头脑清醒，放飞创造力。不要害怕进行大胆的尝试。

2、不要被标准禁锢

对于新的客户来说，你得主要竞争力就是作品，可以肯定的是，你可以决定你得作品想要表达什么。如果你只想展示的风格的一面，例如，你想让客户笑，想让他严肃，那么这一条并不适合你。然而实践证明，当你提供各种不同配色的作品时，他们可选性更多，成功几率也更大。

3、尝试渐变

渐变是2018年开始的趋势，更多的应用渐变，可以加强颜色的感染力。但是必须提到的是，很多设计更喜欢避免渐变色。然而，现在渐变色已经越来越有潜力，合理的应用在设计中，反而可以为颜色的选择中加分。

4、尝试干净的组合

无论在什么组合中，颜色都应该感觉干净。即使是特别大胆的创新和尝试，都不应该在屏幕和页面上留下污垢。清晰度提高了可用性和可读性，并使所有的颜色都尽可能的发挥自己的影响力。