导航:首页 > 操作系统 > android产品设计

android产品设计

发布时间:2023-01-17 01:58:20

Ⅰ 我准备做android的手机应用程序产品端设计,有个疑问,android手机屏幕尺寸没有标准,那产品设计时怎么办

DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
int screenWidth = dm.widthPixels;
int screenHeight = dm.heightPixels;

Ⅱ Android UI 的设计规则

一. Launcher(启动图标):
1.在背景下易见;
2.尺寸 Phone: 48*48 dp
Google Play: 512*512 pixels
3.风格:任意轮廓。三维,正视图,稍微透视看起来像从顶部往下看(使用户有深度感)。
二. Action Bar(工具栏):工具栏图标为图片按钮
1.尺寸: phone下为32*32dp
2.焦点区比例: 光学直角区可为24*24dp
3.风格: 象形,平淡,不要太详细,光滑曲线或尖锐的形状。若图片偏窄,可转动45度角以填充焦点区,笔画宽度与空白宽度至少为2dp
4.颜色: #333333 激活:60%不透明 禁用:30%不透明
#FFFFFF 激活:80%不透明 禁用:30%不透明
三. Small/Contextual Icons(小的上下文图标):用于为动作和状态提供特殊项目
1.尺寸: 16*16dp
2.焦点区域与比例: 全部为16*16dp, 光学直角区域为12*12dp
3.风格: 中性,平淡,简单。填充的形状比简单的笔画易见。使用简单的视觉暗示以便用户能轻易读懂。
4.颜色: 使用少量的非中性颜色。激活时与背景形成对比。
四. Notification Icons(通知图标)
1.尺寸: 必须为24*24dp
2.焦点区域与比例: 全部区域24*24dp 光学直角区域22*22dp。
3.风格: 平实简单,与启动图标一样使用视觉暗示。
4.颜色: 全白,也可以使其根据系统变暗。

专题二、设计原则:
一. 使用户着迷:
1.用惊艳吸引人:漂亮界面、动画、声音……
2.实际对象比按钮和菜单更有趣:使用户能直接触摸和控制App中的对象
3.使成为自己的:既有默认的,又可以进行自定义设置
4.了解学习用户所需:学习用户爱好与习惯,而不是要求用户单调的做
二. 让生活简单化:
1.保持简洁:用短语
2.图片比文字更快:用图片解释想法
3.替用户做决定,但最终决定权在于用户:不是一开始就问,先猜测,允许撤销
4.只显示用户正需要的:将任务和信息分块,隐藏不是必须的选项
5.用户一直要知道自己在哪:在屏幕间用切换显示关系,提供任务反馈
6.从不丢失:保存用户花时间创建的,并让他们可以从任何地方接入,记住设置、个人触摸和创建
7.看起来一样,功能也一样:外观、模式差不多的操作都要相近
8.重要的时候才打扰用户:一个好的个人助手,会避免掉不重要的事情,使用户能集中精力
三. 让用户兴奋起来:
1.给用户所有地方都能使用的技巧:使应用程序简单易学
2.不是我的错:绅士的让用户做修正,如果出错,给出恢复指导但省略科技细节
3.给出鼓励(回馈):将复杂任务切成易于完成的小步骤,在用户动作后给出回馈,例如一个光晕
4.为用户完成繁重的事务:使新手做他们认为自己不会做的事情,而且做得像专家一样。例如多种照相功能的快捷键使业余爱好者通过简单几步就能完成
5.让重要的事情更快:将App中最重要的部分更容易找到,更快使用,像照相机的快捷键、音乐播放器的暂停键等。
专题三、书写风格:
一. 使用户着迷:
1.保持简洁:简明、简单、精确
2.保持简单:使用简短单词、动词和名词
3.友好:用第二人称你称呼用户,使用户感觉安全、快乐和激情
4.重要的事放在前
5.避免重复

Ⅲ Android与iOS:应用程序用户界面设计的差异和比较

移动领域的两大风向标--Android和iOS,也是移动应用设计时最大的两个竞争对手。Android与iOS在市场份额、受欢迎程度、使用人口统计方面数据不相上下,在这里,我们对比了Android和iOS之间的简单设计差异,这将帮助我们弄清一个与另一个有何不同。
由于碎片化的原因,安卓系统的应用设计会有细微的差异。

