iOS interface guidelines (界面设计指南)<一>
一. 为iOS而设计
1.iOS体现的主题:
(1)Deference(顺从):UI的存在就是为了让顾客更加容易理解和进行交互,而不是要和顾客玩智力游戏
(2)Clarity(清晰):在每个尺寸中都能清晰的显示文字,表达精确和图像清晰的图标,装饰物要合适且搭配自然,设计的功能要击中一点,表达明确
(3)Depth(深度):生动的视觉和真实的感情能够让界面充满生气,也可以提高用户的兴趣和使用户更加容易理解
无论你是想要重新设计旧app的界面还是创造一个,你都需要考虑下面的工作:
(1)借鉴过去用户程序的核心功能界面,确定它的相关性
(2)使用iOS的主题通知设计的用户界面和用户体验,耐心的添加细节和装饰
(3)确保设计你的用户界面,以适应各种设备和模式,让用户可以尽可能多的环境中尽可能多地享受你的应用程序。
2.按照内容进行设计
漂亮的用户界面和流体运动是iOS的经验强调,它核心的表达能够给予用户想要的内容
这里有一个设计能够提高功能性,并符合客户的内容:
(1)利用整个屏幕,例如天气的应用,利用合适的图片占满全屏来更加容易让顾客知道天气的情况

(2)考虑现实的视觉指标,要么使用斜面、阴影、渐变来突出UI的主题,要么就然UI作为内容的配角,就像地图那样,当现实路径的时候其他的元素都是配角

(3)让半透明的用户界面元素来覆盖它后面的内容,半透明的元素如控制中心提供上下文,帮助用户看到更多的内容是可用的,并且可以信号短暂。

3.表达清晰
提供清晰是另一种方式,以确保在您的应用程序中的内容是最重要的。这里有一些方法可以使最重要的内容和功能清晰,易于交互
(1)多使用空白的背景,白背景界面的重要内容和功能更显着,更容易理解。白背景还可以赋予一种平静和安宁的感觉,它可以使一个应用程序看起来更加专注和高效

(2)让颜色简化用户界面。如黄色能够更加突出主题

(3)确保通过使用系统字体的易读性,三藩(iOS系统字体)与动态类型自动调整字母间距和行高使文本更容易阅读,无论是使用什么字体,都要使用自动类型,这样用户就可以根据自己的爱好进行调整

(4)使用无边框的按钮,在内容方面,无边框按钮使用背景,颜色,和行动的召唤标题表明互动。当它是有意义的,内容区域按钮可以显示一个薄的边界或有色背景,使其独特。

4.使用深度进行交流沟通
(1)在一个设备,支持三维触摸,快速查看,弹出,快速行动,在不失去他们的背景下让用户获得重要的功能

(2)通过使用一个半透明的背景,并出现在主屏幕上浮动,文件夹将其内容从屏幕的其他部分中分离。

(4)提醒显示列表中的层,如图所示。当用户在一个列表中工作时,另一个列表是在屏幕底部收集起来的

(5)提高过滤的功能,层级分明,让用户更加容易找到想要的内容,如日历

二 . 解剖iOS app
在大多数的app界面中都是使用uikit的框架进行设计的,所以掌握这个框架的组件就显得非常重要。

(1)导航条bar
(2)内容视图,内容视图包含应用程序的具体内容,可以使行为,如滚动,插入,删除和重排的项目。
(3)控制视图,控制执行动作或显示信息
(4)临时视图,短暂的视图会给用户提供重要的信息或其他选择和功能。
UIKit定义实现功能的对象,如手势识别、绘图、可达性、和打印支持。在应用程序中管理一组或层次的视图,通常使用视图控制器。这里的一个例子,视图和视图控制器是如何能将目前的iOS应用程序的UI。

