iOS10界面设计原则指南

用户头像
北京/平面设计师/4年前/189浏览
iOS10界面设计原则指南

UI界面设计规范

1.1 设计原则清晰呈现

各种大小的文字清楚,图标明确易懂,不多余的修饰,由功能驱动设计,利用留白、颜色、字体、图形等元素巧妙地突出重要内容,引导用户行为。

遵从内容

动效和界面设计的目的都是为了让用户更好地理解内容,而非喧宾夺主。充分利用整个屏幕,尝试使用毛玻璃效果(透明+模糊)可以让用户看到更多内容。尽量少用浮雕、渐变和阴影,让界面更轻,保证内容的核心地位。

纵深层次

用清晰的视觉层级与动效传达出各元素之间的层级关系,有助于用户理解内容。通过点击发现内容,带来愉悦感,且不损失上下文环境。一些过场设计也可以传达出层次感。

审美层面上的完整性

这决定了一个APP是否将其功能与其界面、交互融合为一体。比如说,一个帮助人们完成正式任务的APP,设计上应该使用淡雅而不抢眼的图形、通用的标准化操作,并时刻给予明确的预期,让用户能专注于任务本身。相反的例子,比如一个游戏APP的界面,就应该是足够抢眼和吸引人的,因为这能够增强趣味性、激发兴奋感,让用户产生进一步探索的欲望。

视觉统一性

一个APP内应该使用同一套规范标准,比如使用系统提供的组件、通用的图标、标准的字号和相同的术语。

 

对屏幕内容直接操作

这有助于用户理解。当用户旋转设备或者对着屏幕上的内容使用手势的时候,用户可以立即看到他们的动作产生了什么效果。

反馈

用户的每一个动作都应该有其对应的可感知的反馈。比如当用户点击某个元素时,需要短暂地高亮一下以示反馈;比如用流程指示器来表达冗长流程的不同状态;比如用动画或声音传达特定动作的效果。

象征

当APP的视觉和交互元素跟日常经验相似时,用户会上手得更快——无论经验来源于线上还是线下。在iOS上用户是直接跟屏幕交互的,所以这种做法效果很明显。比如你把当前的页面移开,就漏出了下面掩盖的页面;比如你会拖着内容移动;比如切换开关、移动滑块、使用滚动条翻页,用户甚至可以像翻书一样在iOS中浏览书和杂志的内容。

用户掌握控制权

APP可以给出后续操作的建议或者对可能的风险发出提醒,而不应该直接替用户作出选择。优秀的APP既能给用户选择权,又能避免预期外的结果。对用户而言,APP中的交互元素应该是熟悉且预期明确的,当用户作出具有破坏性的操作前是经过确认的,用户也可以轻易取消之前的行动(即使行动正在生效中)


6
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
【新年UI图标】家具icon
UI_3D图标炮仗<新春促销>
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】美妆icon
【新年UI图标】游戏/娱乐icon
盲盒APP UI设计
Security Camera UI kit
新拟态风格 UI设计组件库
手表表盘UI系列
【新年UI图标】影音icon
UI通用设计素材1
智能家居中心 简约 UI设计组件库
高级表盘系列UI源文件
UI 登录界面设计模板包
UI应用平面图标
【新年UI图标】美食icon
我的钱包-UI界面设计-app
【新年UI图标】酒店icon
科技医疗透明柜UI界面设计
UI_3D图标火箭炮<新春促销>
高级感金属拟物 UI设计组件库
新能源APP应用UIKit
你可能喜欢
相关收藏夹
大家都在看
登录注册