ZKX's LAB

初级UI需注意10个移动端的关键原则

2020-10-30新闻5

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

1.用户

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

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

2.平台

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

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

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

3.品牌推广

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

4.一致性

我们的屏幕由一堆可重复使用的部分组成,也称为UI元素。在设计我们的第一个移动应用程序时,初级UI需注意10个移动端的关键原则https://www.aaa-cg.com.cn/ui/2864.html?seo1我们的目标不是要在每个实例中都发挥创造力,而是要使这些元素保持一致。例如,如果主按钮为蓝色和圆形,则无论我们在何处使用它们,都应始终为蓝色和圆形。

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

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

5.间距

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

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

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

6.层次结构

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

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

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

7.版式

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

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

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

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

8.光标与拇指

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

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

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

9.定制组件

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

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

10.显微镜

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

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

3

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

#ios系统#Android系统

随机阅读

qrcode
访问手机版