Ios界面设计案例.pptx

IOS界面设计规范 迭代设计 iPhone6/6s屏幕尺寸 IOS启动页 启动图像并不是为您提供机会进行艺术展示，它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。 在苹果的认知中强调启动页必须是为了解决用户的等待时间，保证用户使用流畅而去设计的。 启动页的设计角度 1、与应用内部页面浑然一体 这一类的启动页都使用了一张程序假图作为程序的启动过渡，让用户以为程序已经启动了。 2、品牌信息传递 品牌传递类的启动页相对较简单，基本采用产品名称+产品标语为结构，简单突出主题即可 3、感情故事共鸣 通过一张短短的启动页去说一个故事或是表达一种情怀，确实是件不容易的事 引导页的设计 当你第一次打开一款应用的时候常会看到精美的引导页设计，它们在你未使用产品之前提前告知你产品的主要功能与特点，第一印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好，从一开始就引人入胜。 一、区分设计目的 根据引导页的目的、出发点不同，可以将其分为功能介绍类、使用说明类、推广类、问题解决类，一般引导页不会超过5页。 1、介绍功能类 介绍功能类引导页主要是对产品的主要功能进行展示，让用户对产品功能有一个大致的了解。采用的形式大多以文字配合界面以及插图的方式来展现。 易信，采用文字与水彩画相结合的方式，文字分为两层，大标题对功能进行概括，小文字是对其功能模块的详细描述或补充说明。 2、使用说明类 使用说明类引导页是对用户在使用过程中容易遇到的困难、不清楚的操作、误解的操作行为进行提前告知。 这类引导页设计大多采用箭头、圆圈进行标识，以手绘风为主。 3、推广类 推广类引导页除了有一些产品功能介绍以外，更多的是想传达产品的态度，让用户更明白这个产品的情怀，并考虑与整个产品风格、公司形象一致。 4、问题解决类 问题解决类通过描述在实际生活中会遇到问题，直击痛点，通过最后的解决方案让用户产生情感上的联系，对产品产生好感。 QQ浏览器 二、表现方式 1、文字与界面组合 这是最常见的引导页面，简短的文字+该功能的界面，主要是运用在功能介绍类与使用说明的引导页。 2、文字与插图组合 是目前常见的形式之一，插图多具象，以使用场景。照片为主来表现文字内容 4、视频展示 三、总结 1、文案言简意赅，突出核心 根据爱尔兰哲学家汉密尔顿观察发现的7±2效应，一个人的短时记忆至少能回忆出5个字，最多回忆9个，即7±2个。因此展示的文案要控制在9个字以内，超过后用户容易遗忘、出现记忆偏差。如果表达起来困难，可以辅助一小段文字进行解释或补充。因此在最终文案的确定上，要突出重点，多余的文字尽可能地进行删减。如果文案删减后字数还是过多，因考虑对文字进行分层，通过空格或逗号或换行的方式进行视觉优化。 精准贴切的文案也十分重要，将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计，文案与照片的吻合度，直接影响到情感传达的效果 2、视觉聚焦 在单个引导页中，信息不宜过多，只阐述一个目的，所有元素都围绕这个目的进行展开。视觉聚焦包括两部分，一是文案的处理，要注意层次，主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素，要有一个视觉聚焦点，多个视觉元素的排布采用中心扩散的方式，聚焦点的视觉面积最大，同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律，从上到下，从左到右，从大到小。因此可以根据这个视线流的规律来进行引导页的设计。 3、富于情感化 文案具象化 通过具体的元素、场景来表现文案，采用写实、半写实的方式进行表现，有些应用还会配以水彩风格。以天猫为例，天猫是一款购物应用，在设计上通过商场、店铺的实际场景的具体描绘，渲染轻松、欢快的购物过程。 首页设计 APP首页的界面可以告诉我们这款APP的主要功能和特点，所以首页的体验会直接影响到对这个产品的后续体验。 1、手机APP首页界面应该能够突显产品的主要功能和特点。 2、手机APP首页界面应当根据实际情况自动更新，比如节假日。