首页 > 编程知识 正文

安卓应用ui设计,安卓苹果设计规范

时间:2023-05-05 06:44:57 阅读:55961 作者:4064

刚开始接触UI时,最多的是尺寸问题。 要建多少什么样的画布,要用多少文字,要做多少套界面? 七七八八八的也真的很头疼。

我不说多馀的话,但我希望耐心看后,不要被尺寸相关的东西所困扰。

一.尺寸和分辨率

iPhone界面大小: 320*480、640*960、640*1136

iPad接口大小: 1024*768、2048*1536

单位:像素72dpi在设计时并不是所有大小都是一组的。 尺寸根据自己的手机设计,便于预览。 一般按640*960或640*1136的尺寸设计。

Ps :绘图时,请确保所有内容都是使用形状工具(快捷键u )绘制的。 这样,后期的切割和尺寸调整就变得容易了。

二.界面基本组成元素

iPhone的app界面一般由状态栏、导航栏、主菜单栏和内容区域四个元素组成。

这里按640*960的尺寸设计。 那么,用这个尺寸谈谈这些元素的尺寸吧。

状态栏:我们常说的信号、载波、电量等表示手机状态的区域,高度为40px

导航栏:显示当前界面的名称。 它包含相应的功能或页面之间的跳转按钮,高度为88px

主菜单栏:类似于页面的主菜单,提供整个APP应用程序分类内容的快速跳转。 高度为98px

内容区域—显示APP应用程序提供的适当内容,整个APP应用程序中布局变化最频繁,高度为734px

[下图是为了说明我不是胡说八道。 960-40-88-98=734]

关于我们常说的iphone5/5s 640 * 1136的大小,实际上中间的内容区域的高度已经增加到了910px。

PS :在最新的iOS7风格中,苹果公司开始逐渐削弱状态栏的存在。 我把状态栏和导航栏对准了,但是不管尺寸怎么变,高度都不会变。 但是,在设计iOS7风格的界面时请注意~

三.字体大小

Phone字体的英语是HelveticaNeue。 中文Mac使用黑体,Win使用华文黑体。

下图是通过百度的用户体验进行的小调查,可以知道用户可以接受的文字的大小。

其实有更简单的方法。 就是找你觉得好的APP。 用智能手机拍下截图后放入PS中调节字体大小。

我的音乐——34px

我的,捡歌,发现——30px

Muxx——34px

本地音乐——30px

泡沫,邓紫棋——24px

总之,方法自己找到,想办法解决问题,自己实践,不是比别人告诉你的更让人印象深刻吗?

一.尺寸和分辨率

安卓接口大小: 480*800、720*1280、1080*1920。 [单位:像素]

Android比iPhone的大小多得多,因此建议使用720*1280的大小。 它在720*1280上显示得很完美,在1080*1920上清晰可见,剪切后的图像文件大小适中,APP应用程序的内存消耗也不高。

二.界面基本组成元素

安卓的app接口与iPhone基本相同。 这是状态栏、导航栏、主菜单和内容区域。

我们在Android上使用的720*1280的尺寸设计,这个尺寸来谈谈这些要素的尺寸吧。

状态栏的高度为50px

导航栏的高度为96px

主菜单栏的高度为96px

内容区域的高度为1038px(1280-50-96-96=1038 ) )

Android最近推出的手机几乎都去掉了机身的键,并将功能键移动到了画面上。 当然高度也和菜单栏一样。 96px

Ps :我在写之前看了很多关于Android界面大小的教程,但是没有找到像iOS这样的具体规范。 在Android中,这些控件的高度可能可以通过编程自定义,但没有给出具体大小的数字,所以我自己找了Android的设计规格。 尺寸都是自己用Ps测量的。

为了使安卓在界面上与iOS有所区别,安卓4.0开始提出的HOLO风格的部分app最新版本采用了这一风格。 这种风格最明显的变化是将下面的主菜单移到导航栏下面,解决了目前很多手机去掉物理键后屏幕上显示的双层底栏的尴尬景象。

三.字体大小

安卓字体是Droid sans fallback,是谷歌自己的字体,类似于微软雅虎。

同样,百度用户体验调查显示用户可以接受的文字问题。

具体大小,还是那句话,不要忘记,和找自己喜欢的APP界面,拍完手机截图后,放进PS里自己调节字体大小相比,一定是高清截图

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。