如今，随着互联网产品的日益成熟，你会发现所有的App都越来越像，似乎都是同一种模版设计的产品；而这种普适化的设计，会导致严重的同质化，使得设计不精致，产品没有气质和品牌。应用程序的设计是否精致，是否富有设计感，取决于它的细节，这意味着我们在进行设计时，要从多个角度去思考如何创作出动人的UI。下面为大家分享12个能够提升UI设计高级感的技巧给大家参考：
1、用颜色深浅构建层次结构
当对UI文本进行样式控制时，最常见的错误莫过于过分依赖字体大小差来建立对比；单纯地使用字体大小对比，所创造的对比还不够，试着将颜色和字重结合起来创造更好的对比效果。
每个颜色都有一个视觉权重，它可以帮助在内容中建立层次；通过使用颜色的深浅来赋予元素不同的重要性。
如有可能，您甚至可以选择两三种颜色：
主内容使用深灰色(例如，标题，但不是黑色)；次要内容用灰色(如商品简介)；辅助内容用淡灰色(如发布日期)；
同样地，在UI设计中，通常有两种不同的词汇就足以创造出出色的层次：
大部分文本都使用普通的字重(400到500，视字体而定)；对于需要强调的文字，根据字体而定(600到700)；
②主题字重600，其它绿字量均为400字
应尽量不要让正文部分字的重量在400以下，因为这部分字体本身的尺寸就已经小了，低于400会造成可读性差。
若仍需减重，则不妨把字体颜色调淡一些，或替换为其它识别度较强、字重较小的字体。
在无色/彩色背景下，将灰色文本分开处理：
对于有颜色的背景，不要使用灰色的文字，在白色背景下，把黑色的文字改为灰色(或在黑色背景下使用灰色文字)，这对于降低其视觉效果是很好的。
但对于彩色背景，想要降低背景和背景颜色的对比，通常有两种方法：
一是减少白色文字的不透明度；二是让文字逐渐接近背景颜色，而不是变成灰色。
左图设计者位置信息为白色文本降低不透明度，右图是与背景相同色相的颜色
第二，在长内容方面，大面积的深色粗体字会让人有一种沉重感，而且跳跃性强；选择一种类似深灰色(#4F4F4F)的颜色，就能很容易地解决这一问题，使文字更容易辨认。
2、一致色调
选取一种基本色，调整色调和深浅以增加平衡，避免在设计中使用过多的色彩。若专案允许，只用固定的色板，用这个简单的方法来调整底色的饱和度和明度来增加设计的一致性。
3、阴影干净
在UI设计中，阴影是最常见的视觉表现手段，它可以增加元素的深度，使其突出背景，吸引用户的注意，同时还可以增强图像的视觉层次感。
使用较宽范围的扩散模糊阴影，使垂直偏移阴影的效果更加明显和自然，它模拟了光源最常见的特性，即由上到下所创造的阴影效果。
这淡淡的阴影给人一种干净的感觉，使画面更加细腻；如果阴影的范围太小，颜色太深，位置也不会偏移，而是集中在元素的周围，会使画面更扁平，视觉变得厚重，呈现不精致的画面。
影子不一定是黑色的，还有一种扩算阴影是模拟元素本身的色彩投射在背景上，由于阴影和元素的色调一致，所以呈现出非常和谐的画面感。
设计UI时，这一手法不宜过度使用，否则所呈现的各种色彩搭配会令人眼花缭乱。
4、个性化图标设计
一个合格的设计师可以绘制出统一风格的图标，一个好的设计师可以创造出独特的风格。
在追求尺寸一致、圆角一致、线宽一致、配色一致的同时，为其视觉表现力增添更多创意？比如下面这组图标的设计，无论在图形上的创新，还是色彩搭配上都呈现出无与伦比的创意。
在应用程序的全局导航中，标签栏是应用程序的关键部分，其设计影响到整个产品的视觉风格。
一般来说，大多数应用程序都采用iOS规范的设计风格(默认灰色，选择填充颜色)，这样的设计太普通，太普遍了；要想使标签栏图标设计精美、富有个性，可以丰富每一选中状态图标的视觉表现，比如给图标加上背景和表情，就显得生动有趣，又增加了用户的好感，给人留下深刻印象。
三维立体图标设计是近几年的流行趋势，看起来很精致、华丽，但看久了就会产生轻微的视觉疲劳，同时由于其复杂的结构会增加使用者的认知成本，一般在外卖美食应用中比较常见。
5、Tab的设计
Tab是应用程序设计中最常用的控件之一，它来自于MaterialDesign的设计规范；现在很多iOS产品中也开始使用这种导航条样式，而原本属于iOS规范的选择器已经不再常见。
就视觉表现形式而言，标签条和选择条同样可以分为选择中和非选态，它的设计比较简单，一般是使用一组文字标签，通过颜色或标签下面的小长条来区分两者的状态；因为标签很简单，但越难设计出彩，要发挥很大的想象力，跳出设计规范的局限，找到一个完美的方案。
比如虾米音乐的Tab选中态是一段音频波线，再加上文字的尺寸对比，一个富有设计感和产品特色的Tabs创造出来了。
同时，品牌也可以从中获得灵感，品牌形象就是用户所熟悉的形象的最好来源。
以Tab选择态为Tab选择态的长条状，从品牌形象中提取具有独特气质的视觉连结，让使用者产生由内至外的一致感觉；例如，马蜂窝品牌形象中的微笑标志和飞猪旅游品牌形象的猪头，都延伸到Tab的设计，既使界面视觉独特性，也进一步强化了用户对品牌形象的认知。
6、无框设计
用户界面设计中，有很多装饰元素，比如卡片边框、列表分割线等等，虽然有边框，分割线是分隔两个元素的好方法，但它并非唯一的方法；过多的使用会使整个布局的设计感降低，或多或少会干扰用户浏览的视线，使信息内容失去注意力，因此可以减少不必要的装饰元素。
可通过以下几种方法来划分视觉元素的层次，让画面干净、整洁：
1)阴影的使用
暗影同样能创造出边界感，而且比起边缘分割线更为微妙，不会显得突出，不会分散用户的注意力，让内容更加集中。
2)用不同的背景色区别
一般来说，仅仅需要细微的差别就可以使相邻的元素背景区别开来；因此，你所要做的就是在不同的块设置不同的背景颜色，然后尝试删除分割线，因为根本不需要。
3)添加附加留白
在两个元素之间创建分离效果时，不必通过线框来表现，只需增加留白，让它们分开，通过留白和间隔来实现元素分组是用户界面设计的常用技巧。
7、协调设计要素
应用程序的每个界面都有大量的元素，而那些同类元素的设计风格应该保持一致。
在个人中心，标签栏图标是代表用户的一种形状剪影，因此在界面上继续显示用户头像和用户形象。
假如图形具有独特的外观，例如椭圆矩形，也可以作为一种视觉符号，延续到其他界面，成为图形或按钮的外观；这样，整个界面与统一的设计元素相结合，给予使用者一致的一致性。
8、适合产品气质的字体
选用符合产品气质的字体，能与产品定位相吻合，传递给用户正确的情感感受。
尽管缺省字体能满足大多数应用程序的设计需要，但有一个问题是——系统字体的普适性在某些特定场合不具有什么特点，而且在某些特定情况下效果不大；例如，运动App更适合粗壮的斜体以传递力量、爆发力、速度等感觉，而在系统中使用后，整体感觉变弱了。
9、统一样式的第三方图标
大部分App支持三方登录，这样可以减少用户注册的时间成本。
一般在注册登录页面底部显示第三方图标入口，这也是设计者最常忽视的内容，往往是直接将第三方图标的尺寸和排列整齐，没有针对它们再进行设计；一个设计精巧的App不应该漏掉任何细节，我们可以以自己App的图标风格为基础，对第三方图标进行优化。
10、图片寻找色彩
应用程序图形化的优美设计，可以给用户带来如沐春风的视觉享受，它非常重要。在图片背景上叠加文本的设计风格常常会出现；为了减少复杂图片背景对文本的干扰，通常的做法是将半透明的黑色蒙版叠加起来，让白色文字清晰可见，但这并非最佳方案。
从图片中提取主调，用来覆盖背景的填充颜色，使得文本、色块和图片融合在一起，使画面更加高级和富有设计感。
11、改善图像质量
图像质量影响到整个应用程序的风格和用户的心情，高质量的图片给人愉悦的视觉享受，产生美好的联想；低质量的图片会瞬间拉低应用程序的质感。
应用程序设计中，一幅美丽的图片从收集到上线，需要经过剪裁、调色等过程，才能使用；即使是普通的商品图片，我们将其抠图后调整为统一大小，加上干净的背景，就能立刻提升商品的美感，界面视觉也会变得美观、整洁。
12、卡片式设计
在当今UI界面设计中，卡牌设计已经是一种非常常见的设计形式，它有利于信息的分层与整合，划分出更清晰的组织结构，实现复杂内容的简化处理，提高空间利用率；同时，卡片式设计通常很依赖视觉元素，而视觉元素则是卡片式设计的优势之一，也是提升设计品性的良方。
其实，UI设计讲究的不单止是需求的完善，还要讲究其高级感提升！以上共计12个UI设计高级感提升的小技巧，必要掌握~如果你想要学习更多的UI设计技巧，就上，这里推荐大家学习课程：web网页UI设计从入门到实战