Android 开发
用户界面设计

如何做好安卓应用的界面设计?

关注者
923
被浏览
157,466

22 个回答

一、首先要了解安卓应用长啥样。

Android 4.0风格:

Design | Android Developers

中文:

Android Design

Android 5.0风格(Material Design):

Introduction

中文:

Material Design

(PS:这个版本的翻译还不怎么好,英文好的话建议看原版,不好的话也建议看看原版,顺便学习一些专业的词汇,如什么是Action Bar,Toolbar,FAB等等)

二、玩Android风格的APP

Google自家的应用:

我收集的一些Material Design风格的应用:

寻找Android范儿的应用:豌豆荚、最美应用

三、获取设计灵感

博客:

Android Niceties

安卓应用截图

Pttrns | Mobile design patterns, resources and inspiration

应用截图有Android,iOS、Apple Watch也有

signa.li/

dribble,behance等网站上关于Material Design风格的icon,APP作品

Material Design, Daily

专门展示Material Design风格设计作品,有网页端,也有APP,icon等等,同时会有一些实际上线的应用,链接一般都会指向Google Play。

(PS:上国外网站,最好有梯子,要不然连Google Play都进不了,有些应用在国内应用市场搜不到的!!!)


以上是我学习如何设计一个Android范儿的APP的学习方法,总结为一句话就是:

多看(看优秀APP的配色、排版、字体大小、字体样式、字体颜色等等,配合Mrarkman

马克鳗 - 设计稿标注、测量

学习效果更佳),

多想(思考优秀作品是如何解决某个问题的,如搜索模块,个人页面模块,阅读模块等),

多练(国内有大把大把的iOS风格的Android应用,学了理论之后总得实践吧,为何不来个Redesign呢)。

PS:我是一个零基础自学APP UI设计的爱好者,我也是非科班毕业的。如有什么不对的地方,请大神们指出来,我改正。

发布于 2015-05-16 20:34

不抄iOS,遵循Google的Android Design规范

Design | Android Developers

君可见现在新浪微博Android官方客户端以及腾讯微信的UI照搬iOS显得那么无可吐槽。

=======2013.6.8更新=======

这段时间自己研究了挺多的Android Design的东西,有了更多的想法,故有此更新。

众所周知,Google于2012年初推出了Android Design的设计规范。

在规范里,包括:

Get Started
Style
Patterns
Building Blocks
Download
Videos

关于里面的内容,在此不再一一展开说明。如果你作为一个用心的Android开发者的话,亲自查看参考Google的Android Design进而遵循,会比那些只会搬iOS的拟物界面的开发者对Android生态圈负责多了。

官方对于如何做好Android App的UI设计一直有着很多的导引和建议。在2013年的Google I/O 里面有不少的Android UI设计的Sessions都有提及到如何做好有Android的UI设计:(YouTube链接)

youtube.com/watch? youtube.com/watch?
youtube.com/watch?

个人的一些看法:

1.其实Holo Theme只是Android Design的一部分,并不是全部。

例如:

图片来源:

Android Design 与 Holo Theme

非Holo Theme却符合Android Design的Evernote。

2.以后再补。



-

编辑于 2013-11-30 01:15

让你大开眼界的10款Android界面设计


根据调查显示, iOS与Android的市场份额差距正越来越大。Android设备正在成为手机应用市场的主力军。如何从设计层面创造一个优美的app界面来吸引用户已然成为广大App开发者们必做的功课之一。


尽管苹果的扁平化设计风格在这几年出尽了风头,但Material design主导下的Android应用界面设计也是非常值得设计师学习和重视的。以下是Mockplus为大家整理的一些界面设计非常优秀的安卓应用。


1. Eye In Sky Weather



与iOS一样,谷歌Play商店中也有大量的天气应用。Eye in Sky Weather以其简约,全息主题和用户所期待的天气应用程序应有的基本功能而脱颖而出。该应用程序包括14个最好的天气图标集,可以添加自己的图标集。还有四个高度可定制的小部件和一个可扩展的通知,还有一个DashClock扩展。


2. Snapseed



Snapseed是Google提供的综合照片编辑应用程序。除了拥有Instagram提供的基本编辑功能之外,Snapseed的这种编辑模式使得照片编辑变得前所未有的简单。许多照片编辑应用程序的编辑过程都显得非常笨重,但Snapseed保持简单风格的同时还提供了很多可轻松调整的选项。


当然,你可以改变灯光和添加滤镜,但重新聚焦图像和改变胶片风格的能力使得他们的工具箱是独一无二的。最后,根据您之前制作的节省,重新编辑的能力使得这个应用程序成为我最喜欢的照片编辑器。


3. YouTube