我们先来了解一下Android与iOS UI应用设计在扁平化设计和材质设计方面的对比。

人机界面指南主要基于三个原则。清晰、尊重和深度。简单来说,该方法支持极简主义,使用简洁的元素,注重排版和扁平化色彩。

简而言之,Android Material Design被认为是Flat设计的升级版,带有拟态性(一种流行的设计概念,即让所代表的物品与现实世界中的对应物相似)。

用Google设计副总裁 MatíasDuarte 的话来说,它是–

有了这些基础知识,让我们从7个方面研究两个平台之间的差异。

目录
1. 导航
2. 按钮
3. 图标和屏幕分辨率
4. 字体
5. 控件
6. 卡片
7. 警报

对于iOS应用程序,总是在“后退”按钮旁边提示上一个选项卡的名称。在中间,显示当前选项卡的名称,而在右上角则显示“编辑”或“完成”(控制按钮)。
说到Android的设计规则,应用程序通常在抽屉菜单或后退按钮(可选)之后的左上角显示标题。移至右上方,总是有一个操作项,例如搜索图标(也可以是多个,例如“收藏夹”图标),其后是溢出菜单。

在iOS中,主导航始终显示在底部,功能菜单专门用于存储一次性功能。而在Android中,通常会在功能菜单中看到主要导航,或者以搜索栏,浮动操作按钮等形式在整个界面中存在。

ios界面指南中,没有类似抽屉导航菜单的标准控件。iOS的全局导航被放置在应用屏幕的底部,一般位于最末位的 "更多"标签下找到二级导航。
Android中,二次导航是一个抽屉,一旦按下功能菜单图标,就会从左到右打开,同时产生一个深色的遮罩层。

有四种方法可以在iOS应用中实现“后退”操作:

在某些情况下,Android应用程序中给出了类似后退的操作,您可以通过该操作进入前一个标签。但是,最常见和最简单的方法是使用导航栏中的后退按钮(Android 10中现在是可选的)。

iOS和Android中的按钮风格最主要的设计区别在于,iOS中的按钮遵循扁平化的设计模式,不带阴影、支持标题大小写。Android遵循Material Design,带阴影且字母大写。

另一个比较重要的按钮是Floating action button(FAB行动呼吁按钮)。例如安卓系统中Gmail的compose按钮,iOS系统中社交媒体应用的新建文章按钮。

两种系统都使用8dp的网格来构建屏幕结构,而最常见的边框是16dp。
在开发移动应用程序时,以预定义的尺寸设计图标是非常关键的。这里有一个表,描述了所有的测量。

这些表格一开始可能会让人有点不知所措,但是如果你知道基本尺寸,并且能够使用倍数进行检查和导出,会发现这并不复杂。

多年来,苹果一直是Helvetica Neue字体的粉丝,然而在2015年,苹果开始使用San Francisco,它更节省空间,非常适合手机、台式机和iOS Watch使用。

Android系统,一直使用Roboto作为标准系统字体。在可预见的未来,谷歌也没有计划改变这一深受喜爱的元素。

控件设计包含搜索、CTA按钮、选择控件和标签等元素。每一个都满足了这样或那样的目的,让我们来看看他们的位置。

搜索功能对于两个平台来说都非常重要,苹果最近还在iMessage中加入了 "搜索栏 "。

在苹果中,搜索选项有两种类型--突出和隐藏。通常情况下,搜索图标会显示在上边的选项卡上,而有时需要从上到下拖动屏幕才能显示搜索栏。此外,如果要取消搜索查询,可以按 "取消",如果要清除,可以用 "X"。

在安卓系统中,没有隐藏的搜索栏,你总能在上层标签中找到一个。如果要取消搜索,只需点击"←"图标即可,如果要清除查询,则和iOS中的一样。

浮动的动作按钮(FAB)在Android中充当主要行动按钮,可以出现在顶部应用栏或一些组件的边缘。而iOS应用中的主要行动按钮总是出现在页面的右上角。

不过也有一些例外,少数iOS会在底部工具栏显示CTA,而Android则在上部工具栏显示。

