如果你是初级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.显微镜

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

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

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

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

AAA教育:UX用户体验设计十大重要原则 上​

AAA教育:UX用户体验设计十大重要原则 下​

AAA教育:UI设计中字体使用小窍门​

pyqt 获取 UI 中组件_初级UI需注意10个移动端的关键原则相关推荐

  1. pyqt 获取 UI 中组件_安卓ui设计智能输入法如何开发,这里有介绍

    安卓是目前国内使用人数最多的一种操作系统.很多人都在使用安卓的输入法.其实小编要告诉大家,学会了ui设计,你也可以设计输入法.今天就让小编为大家介绍安卓ui设计智能输入法如何开发. 安卓ui设计智能输 ...

  2. pyqt 获取 UI 中组件_一起学Vue:UI框架(elementui)

    目标 使用Vue+ElementUI构建一个非常简单CRUD应用程序,以便您更好地了解它的工作方式. 效果页面 比如我们要实现这样列表.新增.编辑三个页面: 列表页面 新增页面 编辑页面 安装elem ...

  3. pyqt 获取 UI 中组件_你想知道的React组件设计模式这里都有(上)

    本文梳理了容器与展示组件.高阶组件.render props这三类React组件设计模式 往期回顾:HBaseCon Asia 2019 Track 3 概要回顾 随着 React 的发展,各种组件设 ...

  4. scala 获取数组中元素_从Scala中的元素列表中获取随机元素

    scala 获取数组中元素 We can access a random element from a list in Scala using the random variable. To use ...

  5. Kotlin x Java打造 UI 通用组件三-------高级UI组件定制与解耦设计之HiRefresh

    需求分析: 设计一个下拉刷新组件,能够提供通用的API,并且支持自定义Head.关于这块其实在之前https://www.cnblogs.com/webor2006/p/7989766.html已经有 ...

  6. python 获取json中最大值_详细解析 Python 爬取 bilibili 的视频、弹幕以及封面

    本文使用 Zhihu On VSCode 创作并发布 环境 用到的 Python 库: Python 3.7 requests moviepy json re os 浏览器:Firefox/ 83.0 ...

  7. java获取url中参数_获取url参数(java / js)

    (1)js // 获取url参数 function getQueryString(url, name) { console.log("url = " + url) console. ...

  8. 获取pkl中数据_把数据写入pkl文件,读取pkl文件

    这里只介绍关于字典类型和列表类型的数据的存储,其他格式的请君自行探索. 1.字典类型 import pickle #首先导入这个库,没有安装的话,自行百度,很简单 dict_data = {" ...

  9. android运营商获取本机号码_一键登录已成大势所趋,Android端操作指南来啦!

    根据极光(Aurora Mobile)发布的<2019年Q2移动互联网行业数据研究报告>,2019年第二季度,移动网民人均安装APP总量已达56款.面对如此繁多的APP,想在用户的手机中占 ...

最新文章

  1. 云上人第七代产品简单的代码
  2. Discuz! 在线中文分词、关键词提取服务
  3. 【聚类】- 聚类实现的数据结构抽象
  4. SpringBoot配置mybatis多数据源(包含单数据源)最终解决方案,带源码
  5. SpringBoot连接Redis服务出现Command timed out
  6. java中处理异常怎么越过,java – Spring Batch – 异常不可跳过
  7. Fiddler- 数据Mock(转)
  8. SPSS教程——进行卡方检验的相关步骤
  9. jaxl php,php – jaxl无法连接到Prosody
  10. 推荐一款文献管理工具 Zotero |附使用教程和学习路径
  11. mybatis拦截器添加额外参数
  12. 机器学习:Leaning without Forgetting -- 增量学习中的抑制遗忘
  13. 谷歌的新系统Fuchsia OS根本不能替代安卓
  14. 严格模式和标准模式的区别(附严格模式实战实例)
  15. k短路 k shortest path 入门
  16. 如何在 Linux 服务器上安装 Red5?
  17. linux获取p12证书信息,微信公众号现金红包——.p12证书linux部署如何使用
  18. HTML防止input回车提交表单
  19. 计算机表格中如何计算数据透视表,如何在EXCEL数据透视表中进行计算 |
  20. 杀入“黑五”战场:百度电商又一次“引体向上”

热门文章

  1. asp.net cache
  2. python封装类在当前文件中使用_name_下调用不了_学python中对于类怎么也不明白,对了是看到简明教程11章,类与变量的对象....想要通俗易懂的答案....
  3. 存在于实数域无限维空间的分子
  4. 0. 正规鞅的混沌及可料表示
  5. php 格式化html,HTML代码如何格式化
  6. 【控制】《多智能体系统的动力学分析与设计》徐光辉老师-第5章-基于采样位置信息二阶多智能体系统的多一致
  7. 3.8 激活函数的导数-深度学习-Stanford吴恩达教授
  8. 准备入门IC的全局观念系列-中
  9. 基于小波和插值的超分辨率图像重建算法
  10. 通过PSO实现不同函数的目标值计算和搜索