一.      为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 (界面设计指南)<一>的更多相关文章

  1. iOS之《 Human Interface Guidelines:from Concept to Product 》<界面设计指南 二>:从概念到产品的实现

    开发之前需要想到的: 1.列出所有用户可能喜欢的功能. 例子:食谱 (1)创建一个总的食谱菜单 (2)食谱的获取方法  (3)比较价格 (4)当地的食材店 (5)食谱每道菜的注释 (6)能够获取和使用 ...

  2. 推荐一个iOS应用UI界面设计站点

    Patterns是一个分享ios应用UI界面的站点,专注于分享iOS应用UI界面的细节.依照设计元素进行分类,依照iOS经常使用功能对各类UI进行分类展示. 链接:url=http%3A%2F%2Fw ...

  3. APP设计尺寸规范大全,APP界面设计新手教程【官方版】(转)

    正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流 ...

  4. 规范抢先看!微信小程序的官方设计指南和建议

    基于微信小程序轻快的特点,我们(微信官方)拟定了小程序界面设计指南和建议. 设计指南建立在充分尊重用户知情权与操作权的基础之上.旨在微信生态体系内,建立友好.高效.一致的用户体验,同时最大程度适应和支 ...

  5. 微信小程序-设计指南

    基于微信小程序轻快的特点,官方拟定了小程序界面设计指南和建议,可作为小程序开发参考. 友好礼貌 -避免用户使用服务时被周围环境干扰,设计时应减少无关设计对用户的影响,礼貌的向用户提供服务,友好的引导用 ...

  6. Web界面设计(Designing Web Interfaces中文版) (美)斯科特 pdf扫描版​

    Web界面设计是由Bill Scott编著.电子工业出版社出版的一部图书,在Web已经进入崭新的时代的今天,界面的设计显得非常重要,本书就是基于独一无二的Web环境下.在创建丰富体验的过程中设计Web ...

  7. 非官方的iOS设计指南

    非官方的iOS设计指南 有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些. 关于这些指南 这些指南描述 ...

  8. iOS界面设计,12个优秀案例激发你的灵感

    总所周知,iOS和Android是当今两大移动平台,前者采用Human Interface Design,后者采用Material Design.作为设计师,尤其是App设计师,总是会在这两者进行设计 ...

  9. 怎么看iOS human interface guidelines中的user control原则

    最近离开了老东家,整理整理思路,因为一直做的是微信公众号相关的产品对app的东西有一段时间没有做过了,所以又看了一遍iOS human interface guidelines,看到user cont ...

随机推荐

  1. JavaScript开发者常忽略或误用的七个基础知识点

    JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它.昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序.很多新 ...

  2. HDU----(4519)郑厂长系列故事——体检

    郑厂长系列故事——体检 Time Limit: 500/200 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)Total S ...

  3. 串口调试,提示the given port name does not start with COM/com异常解决办法,,发现是打印机在搞怪

    串口测试时,用到串口,把打印机的拔下来,换上测试的,程序一打开就提示错误:the given port name does not start with COM/com or does not res ...

  4. Scout YYF I(POJ 3744)

    Scout YYF I Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5565   Accepted: 1553 Descr ...

  5. BZOJ4002 [JLOI2015]有意义的字符串

    据说这两场加起来只要170= =而这是最简单的题目了QAQ 看到$(\frac {b + \sqrt {d} } {2} )^n$,第一反应是共轭根式$(\frac {b - \sqrt {d} } ...

  6. kindeditor 操作时同步到textarea

    KindEditor.ready(function(K) { editor1 = K.create('textarea[name="sponsor"]', { resizeType ...

  7. qml 一些知识点

    1.pagestack进行页面调整的时候,需要对页面状态做一些跟踪: Stack.onStatusChanged: { if (Stack.status == Stack.Active) { //可以 ...

  8. S1:原型继承

    一.基本性质 function obj(){ this.name1 = '可以被delete删除'; } obj.prototype.name2 = '不能被delete删除'; obj.protot ...

  9. setsockopt的作用

    功能描述:        获取或者设置与某个套接字关联的选 项.选项可能存在于多层协议中,它们总会出现在最上面的套接字层.当操作套接字选项时,选项位于的层和选项的名称必须给出.为了操作套接字层的选项, ...

  10. 原子操作 Interlocked系列函数

    上一篇<多线程第一次亲密接触 CreateThread与_beginthreadex本质区别>中讲到一个多线程报数功能.为了描述方便和代码简洁起见,我们可以只输出最后的报数结果来观察程序是 ...