您需要 登录 才可以下载或查看，没有账号？注册
x
本帖最后由 davedave 于 2022-4-3 17:54 编辑
前言：好的UI有两个特点，一个是精致，二是创意。本次课程我们重点来聊聊如何做一个精致的UI设计。有时候确实会遇到一些偏功能向的需求，这些需求不好发挥多的创意性，那这个时候我们至少要让整体看起来精致如果我们做的东西连精致都达不到，那肯定是不及格的。检验是否精致的参考有四大维度，这四大维度分别是：（1.排版2.造型3.颜色4.质感）
排版1.板式
2.对齐对齐对齐
3.信息分组
4.满铺或留白
要想使得文字与文字之间阅读流畅与美观，就要分清主次，调整好组与组之间的间距。构图排版的合理彻底影响整个界面的体验。比如一个产品下载打开以后发现文字太小，内容过于密集或零散，浏览起来过于吃力，那这个产品在用户体验的维度上基本是失败的案列。好的UI设计原则之一是要做到让用户一眼看清，快速和准确的获取信息。所以我们做UI前一定要花时间去把排版的合理性做好。在信息较多的界面，排版的重要性尤为突显，排版决定了游戏的品质。
造型
在UI界面设计中，我们发现在很多非常规的一些图形设计，这些界面运用到各种各样的不同造型，一些让人意想不到的造型结合会让我们觉得有趣生动，而规规矩矩的造型又会让我们感觉到整齐简洁。在设计时我们可以通过剪影效果来观察造型设计是否美观和具有识别性。剪影的基本形状大体就3种，分别是（三角形，方形，圆形）。其他的一切形状都可以利用这几个图形进行二次创造。
这几个基本型本身也能给我们带来一定属性感受。三角形的尖锐感让我们感受攻击性。不同于三角形，圆形构图除了灵动还体现了柔软。我们也可以选择方形作为构图框架，因为方形的直观感受就是四平八稳，但是方形毕竟比较的中庸，一般我们的设计还会有一定的延伸，例如变形成梯形和倒梯形。当然我们的设计基本型之所以叫基本型，是因为真的很简单，在我们的设计之中一般不会出现单一基本型的运用，正常情况都会相互组合来达到一个更为合适的剪影设计。
颜色
白色调：素雅，简洁，干净
明色调：年轻，阳光，活力，明朗
灰色调：成熟，稳重，优雅
纯色调：刺激，兴奋，热烈，警觉
暗色调：压抑，厚重，古典，
淡色调：轻快，纤细，
我们第一眼看到这张较图的时候是不是感觉色彩很丰富华丽，现在很流行的一种舞台风，这些配色的特点是喜庆，酷炫视觉冲击力强。配色注意高饱和度的控制，色相不要差异太大，色相差异太大会造成我们的视觉疲劳及画面跳脱；
最近很流行的镭射和五彩斑斓黑的配色。为什么以前都觉得五彩斑斓黑是反人类配色，而人家用的确显得高级时尚。这个界面主色系是镭射的亮色，黑色作为点缀，所以画面显得干净时尚，。有一些别人不敢用的颜色你用好了就是创新，吸睛。但是用不好就会颜色杂乱。 轻柔颜色的运用会使界面看起来比较会舒缓平和，也更百搭。这种灰调的界面需要有相对较重的颜色作为铺助色进行搭配，没有重色的画面会轻飘飘，雾蒙蒙的感觉；
UI设计中通常将主色直接当作背景色，这样主色占比例就是最大的。这时候，如果我们觉得背景有些单薄，就可以适当的加一些辅助色。这些点缀元素就完全可以使用辅助色。形成前后呼应，这样会更加整体、融合。
质感
以后三点都完成了，最后一点就是材质和炫光的运用。材质运用一般是出现在拟物化地设计中出现，适当也叠加一些材质可以让整个设计更高级，起到画龙点睛的作用。尝试加入一些弱质感会显得画有细节和奈看。
总结：
做需求时，可以围绕排版，图形，色颜，材质多找相应，合适的参考素材。界面完成后，我们返回去看看这四点还有没有调整的空间。如果作图时能在这四点上多想想，我相信一个精致的UI就离我们不远了。方法应该还有很多，以上是我个人常用、容易出效果的小技巧，希望可以帮助到大家！
|
评分
