摘要：如何为Android设备量身定制以打造出最为完美的应用？这是让诸多开发者很是头疼的问题。不同于iOS，Android设备品类众多，屏幕分辨率、动态缩放、字体等各有不同。美国自学成才的UI/UX设计师Meng To结合自己所学及实战演练对Android应用设计进行了各方位的深入剖析。
与苹果的iOS家族相比，Android家族显然要大得多，但俗语有言“林子大了什么鸟都有”，Android设备品类繁多，界面不甚协调，再加上其一贯的自由开放作风，直接导致了应用极度缺乏统一性。Android自身的开放性极大的推动了应用的自主性，但对于开发者而言，在应用开发过程中，大到界面设计，小到屏幕分辨率、动态缩放及字体等都实在是很让人头疼的问题，这也是为什么近些年来响应式设计愈渐风行的原因之一。对此，来自美国自学成才的UI/UX设计师Meng To结合自己所学及实战历程对Android应用设计进行了深入细致的剖析。
过去我从来不会在Android应用开发的方针准则上费事儿，因为我相信实践出真知，更何况Android平台实在太为广泛，应用开发很难统一，但现在Android平台已日趋成熟，这是件很值得高兴的好事。
在很长一段时间里，返回按钮因为同等的硬件问题永远不会成为用户界面的一部分。而现在硬件按钮已逐渐消失，早在2012年初，Google便官方表明“为了给用户使用应用带来最直观、无缝的体验，开发者在进行设计时需停止使用硬件式按钮。”现在，当用户进行内容分层次浏览时紧挨着相应应用LOGO处有一个表示“返回”的箭头已成非常流行的做法。用户界面的返回按钮（即所谓的“向上按钮”）相比硬件式返回按钮稍有不同，当向上按钮只是将界面内容退回到上一页时，返回按钮可以直接退回到之前使用的任何应用或内容。
屏幕分辨率
在Android平台上，所有的屏幕分辨率都相当的让人摸不着头脑，从xhdpi（2x）、hdpi（1.5x）到mdpi（1x），听起来非常有技术含量。差不多一年前当我刚开始学习Android应用开发设计时，伟大的程序猿们甚至都没有跟我解释它们每个的比值到底是多少，当然我理解也许在他们看来这不是个问题，但对于菜鸟而言，这实在是很恼人的大问题，不过不懂就问，学生时代的课堂上老师不都这样说的嘛。
图：Android屏幕分辨率
对于应用，必须以720××960及360×640等的屏幕分辨率来进行设计，以确保硬件式按钮及所设计的高保真实体模型（样机）上有状态栏的地儿。
大多数Android应用中，动作栏是最显眼的UI元素。如果已经厌倦使用默认风格，可以尝试使用在线工具Android Action Bar Style Generator生成炫目的动作栏。使用该网页应用，选好各个部位的颜色，便可自动生成所有相应的资源文件并打包成zip格式压缩包以供下载，里面包含有720××960及360×640三种分辨率资源。
图：三种分辨率
而来自Telly的设计师Jeremy Sallée之前也做了一个非常实用的可视化文档，展示了这三种分辨率的不同。
9-slice Scaling（9格缩放）
Android上有一个和CSS非常不同的很独特的图形化资源管理方式，9-slicing允许开发者随心所欲地指定是否缩放，即使界面调整，圆角还可以保持不变。
图：9格缩放
所谓9格，即如图所示，中间5区为内容区，正常缩放；1、3、7、9为角，不进行缩放；2、8横向缩放；4、6纵向缩放。9格缩放在UI设计中非常实用。
图：Android 9-slice
不同于iPhone上应用标题常位于页首中间位置，在Android平台上，应用标题正常位于左上方靠近LOGO的地方，这也导致如果点击应用图标，可能会转向某一侧菜单或退回到上一界面。
某些情况下标题栏往下会有一个三角形小箭头，表示内容目录为可分级浏览，如同在PC上一样，在Android设备上使用下拉式菜单也非常普遍。
除此之外，其他所有的动作都应该相对立于右上方，包括刷新（在Android设备上通过下拉刷新并不常见）、搜索及其他诸如返回等功能按钮，在动作栏中，使用过多的功能按钮并不合适，也就是所谓的物极必反，因此还是适当的好。
但就字体而言响应式效果就很重要，但很不幸字体是特定的，这也直接导致在某些设备上其显示效果非常令人“难过”。尽管智能手机更新迭代速度很快，但正常情况下要想保险一点还得在旧式手机上来测试，至于浏览器，还是使用IE6比较好。在Android上最受欢迎的字体是Droid Sans，它是可以免费下载的，而现在Roboto在新设备上越来越流行，大有冲击之势。
图：Droid Sans vs. Roboto
在Android xhdpi（2x）中，像素最小值为正文28px、菜单及页首96px、页脚116px，只比iOS（24px、88px及100px）稍长，Android与iOS的比率为116%。
在Android手机上
来自Google的Roman Nurik之前发布了一款名为Android Design Preview的相当实用的工具，允许开发者在自己的Android设备上进行设计测试，能以非常完美的像素值展示桌面视图或设计图像，不需通过Dropbox（一个提供同步本地文件的网络存储在线应用），也不会将图片压缩得失真。
要想在Mac上进行测试必须通过对安全隐私的系统参数进行设置，以确保除App Store内之外的应用可以下载。
图：系统参数设置
图：Android设计演示
在完成以上设置之后，通过USB数据线连接到设备上，点击“Install App（安装应用）”，随后即可进行演示测试。
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：哪些游戏有着非常漂亮的 UI 界面？ - 知乎2582被浏览371401分享邀请回答0添加评论分享收藏感谢收起0添加评论分享收藏感谢收起查看更多回答5 个回答被折叠（）有哪些好看的ui界面？ - 知乎13被浏览1008分享邀请回答5添加评论分享收藏感谢收起0添加评论分享收藏感谢收起查看: 19737|回复: 346
【原创】最好看的 Mach3 的中文UI 界面来了，你还在等什么？
本帖最后由 aleyn 于
09:14 编辑
原贴在这里
这次就不仅仅是显摆了，而是共享和分享，大家一起玩，有好的建议担出来，一起改进。
这个Mach3 的中文 UI 是我原创设计的，但不仅仅是改了UI而已。
其一，界而布局优化，常用功能一目了然，分页切换简单明了。
其二、加入好多快捷键，并与Joystick互动。
其三、突入刀路显示，方便在雕刻监控过程中监管刀路。
其四、加入对刀和对位界面，PCB双面板对孔和对位更加方便。
其五、在最后一页将Mach3自带的机床状态界面，重新排版，以方便查看更详细的资讯。
其六、在界面的最下面，加入了标识：与阿莫论坛的所有”摩丝“们一起分享手工制作的快乐 / UI 设计：Aleyn.wu / 更新时间：
由於原贴跟贴的积级性不高，作为惩罚，这个UI需要10莫元才能下载。
这10莫元意味着，如果你的莫元是0的话，你需要在本坛的任何技术版块回复10个贴子就可以获得。
当然，你也可以在原贴（）连续回复10个也能获得10莫元。
如果你的莫元已经是成百上千的，那就随便下载吧.
(3.17 MB, 下载次数: 574, 售价: 10 莫元)
08:56 上传
点击文件名下载附件
售价: 10 莫元 &
Mach3UI1.jpg (686.34 KB, 下载次数: 17)
08:57 上传
Mach3UI2.jpg (696.7 KB, 下载次数: 3)
08:57 上传
Mach3UI3.jpg (711.56 KB, 下载次数: 1)
08:57 上传
Mach3UI4.jpg (530.54 KB, 下载次数: 1)
08:57 上传
Mach3UI5.jpg (831.69 KB, 下载次数: 1)
08:57 上传
post_newreply
顶村长。虽然暂时用不着。
举报置酷，看能不能赚3莫元
顶村长……
赚一个莫元先
chengpiaopiao 发表于
举报置酷，看能不能赚3莫元
举报置酷，听起来怪怪的。
我只顶一下，不下载
村长威武，这么好的东西不项不行，谢谢共享，这肯定又是一个酷贴，向村长致敬！
顶，这下可以好好学下mach3了，买了雕刻机还不会用这个软件呢
我只顶一下，不下载,有JJ再玩
好东西,正好需求
顶顶更健康！
界面很漂亮。
呵呵&&只顶 不下&&
换界面，又得重新熟悉，，意义不大……
学习一下，看看莫元够不够花
下载啦，谢谢村长
坐等小白鼠
谢谢，辛苦了！
顶高人，赚元。
村长威武，暂时用不上。
顶一下赚个莫元
好吧，我也来赚个莫元先~~先后试了3台机，运行并口卡都不太好
頂一個，學習下。
10莫元小意思。。。谢谢啊
先赚回一莫元
支持村长，这个界面真的很漂亮了
很漂亮的UI，顶村长。
这界面，比的上老罗的锤子了
牛 好看的 界面
支持，顶村长了。
不错，界面挺好看
用不上，顶一下，另背景搞简单点，总感觉有点影响视线
帮顶个吧 虽然用不上
大牛总是离我们很远又很近
哈哈，好东西，只是还用不到
虽然是小白，我也来顶顶！
这个必须得顶起来，好东西呀
能改個繁體的嗎?
顶村长。支持一下。
这个必须顶！！！！！
顶村长……
頂村長！！
顶一个。。。
这个要顶啊，不够288楼我以为泡汤了呢！谢谢村长的贡献
界面真的很漂亮~ 村长是女性？
没钱也要下，
村长有材有度
感谢楼主分享
购买下载，回帖返现1莫元
感谢村长大作！村长有这个能力，建议转向自主贴片机上位机软件！
莫元不够的人先行顶贴，存够了再回来下载。
lxy818 发表于
感谢村长大作！村长有这个能力，建议转向自主贴片机上位机软件！
曾经有过这样的想法，但后果还是放弃了。
主要是时间和精力上应付不来，而且前景不明。
回帖 只为 看现在有 几个莫元
&&顶一个。
& &好鲜艳哦，顶
先顶着赚了钱再说，以后会用着的
这个绝对是好东西
谢谢，辛苦了！
村长的好东西,顶顶
顶一下，不下载
回个帖赚个莫元，谢谢
非常感谢，顺便看看我又没有莫元
帮顶& && && && &&&
好东西，标记！
看着很强大，先留着。
顶顶赚莫元, 还没机机暂时用不上。
下来用下，如果能写份简单说明，就更好了
好看，可惜用不着哦。
这界面看着好花哨
好东西 顶一个
顶，等需要的时候再来买，莫元少啊！
暂时用不到，顶村长整点莫元以备不时之需
顶，这下可以好好学下mach3了，买了雕刻机还不会用这个软件呢
好象钱不够下载的。晕了，只好顶顶了
突然发现，自己注册都一年了。。。。一直潜水学习都没发贴。
我是来赚莫元的。
下载不了，怎么办啊？
好多数字哦
不错啊，就是看起来有点花哨
过完年我已经把MACH3改成维宏了，虽然如此，还是顶LZ的贴
好东西！虽然用不上，但看着不错~~~~顺便看看自己多少莫元......
不好意思，非常小白的问一下，怎么用啊？
为了顶而顶,画得不错。
好，就差雕刻机了
界面很漂亮哦，得学习学习Mach3啦！
这个要顶起来，做界面不是很简单。
不错，界面很漂亮。
顶村长。虽然暂时用不着。
其四、加入对刀和对位界面，PCB双面板对孔和对位更加方便。
突然这个引起了我的兴趣，这个好。
希望有机会有得上
顶一下!&&顺便弄一个莫元回来.
只顶一下，不下载，
喜欢，原来那个刀路很不爽
10莫元意味着
好贴，漂亮，我要下
找楼主有事&&希望能给我改一款 mach界面& &忘给我发消息 留qq号
有没有人用这个来做一个机器人控制界面呀
谢谢，已收藏了
阿莫电子论坛, 原"中国电子开发网"}