旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > 初级UI需注意10个移动端的关键原则
初级UI需注意10个移动端的关键原则
时间:2020-10-30来源:www.aaa-cg.com.cn点击量:作者:Gella
时间:2020-10-30点击量:作者:Gella

 

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

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

  1.用户
 

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

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

  2.平台
 

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

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

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

  3.品牌推广
 

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

  4.一致性
 

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

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

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

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

  5.间距
 

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

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

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

  6.层次结构
 

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

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

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

  7.版式
 

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

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

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

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

  8.光标与拇指
 

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

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

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

  9.定制组件
 

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

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

  10.显微镜
 

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

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

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

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图