联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ios界面设计的几大原则和技巧

Time: 2021-01-13

界面设计有着自己的设计原则,不同的操作系统里的界面设计更是有着本系统的特点。那如何构建可靠的界面设计?今天就让小编为大家介绍ios界面设计的几大原则和技巧。

  ios界面设计的几大原则

  1、美学完整性

  美学完整性代表了一款应用的视觉表象和交互行为与其功能整合的优良程度。例如,一款协助用户完成重要任务的应用应该使用不易察觉且不引人注目的图形、标准化控件和可预知的交互行为从而让用户保持专注。反之而言,一款沉浸式体验的应用(比如游戏),就需要吸引人的视觉表象,在鼓励用户探索的同时带来无穷的乐趣和刺激。

  2、一致性

  一款内部一致的应用能够贯彻相同的标准和规范:使用系统提供的界面元素、风格统一(众所周知)的图标、标准的字体样式和一致的措辞。应用所包含的特征和交互行为是符合用户心理预期的。

  3、直接操作

  对屏幕上的对象直接操作(而不是通过一堆控件)能够提升用户的参与度并有助于理解。直接操作指包括用户旋转设备或者使用手势控制屏幕上的对象。通过直接操作,他们的交互行为能够得到即时可视的反馈。

  4、反馈

  反馈认证交互行为,呈现结果,并通知用户。系统自带的iOS应用对每一个用户行为都提供了明确的反馈。可交互的元素被点击时会被临时高亮,进度指示器显示了需要长时间运转的操作的进度,动效和声音加强了对行为结果的提示。

ios界面设计

ios界面设计(图片来自网络)


  5、隐喻

  当一个应用的虚拟对象和行为与用户熟悉的体验相似时——无论这种体验是来源于现实生活或是数字世界,用户就能更快速地学会使这款应用。隐喻在iOS中能够起作用是因为用户与屏幕进行物理上的交互。他们通过将视图移出屏幕来显示下方的内容,他们拖曳(drag)和滑动(swipe)对象,他们拨动(toggle)开关,移动(move)滑块,滚动(scroll)数值选择器,他们甚至通过轻扫(flick)来翻阅书籍和杂志。

  6、用户控制

  在iOS内部,是用户——而不是应用——在控制。应用可以对一系列用户行为提供建议,或对可能造成严重后果的行为发出警告,但不应该替用户做决定。好的应用会在让用户主导和避免不想要的结果中找到平衡。为了让用户感觉到是他们在控制,应用应该使用熟悉且可预知的交互元素,让用户二次确定有破坏性的行为,并且让即使在运行中的操作也能够被轻易取消。

  ios界面设计的技巧

  1、格式内容

  创建适用于iOS设备屏幕的布局。用户应该无需缩放或水平滚动即可看到主要内容。

  2、触摸控件

  使用为触摸手势设计的 UI 元素,从而使与 app 的互动感觉轻松又自然。

  3、点按目标

  创建尺寸至少为 44 像素 x 44 像素的控件,从而可以准确地使用单根手指进行轻按。

  4、文本大小

  文本应该至少达到11 像素,使得 在典型视距内无需缩放即可看清。

ios界面设计

ios界面设计(图片来自网络)


  5、对比度

  确保字体颜色与背景之间有强烈对比,以使文本易于阅读。

  6、间距

  不要使文本相互覆盖。通过扩大行高或字母间距来提高易读性。

  7、高分辨率

  提供所有图像的高分辨率版本。在Retina 显示屏上,非 @2x 的图像将显示得比较模糊。

  8、失真

  始终以原有的高宽比显示图像,以避免失真。

  9、整理

  创建易于阅读的布局,让各个控件靠近其修改的内容。

  10、对齐

  对齐文本、图像和按钮,向用户呈现信息间的关联方式。

  11、设计资源

  获取相关工具、用户界面模版和深入的信息,帮助您设计出能和Apple各个平台无缝集成的出色app。

  以上就是小编为大家介绍的关于ios界面设计的相关内容。ios系统不同于其他操作系统,其界面设计有着自身的原则和技巧,如果要了解更多关于界面设计的相关内容,记得关注我们。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开