武汉UI实战培训哪里能学习高端内容

前面讲解了三大核心原则之一的"清晰"，接下来继续讲解三大核心原则剩下的原则。

遵守



关于“遵从”的含义苹果认为，“流畅的交互动效和清晰美观的界面将有助于用户理解内容并明白其交互逻辑，通常内容应充满整个屏幕，并使用半透明和模糊效果提示用户有更多的内容。使用合适的边距、渐变和投影效果，可以让界面清爽并有呼吸空间，但要确保内容为王。”



对于这段话可以通过以下内容的讲解进一步理解。



内容为王的设计风格

这是该设计理念中较为重要的一点，界面设计的核心应该是思考如何更好地展示内容，关于内容为王有以下几点需要注意。



①保持界面简洁，尽量少添加视觉干扰元素，应把注意力更多地放在界面的排版上。当然，游戏设计除外。减少视觉元素干扰也并非只是简单的在界面中留白，比如天气界面（中图）可以把相关的视觉元素放在界面上，增加沉浸感；又比如健康应用的界面（右图）可以通过不同的颜色对内容进行区分。



②较大化内容展示区域，如果一屏无法展示完整的内容，用户滑动时内容较好铺满屏幕，而不是让内容只在某个区域内展示。



合理使用半透明和模糊效果

从iOS7以后毛玻璃（即半透明和模糊）效果已经非常普及，这实际上是为了更好地**当前的内容而产生的一种设计风格，在摄影的时候会把焦点放置在需要**的主体上，这时主体是清晰的，而周围非焦点区域则是模糊的，这在人像摄影中尤为明显。



同样，通过半透明和模糊效果可以更好地**内容本身，因此这一效果往往是作为背景效果而使用。



合理的设置边距

虽然强调内容为王，建议较大化展示内容，但是合理的边距设计反而能更好地帮助用户把目光焦距在内容上。一般会在屏幕左右两侧留出8pt~16pt的边距，而对于内容与内容之间的边距也不应低于8pt。注意，用户看到的越少往往会更注意所看到的内容，因此合理的留白和边距设置是非常重要的，且随着屏幕和分辨率的不断变大，这将变得越来越重要。



纵深（Depth）

纵深的设计理念是现代界面设计中非常重要的内容，纵深是指界面内容的层次感，通过*特合理的页面跳转动效传达出内容的层次结构，使得界面活泼生动便于理解，并且点击跳转时还能加深用户的印象，提供更加沉浸的体验。

​

纵深是界面设计中的难点需要结合动效理解，如果把这三大核心设计理念比作幻灯片的制作，前面的两个核心设计理念是关于幻灯片的展示，而这一设计理念则是关于幻灯片的转场。



合理的页面跳转动效

注意，这里有两个关键词：合理和跳转。以iOS系统中自带的“日历”APP为例，当年、月、日进行切换时使用了缩放动效，可以让用户清晰了解彼此的层级关系，同时这样的动效也很符合逻辑。动效在应用中的使用不应过多，一定要明白使用动效的两个核心目的：一是为用户提供引导；二是减少加载过程中的等待感。



清晰的模态界面

可以把模态界面简单理解为弹框，但又不局限于弹框，凡是在当前页面中弹出的内容，都可以理解为模态内容。



在当前页面中弹出内容时，应该希望用户的注意力集中在弹出的内容上，这时候内容应该**，比如可以在页面上增加一层遮罩，或者是使用背景模糊效果等。



合理的利用新技术

每次硬件的更新往往会带来一些新技术的出现，在进行界面设计时也应该考虑到这些内容，比如合理的使用指纹识别来加强页面的统一性，使用3D touch技术快捷显示内容等。需要注意的是，使用新技术的时候，也一定要考虑到不支持该技术的设备上的使用方式。



当下，是一个动态却又相对静态的词，虽然过去十年UI设计风格有了翻天覆地的变化，但是有些本质性的东西却一直没变，比如设计是为了更好地把内容传达给用户。



虽然当下的设计风格是一个很虚的事情，但要做好当下的设计，较重要的是掌握好当下的设计理念并将其和自己所负责的产品相结合，打造出能较大化提升产品价值的界面。