iOS interface guidelines (界面设计指南)<一>的更多相关文章
- iOS之《 Human Interface Guidelines:from Concept to Product 》<界面设计指南 二>:从概念到产品的实现
开发之前需要想到的: 1.列出所有用户可能喜欢的功能. 例子:食谱 (1)创建一个总的食谱菜单 (2)食谱的获取方法 (3)比较价格 (4)当地的食材店 (5)食谱每道菜的注释 (6)能够获取和使用 ...
- 推荐一个iOS应用UI界面设计站点
Patterns是一个分享ios应用UI界面的站点,专注于分享iOS应用UI界面的细节.依照设计元素进行分类,依照iOS经常使用功能对各类UI进行分类展示. 链接:url=http%3A%2F%2Fw ...
- APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)
正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流 ...
- 规范抢先看!微信小程序的官方设计指南和建议
基于微信小程序轻快的特点,我们(微信官方)拟定了小程序界面设计指南和建议. 设计指南建立在充分尊重用户知情权与操作权的基础之上.旨在微信生态体系内,建立友好.高效.一致的用户体验,同时最大程度适应和支 ...
- 微信小程序-设计指南
基于微信小程序轻快的特点,官方拟定了小程序界面设计指南和建议,可作为小程序开发参考. 友好礼貌 -避免用户使用服务时被周围环境干扰,设计时应减少无关设计对用户的影响,礼貌的向用户提供服务,友好的引导用 ...
- Web界面设计(Designing Web Interfaces中文版) (美)斯科特 pdf扫描版
Web界面设计是由Bill Scott编著.电子工业出版社出版的一部图书,在Web已经进入崭新的时代的今天,界面的设计显得非常重要,本书就是基于独一无二的Web环境下.在创建丰富体验的过程中设计Web ...
- 非官方的iOS设计指南
非官方的iOS设计指南 有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些. 关于这些指南 这些指南描述 ...
- iOS界面设计,12个优秀案例激发你的灵感
总所周知,iOS和Android是当今两大移动平台,前者采用Human Interface Design,后者采用Material Design.作为设计师,尤其是App设计师,总是会在这两者进行设计 ...
- 怎么看iOS human interface guidelines中的user control原则
最近离开了老东家,整理整理思路,因为一直做的是微信公众号相关的产品对app的东西有一段时间没有做过了,所以又看了一遍iOS human interface guidelines,看到user cont ...
随机推荐
- js TAb
有点乱,用到了自定义getByClass函数.sibling函数 <!DOCTYPE html> <html lang="en"> <head> ...
- css3内容持续更新ing
要做在手机里面.4s和5都有差别更加何况还有其他安卓手机,所以做好之后要缩小一点 用的是background.用的了background-size,如果是50%就是等比缩放,50% 50%就会变形,现 ...
- 关于JVM的类型和模式
原文出处: 摆渡者 引言 曾几何时,我也敲打过无数次这样的命令: 然而之前的我都只关心过版本号,也就是第一行的内容.今天,我们就来看看第3行输出的内容:JVM的类型和工作模式. 其实说Server和C ...
- Spring事务的传播特性和隔离级别
事务的几种传播特性1. PROPAGATION_REQUIRED: 如果存在一个事务,则支持当前事务.如果没有事务则开启2. PROPAGATION_SUPPORTS: 如果存在一个事务,支持当前事务 ...
- Compound Interest Calculator4.0
Compound Interest Calculator4.0 1.团队协作准备:每个同学在github上完成FORK,COMMENT(学号后三位+姓名),PR,MERGE的过程. 2.你的RP由你的 ...
- JAVA String作业——动手动脑以及课后实验性问题
一:如何解释这样的输出结果?从中你能总结出什么?1.源码 //mao2015.10.20 //==的两个分辨 //对原始数据而言 //对引用类型变量 public class StringPool { ...
- javaSE基础——常见的dos命令即其他
常用的DOS命令 dir(directory) : 列出当前目录下的文件以及文件夹 md(make directory) : 创建目录 rd(remove directory) : 删除目录 ...
- android 圆角边框及图片
<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http: ...
- 20145236 《Java程序设计》第九周学习总结
20145236 <Java程序设计>第九周学习总结 教材学习内容总结 第十六章 整合数据库 JDBC简介 1.JDBC是java联机数据库的标准规范.它定义了一组标准类与接口,标准API ...
- Thinking in java之正则表达式小例子
public static final String POEM= "Twas brilling, and the slithy toves\n" + "Did gyre ...