作为全球最大的视频共享网站,YouTube自2005年成立以来一直受益于他们的智能设计。同样的灵感贯穿到今天,并且可以看到移动应用程序易于使用的服务。


同样,虽然YouTube不是专门的移动应用程序,但YouTube视频中超过一半的视图都是通过移动设备完成的。 2017年这样的应用程序的必要性是非常明显的。


YouTube在保持设计的可访问性和新鲜度方面做得很好,每两周更新一次应用程序,并使设计适应它们对平台所做的更改。事实上,大多数用户也更喜欢移动版本。


4. Pinterest



Pinterest可以说是最美Android应用程序设计的竞争者之一。 从详细的注册流程到照片的全面展示,Pinterest为用户界面添加了足够的细节,使图片和内容保持在中心位置。


5. Trello



Trello是一个项目管理和组织工具,主要工作是他们所谓的“看板”。每个看板可以对应不同的任务或责任,需要完成。 简单而明显的设计使得工作可以更快地完成,并减少了各方之间的交流错误。


Trello是一个很好的用户体验设计的案例,因为它没有太多不必要的功能。 应用程序主屏幕上的所有内容都很容易理解,并且完全按照应用程序的方式工作,不会对任何从一个板到另一个板的任务产生任何困惑。 界面设计非常直观,第一次使用应用程序的用户可以轻松浏览不同的页面。


6. Slack



Slack是适合各种团队的沟通工具。 无论是计划一个事件,从事某个项目,还是只是厌倦了电子邮件,Slack正在成为专业人士之间使用最广泛的工具之一。 这个成功的关键原因是他们简单而强大的设计。


虽然Slack不是专门的移动应用程序,但他在移动设备上的用户体验并不比在计算机上使用差。您需要的所有内容都非常清晰地放在左侧的下拉菜单中,而团队Feed始终在应用程序的主要区域进行更新。


7. Duolingo



Duolingo是一家语言学习公司,教导用户如何通过迷你游戏和简短的课程讲不同的语言。 该公司成立于2009年,已经达到1亿用户,并且一直在持续增长中,主要是由于他们的应用程序非常简单,技术也在不断的创新。


任何使用Duolingo的人都能理解应用程序的简单性。 通过完成一个任务或游戏,您可以转到更高级的类别。 结合移动游戏应用程序的成瘾性,并使用它来学习新的语言也是一个很棒的主意,在此基础上的用户体验也是吸引用户的因素之一。


8. Wickr



与许多有效的移动应用程序UI设计一样,Wickr非常简单。 它可以完美地处理安全的消息,同时保持其基本的黑色和白色的设计。 无论用户是出于商业还是个人目的选择,都是安全发送加密消息的有效方式。 它具有群组消息功能,以及一对一的通信。 信息发送者可以控制消息,图像或视频可以被查看多长时间。 像Snapchat的消息只能显示1-10秒钟,随着时间的推移,它会数字化地“碎片化”已删除的消息。


9. Hipmunk



Hipmunk是计划旅行的最快,最简单的方法。 这个程序将通过比较所有的顶级旅游网站节省您的时间,包括设置您想要前往某一天的目的地的提醒,查看其他乘客的评论,预订航班,根据您想要最接近的目的搜索酒店房间等等。


我真正喜欢它的设计方面是,它可以根据您的需求,例如基于卡片布局的城市访问,或适合某个预算的酒店的最佳时间)量身定制您的视图。 这是一个真正可定制的预订旅行安排的应用。


10. PEAR Sports



PEAR是一款个性化的健身应用程序,集合了数以千计的锻炼与私人教练。 这个应用程序可以对用户的健康数据做出实时反应,以适应用户的具体需求的锻炼。比如跑步,骑自行车和举重训练,并根据你的选择对你进行实时鼓励。 它与所有主要的健身追踪器和应用程序同步,以保持所有的锻炼数据易于管理。 最重要的是,你可以随心所欲地打开或关闭手机。 如果您正在做瑜伽或其他需要双手的东西,您的私人教练可以纯粹通过音频来指导。 例如,如果您在跑步机上跑步,则会提供有用的心率图形,燃烧的卡路里以及总体进度。 总的来说,这是一个非常有用的应用程序,考虑到个性的健身,以及其可定制的功能和设计。


更多UI设计资源


1. developer.android


作为安卓开发者,可以参考Google的Android Design规范,官方对于如何做好Android App的UI设计一直有着很多的导引和建议。


2. Github


Github的UI设计板块收集了很多设计相关的素材和优秀设计站点。不仅仅限于Android应用界面设计。


视频教程


1. How to Design Android UI/GUIs in Android Studio


