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 ...
随机推荐
- python 练习 28
ython pass是空语句,是为了保持程序结构的完整性. pass 不做任何事情,一般用做占位语句. Python 语言 pass 语句语法格式如下: pass 实例: #!/usr/bin/pyt ...
- HDU----(4549)M斐波那契数列(小费马引理+快速矩阵幂)
M斐波那契数列 Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 65535/32768 K (Java/Others)Total Sub ...
- IO流 总结一
字符流: FileReader FileWriter BufferedReader BufferedWriter readLine(); 字节流: FileInputReader FileOutput ...
- spring配置带参数的视图解析器:ParameterMethodNameResolver
1.配置处理器 <!-- 处理器 --> <bean id="myController" class="cn.cnsdhzzl.controller.M ...
- struts2视频学习笔记 24-27(国际化)
课时24 配置国际化全局资源文件.输出国际化信息 1.准备资源文件,添加到src目录下,资源文件的命名格式如下:baseName_language_country.propertiesbaseName ...
- Swing——JFrame
1.定义 相对于AWT(hevay weight component),Swing(hevay weight component)是轻量化的组件.Swing由纯Java Code 所写,解决了Java ...
- 10+优秀“分步引导”jQuery插件(转)
很 多时候一个网站或者一个Web应用出品,为了让你的用户知道你的站点(或应用)有些什么?如何操作?为了让你的用户有更好的体验.往往这个时候都会给你的 站点(应用)添加一个分步指引的效果.然而这样的效果 ...
- Asp.Net MVC EF各版本区别
2009年發行ASP.NET MVC 1.0版 2010年發行ASP.NET MVC 2.0版,VS2010 2011年發行ASP.NET MVC 3.0版+EF4,需要.Net4.0支持,VS2 ...
- Future 模式介绍
假设一个任务执行需要花费一些时间,为了省去不必要的等待时间,可以先获取一个提货单,即future,然后继续处理别的任务,知道货物到达,即任务完成得到结果,此时可以使用提货单提货,即通过future得到 ...
- MySQL主从数据库同步
更新中,还未测试.......