如果需要显示一些选项,可以在iOS平台上使用选取器控件,选取器一般出现在底部。
对于在Android平台上显示很少的选项,通常使用一个出现在原地的下拉菜单,或者一个出现在中心的模态对话框,使用模态框时应用背景变暗。

据观察,iOS系统并没有一个视觉上类似于 "标签"的控件。它使用的是一个分段的按钮。Android使用了"扁平化设计的tab"来实现同样的效果。

卡片是图片、文字、视频的集合,还包括按钮和评论。
在iOS中,卡片的特点是无阴影、全宽、无圆角。而在安卓系统中,卡片的设计有阴影、沟槽、圆角等功能。

安卓系统的提醒采用的是扁平化的按钮样式,具体尺寸可以在材质设计指南中找到。操作按钮被放置在提醒的右下角。这些 "按钮 "完全以文字为主(全大写),让用户更容易理解。

至于iOS系统的提醒,则是用分割线隔开。它们基本采用句子或标题的形式,在独立的区块中呈现。它们被放置在弹出窗口的中心。

本文涵盖了iOS和Android所有的初步差异,希望对你有所帮助,而设计一个iOS或Android的移动应用,总是有迭代的准则,所以,一定要保持信息的更新,及时调整自己的产品设计。

Q. 为什么iOS和Android上的应用看起来不一样?
品牌和意识形态的不同,已经波及到他们的操作系统的运作方式。两个平台的UI设计已经成为品牌的符号化。

Q. 如何设计一个原生应用?
在设计原生应用时,必须始终遵守iOS UI应用设计指南和Material设计指南。这样才能使应用与它所要针对的平台同步。另外,这些平台有不同的要求,所以你的应用必须满足它们才能在应用商店上发布。

Q. iOS比Android更方便用户使用吗?
这个问题的答案是纯主观的。它是基于用户的个人偏好。有些人可能会觉得iOS更实用,而有些人则在各方面都偏爱Android。

Ⅳ 如何做好android应用的界面设计

这段时间自己研究了挺多安卓的东西,有了更多的想法,在此描述一下。
方法/步骤
学习原生软件的界面开发,而且最好还是看一些开源的,无论从设计的角度还是从开发的角度都是极好的。
比如优秀的作品很多,这些不开源学习界面就好,开源的可以看看系统的应用。和系统本身结合的非常好,设计风格和系统也很统一,给用户较好的体验。
2
确定整体产品色彩基调,色彩基调可以从产品功能中提取,也可以从产品LOGO中提取;
3
做出界面原型,包括功能布局、页面交互等元素;
4
在界面原型基础上进行色彩添加,进一步的细节调整;
5
有了好的外形基础后,再就是回归到用户体验。记住用户才是第一位的。交互设计通常靠外形吸引用户,但真正留住用户的是细节上的人性化。让这些极简的设计细节控制用户的生活习惯,最终让用户离不开它们!根据用户使用体验反馈再次修改界面,不断完善。

Ⅳ android app 详细设计文档怎么写

:软件需求文档格式的标准写法
1.引言
1.1
编写目的
·
阐明开发本软件的目的;
1.2
项目背景
·
标识待开发软件产品的名称、代码;
·
列出本项目的任务提出者、项目负责人、系统分析员、系统设计员、程序设计员、程序员、资料员以及与本项目开展

Ⅵ 如何分析 iOS,Android 和 Windows Phone 的 UI 设计

iPhone、Galaxy S3 以及 Lumia 920是市场上如今最引人注目的三款智能手机,正好对应iOS、Android及Windows
Phone三大平台,尽管三大操作系统在市场份额、出货量以及用户认可方面都有着不小的差异。

但更能我们兴趣,更有讨论价值的其实是这三大平台在设计方面的差异,这不仅最终决定着用户的体验,也决定了开发者的参与热情。

这篇文章从包括变局、导航逻辑、设计风格等六大方面的差异对三大平台的交互设计进行了较为深入的分析和讨论,极具参考价值。

一,布局形式的差异

1)iOS 经典的“tab bar”