这个视频向Eclipse用户解释如何使用Android Studio为你的应用程序创建图形用户界面。 视频很长(接近一个小时),但流程逻辑上很容易。


2. Android UI Tutorial: Layouts and Animations


Android UI布局和动画的最佳教程之一。 它教你如何使用Android Studio创建不同的布局(框架布局,线性布局,相对布局和网格布局),视图(TextView,ListView,ImageView,GridView,RecyclerView)和动作(属性动画,可绘制动画)。 本教程适用于初学者和高级设计人员,并且可以在GitHub上使用该项目。


关于原型设计


一个应用的设计风格基调奠定我认为是从原型设计开始的。在App的原型设计阶段,UI元素的选择和使用是设计师需要慎重把握的。在工具选择方面可以根据安卓应用的特点尽量使用 Mockplus或者Justinmind这类偏向于Material design风格的设计工具。

相关阅读:

【附教程】App原型设计—Dribbble极具创意的下拉刷新案例大放送

App启动页设计实例和技巧,启动即让人心动

APP可访问性设计:拒绝体验“障碍”

移动应用体验设计之江湖传言,相信,你就输了

2018年必看最新创意手机聊天界面设计

10个最新优秀手机应用界面设计实例

“手把手教你设计”—12个最佳手机APP界面设计教程

【新手指南】App原型设计:如何快速实现这6种交互效果?


编辑于 2018-06-15 18:11

依旧赞同:抄!

但是有前提:首先提高自己的审美,然后要抄就抄最好的。

设计的最初都是临摹,再才是自我的延伸。站在巨人的肩膀上,看的会更远。

有了好的外形基础后,再就是回归到用户体验。记住用户才是第一位的。

交互设计通常靠外形吸引用户,但真正留住用户的是细节上的人性化。让这些极简的设计细节控制用户的生活习惯,最终让用户离不开它们。这才是王道!

设计外观只是表象,设计心理才是核心。

发布于 2011-07-02 23:44

1、功能优先:确定你最想给用户使用的功能,用最直接的方法展示出来

2、遵循android 4.x设计规范:大量使用holo布局、控件、色彩、操作方式

3、创造特色:个性的logo、独特的配色、流畅的特效都能让用户记住你的应用

编辑于 2013-02-20 00:42

Android不是ios的复刻品,Android拥有独立的灵魂

学习

Design | Android Developers

,记住Android Design只是辅助,只是一种理念的传递,完全照搬只会东施效颦


合理布局 色彩搭配 流畅过渡 符合规范

编辑于 2013-02-20 18:35

好的设计,就是好的设计。和平台无关。

iOS 的视觉和交互设计不断进步,和最优秀的第三方开发者不断突破苹果的 HIG 有很大关系。拖拽刷新,侧边栏都不符合 HIG, iPhone 上使用 PopOver 更是直接违反 HIG 。

Android Design 如果不能超越 iOS 风格,那为什么微信的选择是错的?

为了和 iOS 不同,而不是因为他真的更好而遵守 Android Design ?那只能让人想起 Ive 被引用了无数次的那句话:

It's very easy to be different, but very difficult to be better.

编辑于 2013-04-02 23:34

满嘴规范的都扯蛋,完全不站在用户的角度考虑问题,当年为了让用户舒服,我们已经被IE6折磨的体无完肤,N多前端人士至今还在火坑里,但是结果好歹是给用户一个统一完整的视觉效果。现在到了移动端,本以为html5能解决一揽子问题,可惜气候不到。目前来说,抛开用户不关注的底层架构不一致外,界面还能搞2套规范,算上还不够强大的wp,得3套,我用一个软件意味着可能要学习3套使用习惯(你不换手机就罢了)。没有对错,遵循规范我也赞同,但是我只是觉得这么一大帮子人没有替用户说话,真是替用户着急。此外产品经理也要熟悉3个平台的特性,其实干的是重复的事情,我也觉得真心恶心。只能希望几家大公司在做规范的时候能不要太逆天,相互之间能有些传承为好。

我赞同:好的设计,就是好的设计。和平台无关。

实际实践中:尽可能做到通用,在尽可能一致的前提下针对不同平台做特定的优化。

此外,希望楼上规范帝们能贴出一些同时做多个平台,保持高效更新还完全遵守各自规范的案例出来,让我们关注下他们未来的趋势是继续勇猛的求异还是睿智趋同。

编辑于 2014-03-16 22:32

推荐一篇看到的文章『让我们一起来做最漂亮的Android界面』。文章可能有点标题党,但还是值得一读。

让我们一起来做最漂亮的Android界面_HTML5中国
发布于 2013-02-20 19:17

