文章详情

　　如果你是初级UI设计师，那么请注意了。今天AAA教育胡老师给大家总结了初级UI需注意10个移动端的关键原则。学会了你就离中级UI设计师更近一步。话不多说赶快来学习吧!
 

 

　　1.用户
 

　　我们所做的一切都围绕我们的用户及其需求。在为第一个像素着色之前，请先研究一下用户的。
 

　　您的用户是谁?对他们来说最重要的是什么?为什么?在整个设计过程中参考您的角色，并记住将想象成用户。您是在做出设计来帮助他们实现目标或任务。持续坚持!
 

　　2.平台
 

　　iOS和Android要求我们考虑不同的风格理念和特定于平台的约定。它们看起来或行为不同。要创建用户有宾至如归的应用程序，力求与每个平台提供的指导方针保持一致。
 

　　如果您是为Android设计的，则可以在此处找到所有需要了解的内容。如果您要为iOS设计，请转到此处。
 

　　在为界面创建定制的UI组件或元素时，请考虑平台准则。使用颜色，版式和任何其他视觉设计元素，使其与建议的内容保持一致。是的，结构是新的，但是元素会感觉它们属于平台。
 

　　3.品牌推广
 

　　在设计移动界面时，考虑更广泛的品牌很重要。如果您要创建的应用属于某个产品系列，则需要遵守品牌颜色，商标和版式。这将我们带入下一个关键原则……
 

　　4.一致性
 

　　我们的屏幕由一堆可重复使用的部分组成，也称为UI元素。在设计我们的第一个移动应用程序时，我们的目标不是要在每个实例中都发挥创造力，而是要使这些元素保持一致。例如，如果主按钮为蓝色和圆形，则无论我们在何处使用它们，都应始终为蓝色和圆形。
 

　　我们还希望与其他产品，平台和行业惯例中所做的保持一致。与其他地方常用的内容保持一致，将有助于您设计出用户感觉熟悉的界面，从而使他们更易于使用。
 

　　我喜欢在学生中使用搜索图标的示例。这是一个小放大镜，到处都是。还有其他可以说“搜索”的符号吗?绝对。但是，由于它们不是我们通常看到的使用方式，因此任何其他图标都意味着需要花一些时间来弄清楚它的作用。这会造成不良的用户体验!
 

 

　　5.间距
 

　　在开始之前，请定义一个间距系统。
 

　　间距系统为您的网格使用一个基数，该基数不仅将控制元素之间的空间，而且还将控制它们的尺寸。
 

　　假设我们选择数字8作为我们的基数。然后，您的网格，元素周围的空间，它们的尺寸，甚至您的类型都应该用数字8来表示，或者换句话说，应该是8的倍数。
 

　　6.层次结构
 

　　层次结构创建了视觉顺序，使内容易于消化和导航。
 

　　我们希望使用不同的视觉设计元素(例如颜色，大小和版式)来帮助我们在屏幕上生成层次结构。这可以使用户可以轻松地绕过我们的应用程序。
 

　　进入屏幕之前，请问自己：用户在这里应该能够做什么?我们应该优先考虑有助于用户执行此操作的元素。
 

　　7.版式
 

　　从设置大小到大小，关于副本的一切都非常重要!文本是界面的重要组成部分。密切注意：
 

　　1. 您选择的字体。它应该与您产品的品牌一致
 

　　2. 如何设置类型。仔细调整标题或调整段落会有很大的不同!
 

　　3. 尺寸。材料设计提供了出色的版式部分，可帮助您定义尺寸
 

　　8.光标与拇指
 

　　在网络上，我们有一个漂亮的光标可以帮助我们单击事物。它会方便我们来编辑文本或者输入框里的内容。
 

　　例如，当元素彼此之间距离太近时，用户可以通过光标来编辑。
 

　　在诸如Sketch Mirror之类的应用程序上拉起您的设计，然后点按即可。您觉得用户体验怎么样?
 

　　9.定制组件
 

　　您将要尽可能与本机UI元素和平台特定的组件保持一致。但是，您可以直接新建一个组件库，这样可以在工作上给我们很大很大的帮助。
 

　　这样做时，请研究每个平台如何建议您使用颜色，类型和其他视觉设计元素。创建这个漂亮的新零件时，请为每个视觉设计元素应用定义的最佳实践。
 

　　10.显微镜
 

　　它可能不是视觉设计元素，但是您在界面上使用的副本可以创造或破坏体验。例如，仔细选择要在按钮或错误状态上使用的单词，可以增强体验。
 

　　如果您正在与产品一起工作，请与他们坐下来讨论听起来应该是什么，并与他们分享用户在每一个流程上应该能够做什么。
3

　　如果是您自己，请参考品牌准则，以定义您的应用程序发声方式，并提出与其匹配的副本。