在 iOS 应用内如果要切换不同的模块,或者页面内要切换不同的栏目,往往都会用到“tab bar”这一形式的控件。这个经典设计从 iOS
早期沿用至今,大部分 iOS 应用都是这样设计的。当然,iOS 本身是很包容的,最近也很流行抽屉式导航。但是 tab bar
一直是最受欢迎也最好被用户认知的方式:

2)Android 提供了 2 种视图控制方式

在 Android 4.0 规范出来之后,Android 提出了 2
种视图控制方式,一种是直接在导航栏的标题下加入一个触控按钮,点击后会弹出切换栏目的菜单(图中 2 标注的位置)

比如日历应用点击后可以切换不同的视图,另外一种是直接在导航栏的下面加入了一个视图控制栏(下右图中 2 标注位置),和 iOS 的 tab bar
很像,不过是仅放在了上面,而且提倡支持手势滑动切换:

3) Windows Phone 的创新

Windows Phone 与上面两个平台就差距很大了,因为 Windows Phone 独特的 Metro UI
提倡回归传统的阅读体验,像浏览报纸和杂志一样浏览手机上的内容,更关注与内容而不是修饰,所以 Windows Phone
整体都给人一种像在看杂志的感觉。Windows Phone 的视图控制通过一种叫做“全景视图”的方式展开(下图)。

实际上,4 个视图的内容是在一个页面上的,而且是一个页面同时加载的。用户的手机默认只显示第一屏的内容,通过滑动把后面的内容拉出来。

这种视图方式很创新,而且方便阅读,不得不说浏览的体验好了很多。但是需要注意的是:

•因为其实这3个栏目是同一页面视图,所以不要将内容放的过多,否则加载会很慢影响效率;

•对交互设计过程中的排版和视觉提出了很高的要求;

另外,Windows Phone 还提供了一种叫做枢轴的方式,枢轴和 iOS 的 tab bar
相差不是很大,只不过完全是通过滑动来切换栏目的:

(枢轴布局)

二,导航逻辑的差异

大家都知道 iOS 是没有实体返回按键的,所有返回都是通过导航栏的 back 按钮来完成。

在iOS的导航逻辑中,我们可以明显的看出来,整个程序是一页一页的切换,就像一个幻灯片。而返回按钮也就是切换到上一页。所以,iOS
的返回控制的是页面。

但是 Android 和 Windows Phone 就不是这样了,Android 和 Windows Phone
是有物理返回按钮的,点击物理返回按钮,控制的不光是一个页面,而且包括了上一步的操作,比如说:

进入页面 A,点击文本框弹出键盘。那么点击返回按键就是收起键盘。

所以 Android 和 Windows Phone 的返回逻辑是按照时间流来判断的,而不仅仅是页面,返回按钮控制的是动作。

需要特意提一下的是:Windows Phone 的返回逻辑不单限于应用内,还影响到应用之间。也就是说你当前正在桌面,再点击一次
back,就会进入你上一次打开的应用。

另外在 Android 4.0 开始,提出了一个向上的概念,就是导航栏标题前面的一个小箭头,点击这个箭头,是回到该页面的上一个层级:

三,应用之间联系的差异

众所周知,iOS 是一个封闭的系统,而 Android 是一个开放的系统。

我们可以比喻 iOS 每一个应用都是一个小房间,每个应用都在自己的房间里做自己的事情,互相之间不进行任何来往。而 Android
则是一个大大的办公区,每个应用虽然也有自己的工位,但是可以互相串门或者借用东西,而 Windows Phone 则遵循着和 iOS 差不多的方式。到了 iOS
6 的时候可以支持应用直接互相跳转了,但那也仅限于你跳出去了,就不再回来了,也就是说到了那个房间你就是那个房间的人了,与之前的房间没有关联了。

这样的差异意味着,iOS 和 Windows Phone
应用的权限变得很低,身为应用的你既不能修改系统的一些属性(除非越狱了),也不能修改其他应用的内容。而 Android
的一款应用不但可以控制系统的一些操作,还可以控制其他应用执行某些特定的操作。

这种差异会让 Android
上的应用设计有了更多的可能,身为设计师的你可以根据这一特性设计很多不错的功能,比如系统美化或者系统优化,杀毒,拦截电话等功能,而 iOS 和 Windows
Phone 就不能。但是这也让 Android 系统面临了很严峻的安全问题,所以Android上各种优化和杀毒软件很流行。