建议你先用用Google的原生应用,你就能感受到! 如果能用到原生的安卓系统那就更好,比如现在的4.4,你会发现在系统流畅性在iOS已经不能骄傲了!

发布于 2013-12-16 18:54

目前,信息化时代在快速发展,智能化软件的应用项目已经无法满足当代人类的需求,物质生活需求和精神生活需求都在不断提高,对于智能手机而言,几乎人手一部,智能手机的普及加大了人们对软件的需求。

智能手机APP的应用方面以及设计方面都有相应的要求,为了吸引更多的客户,APP界面设计要新颖和美观,APP应用要确保安全可靠,在用户操作时能够方便快捷的找到自己所需,智能手机APP界面设计应注重交互特性,让用户在使用过程中充满愉悦感。APP的设计重点:一个是界面视觉设计,一个是考虑界面设计的用户体验。




因此,在界面设计过程中要适当融汇多样的视觉搭配,达到最佳效果,这样有利于凸显软件的个性,吸引用户,还有利于用户平时检索信息,为用户提供美感。只有这样的设计才能赢得用户信任,增加用户对APP应用的信赖。

一、智能手机APP界面设计美感的重要性智能手机是当下最流行的产品,其中APP界面的设计也是现代科技发展的重要内容,界面设计的美感有助于吸引用户,满足需求,从而达到产品推广的效果。


1.1智能手机APP界面设计美感有利于吸引客户APP界面的设计美感能够第一时间吸引客户眼球,客户对软件感兴趣,在使用中体验感受,界面设计的美感不仅是颜色的协调,还有程序要素之间的搭配,有利于客户在使用中享受快乐,简单的操作方式能够让客户放松,还能够及时找出所需要的内容。

APP界面设计是APP设计的重中之重,界面的新颖能够使大多数客户产生需求,从而有利于推广产品。





1.2智能手机APP界面设计美感有利于凸显个性智能手机APP界面的设计是自身风格的体现,良好的设计能够很好的凸显软件的个性特点,客户能够根据外观需求选择软件,能够加大软件的利用率,同时,设计者还可以根据广大人民的使用效果和使用建议不断完善APP设计风格,有利于凸显个性。

个性是用户最大的需求,界面的美感设计能够在吸引用户的基础上突出软件的特点和细节,使用户更好的使用该产品。

二、智能手机APP界面设计特点细节方面存在的不足





2.1智能手机APP界面设计特点细节方面忽视用户喜好智能手机APP界面设计时,设计者在细节设计方面忽视用户的喜好,不了解当下用户的心理,盲目的设计,或者是仅仅满足一小部分人的需求,无法顺应时代要求,达到大众化应用效果。界面设计的特点过于落后,不能符合现代年轻人的需求,细节方面存在疏漏,无法为用户提供安全可靠的使用环境,从而,降低了软件的使用频率。


2.2智能手机APP界面设计特点细节方面缺少美感体验设计师在APP界面设计中往往复杂交错,缺少美感,复杂的内容和繁琐的程序相结合,导致用户使用起来产生一片混乱,不能够第一时间找到自己所需的内容,不仅浪费用户时间,还能降低用户使用的兴趣,最终也将导致大多数用户卸载淘汰。设计者设计界面时,忽视颜色的融合,导致用户视觉效果受影响,无法集中用户的注意力,在使用上存在严重问题。


2.3智能手机APP界面设计特点细节方面缺少实用特性有些设计师设计APP界面由于太过注重美观化而忽视使用效果,缺少实用性,人机交流出现障碍,用户不能理解APP所提示的内容,即时外观再舒适也不能有效应用。设计程序的繁杂不利于软件的使用,反而会影响用户的使用心态,设计细节杂乱,会大大降低APP的实用性。

编辑于 2022-02-08 14:37

好的设计,就是好的设计。和平台无关。

It's very easy to be different, but very difficult to be better.

--------------------

必须赞.

发布于 2013-04-03 17:20

一个开发过程中的感觉,就是如果在ios和Android上同时开发,肯定会在视觉效果上兼顾ios的视觉效果,而ios的视觉效果整体都比较统一切美观,试想一个人换用了手机,肯定要遵循原有的使用习惯,如果Android每个应用都保持独有的设计规范,而不是考虑用户的使用习惯,那反而是一个灾难

发布于 2014-11-22 22:16

当一个设计师用“国内厂商都有各自需求,所以规范根本没用”来回答我关于Android官方推崇设计规范与IOS推崇设计规范之间的区别时,我就觉得这设计师没追求。所以,好的设计一定要有追求……

发布于 2013-05-31 14:43

遵循Google官方的Guide,图片做好看点,细节多用提升体验的动画,无它

发布于 2014-05-15 19:12