IOS介绍

ios界面设计首页风格定义

1. 入口导流型

2. 瀑布流型

3. 对话列表型

4. 
   

标签栏尺寸参考

ios按钮状态

尺寸：物理尺寸(长×宽)，逻辑，像素，屏幕密度，倍率

移动界面包括状态栏、导航栏、标签栏 /工具栏

iPhone6 是750px*1334px,

参数分别为 40px、88px、98px/88px

设计稿的尺寸及适配

图片宽高大小标注工具：pxcook像素大厨， 在线切图工具：蓝湖， ps插件：cutterman

iPhone规范

状态栏尺寸

手机尺寸图

图标设计类型、大小一致，直角圆角一致

页面分割线、投影颜色及透明度适合

图片比例与视平线统一

配色数量，一般不超过3，若模块较多，则弱化色度，使用一个色系

配图质量，风格及色调与内容相符合

实际需要体现图标含义

规范图标属性

体现文字排版层级关系

善于用分割线度内容分块

设计要考虑文字超出的情况

提示符提高阅读效果

布局重点突出

符合阅读习惯

APP首页主要分为3类，入口导流型、瀑布流型、对话列表型

入口导流型:首页分模块罗列重要功能，用户选择模块进入第二页面完成浏览、交互等操作  

优点：功能模块一目了然，首页整体简洁  例如美团，   

适用场景：功能模块多且复杂的场景

瀑布流型：功能分类和简要内容介绍都显示在首页，可以无限加载。

优点：可通过内容概要图文吸引用户浏览，类似手机浏览器。

适用场景：功能模块单一、内容分类较少，需要吸引用户的场景

对话类表型：首页展示对话列表，例如qq,微信，

优点：方便沟通，并且功能单一不需要分流使用

适用场景：社交类软件

移动界面包括状态栏、导航栏、标签栏 /工具栏

iPhone6 是750px*1334px,

参数分别为 40px、88px、98px/88px

个人理解：

拟物化设计是提取实物的典型特点做设计，用户可以一目了然的辨识设计的物体。优点：形似，好辨认   缺点：界面视觉可能会复杂、繁琐、不够友好

扁平画设计是在保留实物特点的基础上去掉多余色彩徐渲染和次要元素，力求简约 优点：保留实物基本特点，优化视觉效果  缺点：会出现抽象的实物特点，辨识难度增加    

1、入口导流型

支付宝、美团界面，类似9宫格+底部banner界面  方便用户查找进入二级页面，一般不会在一级页面与用户产生交互反馈

2、瀑布流型

典型的做法是首页可以无限制加载内容，像一些资讯类的产品 微博app等、花瓣网、网易新闻等

3、对话列表型

QQ、微信。

图片宽高大小标注工具：pxcook像素大厨， 在线切图工具：蓝湖， ps插件：cutterman

1. ios界面设计稿的尺寸范围

2. ios界面设计首页风格定义

3. ios界面设计的原则

4. ios界面设计开发交付

图片宽高大小标注工具：pxcook像素大厨， 在线切图工具：蓝湖， ps插件：cutterman