正在加载

   作为一枚手机客户端PM,适配视网膜屏幕是一项需要掌握的基础知识,了解这个有助于和开发、设计师进行沟通,便于向设计师提出UI需求,从而在产品中良好的支持Retina屏幕。

一、支持视网膜(retina)屏幕的设备

设备

分辨率

屏幕尺寸

长宽比

解析度

iPod Touch 4

640×960

3.5"

3:2

326ppi

iPhone 4

640×960

3.5"

3:2

326ppi

iPhone 4S

640×960

3.5"

3:2

326ppi

The New iPad

2048×960

9.7"

4:3

264ppi

二、之前的设备

设备

分辨率

屏幕尺寸

长宽比

解析度

iPod Touch 1/2/3

320×480

3.5"

3:2

163ppi

iPhone、iPhone 3G、iPhone 3GS

320×480

3.5"

3:2

163ppi

iPad 1/2

1024×768

9.7"

4:3

132ppi

三、适配的方式

从上面的设备参数来看,iOS视网膜屏幕的设备,是在同等尺寸上,支持的分辨率的宽和高各增加了一倍,解析度(每英寸像素数)增加了一倍。


阅读本文未完部分»

12,999次阅读 | penddy on 2012-5-7 22:38 | File Under 手机 | 2 条评论 -

 

一、前言

开发者在产品上同时覆盖iOS平台和Android平台时,则会遇到同一个功能在不同平台中界面和交互如何展现的问题。

了解两个平台间的控件对应关系和异同点,对同时面向两个平台的产品和交互设计是有帮助的。

此部分就两个平台的控件进行对应,并辅以一定的描述,更详细的控件说明和适用的场合请直接参阅参考资料中的相关文档。

说明:Android中的系统控件会根据不同的ROM和操作系统版本有所变化,本文中Android控件以《Android Design》为主要参考。

二、目的

本文期望表达的含义,集中于如下三个方面:

√ iOS和Android的的控件在目标上是趋同的,但形式则有较大区别,因此Android产品符合Android本身的风格,不建议直接沿用iOS风格。

√ 了解iOS和Android控件的对应关系,有助于在产品设计时,既能利用现有的思路,又能符合相应平台的风格

√ Android因为各设备商自定义ROM、不同系统版本之间的不同、设备物理属性的多样化等原因,造成Android本身的风格有多种,设计优秀的Android应用,是一件不容易的事情。

三、功能栏

3.1 状态栏(Status Bar)

  iPhone的状态栏系统提供了3种样式,分别为浅色、深色、深色半透,高度固定。

  Android的状态栏根据各个手机厂商自定义的ROM不同,会有多种样式,在MIUI中还可以根据主题不同也会变化。

clip_image002[4]


阅读本文未完部分»

22,003次阅读 | penddy on 2012-5-5 21:18 | File Under 手机 | 7 条评论 -

  本想继续《浅谈…》系列,看看今天剩余的时间有些不够,先说些系列之外的想法。

  在个人理解中,产品设计如同修真一样,有道和术的分别。

  所谓道,偏重于理论指导,道有不同层次。低层次的道阐述某一方面的道理,高层次的道阐述更综合性的理论指导。

  所谓术,偏重于实践和应用,是达到道的方法。术也有等级的区别,高等级的术能让你更快更准确达到目标,少走弯路,低等级的术亦可用,只是相应的缺点更多。


阅读本文未完部分»

9,826次阅读 | penddy on 2012-3-18 21:19 | File Under 手机 | 马上抢沙发 -

关于iOS,其设计风格从iPhone出现后,其变化和一直是温和的,不断的升级中,原有的风格和形式基本都得以继承。所以iOS中的设计,会随着用户的使用愈来愈熟悉,从而构建良好的感受。

关于Andorid,由于如下一些方面的原因,产品设计很凌乱:

1.缺少官方指南

  这一点在《Android Design》出来后稍微好一些,从上一篇文章你也可以看到,Android的指南在之前缺失太多且凌乱不堪。

2.官方风格的频繁变化

  Android官方应用和推荐应用的设计的风格是不固定的,在不同的时期会倡导不同的设计风格,这种风格基本以一年一种风格在做变化,而每次的变化,相对都是较大的。同样的元素在不同的时期,也有较大的变化,这些变化,让andorid系统的使用者,需要不断的进行熟悉,也让应用的开发者变得有些无所适从。

3.发布渠道的开放性

Android的发布渠道是开放的,基本没有审核,因此不论产品质量如何,都是可以发布出来的。


阅读本文未完部分»

11,857次阅读 | penddy on 2012-2-19 0:45 | File Under 手机 | 马上抢沙发 -

    Android和iOS平台现在基本上是做移动应用必选的两个平台,iOS平台的交互设计指导资料更成体系一些,而关于Android平台的产品设计随着Android系统的发展在不断演变,相应的指导资料从最开始的匮乏和零星,在逐步朝着完整和系统化方面发展。

    做为一个同时做iOS和Android平台的产品人员,在日常产品的交互设计中,会不断的感受到两个平台的异同之处,期间会有思考、有探索、有迷惘,当然也有收获,谨以此系列文章记录自己的一些想法,作为自我积累和批判的素材。

    首先,来看一下这两个平台产品设计的参考资料,设计思路不是凭空而来,不同系统有着其本身的设计理念和思路,我们需要首先学习和理解它,应用之,并在其上进一步发展出我们自己的思想和风格。

一、 iOS

1.1 官方指南


阅读本文未完部分»

65,188次阅读 | penddy on 2012-2-12 22:03 | File Under 手机 | 4 条评论 -