四,多任务的差异

多任务的差异用一句话来形容就是:iOS 和 Windows Phone 都是假的多任务,而 Android 是真的多任务。

如果你设计的应用有下载,那么 iOS 和 Windows Phone 切换到后台下载就被暂停了,而
Android 不但不会暂停,你还可以设计一些偷偷在后台运行的功能!

五,分辨率的差异

亲,你知道Android现在有多少种分辨率吗?

(TECH2IPO 注:此数据图显示的是 2011 年 Android 手机状况,现在,相关问题已经有所缓解和减轻。)

适配一直是 Android
很头痛的问题,身为前端往往要为不同的分辨率调效果而保证界面不会变形和模糊。而分辨率问题不仅仅影响视觉这一块,对交互设计也有很大的影响。因为这些手机往往屏幕比例也是不同的,你需要考虑不同的长宽比下,你的界面布局应该是怎样的。所以在设计
Android 的时候,你不能要求把界面布局写死,应该尽量保证每个控件都是浮动的,而且自己能评估出各种古怪的布局下的效果。

iOS 和 Windows Phone 就会好很多。iOS 分辨率分为 320x480,640x960,640x1136,Windows Phone
分辨率分为
480x800,800x1280,800x1136。虽然看起来也蛮多的,但是界面的比例基本上没有什么变化。所以对于交互上的布局影响并不是很大,视觉设计师也可以通过脚本缩小裁图简单的解决问题。

六,设计风格的差异

设计风格是这 3
个客户端自己独特的个性,设计风格不单影响的是视觉设计的层面,对交互设计也非常的重要。尤其是在考虑动效,拟物化交互的时候需要重视。iOS
的设计风格偏向拟物化风格,这个拟物化不光是视觉上做出很多拟物的小按钮小控件的,为了配合视觉,你往往在交互上也可以加一些生动有趣的内容。

比如说像最新的
Path,进入商店时遮阳板会有一个收起的效果,小卡片也会根据重力感应而摇摆。如果交互上就能体现出平台的设计风格的话,无疑会非常讨好用户,增加产品细节上的亮点。

Android 平台就简单一些了,在整体的布局和交互形式和 iOS 差不多的情况下,尽量的简洁,呈现一种科幻的风格即可以了。Android
平台尽量少用拟物化的动效,因为 Android 系统对于动画效果的渲染比较差,如果太复杂的话可能会让界面非常的卡。

Windows Phone 平台则有着很大的不同,Metro UI
的理念要求设计者更多的考虑如何展现内容,使用平滑的过渡动画。而且还对设计者的排版和平面设计提出了一些考验。所以建议交互设计的人好好读读WindowsPhone界面设计准则,并且平时就积累一些Windows
Phone界面的视觉界面感觉,不然视觉设计师很可能会埋怨你哦!

Ⅶ iOS与Android的产品设计应该注意哪些方面

都是机密

Ⅷ 同一个产品在Android和IOS端是设计两套UI,还是设计一套

一般情况下是设计一套,切不同倍数的图,然后根据实际情况微调部分,现在乣改的很少了,前一两年是因为苹果没有返回键,就一定要注意适配

阅读全文

与android产品设计相关的资料

热点内容
安卓快手下载怎么没有下载到本地 浏览:228
怎么在安卓手机登绘旅人 浏览:404
桌面文件全部加密 浏览:401
6s怎么外接u盘需要什么app 浏览:131
linux查看文件权限命令 浏览:685
安卓手游存档怎么用 浏览:761
linuxyum安装ftp 浏览:690
村委会主任可以推行政命令吗 浏览:102
电脑文件夹封面多张图片 浏览:263
网吧总服务器叫什么 浏览:922
多个算法解决同一个问题 浏览:455
小车解压后我的购车发票呢 浏览:977
做app开发用什么云服务器 浏览:177
linux网卡子接口 浏览:985
21岁职高毕业学程序员怎么学 浏览:321
vs如何对单个文件编译 浏览:6
为什么有的电脑不能安装python 浏览:75
金蝶迷你版加密狗检测到过期 浏览:186
硬件描述语言编译结果 浏览:655
程序员逆天改命 浏览:19