提升用户体验的安卓系统开发用户界面设计技巧

提升用户体验的安卓系统开发用户界面设计技巧

在当今移动应用市场竞争激烈的情况下，用户体验已经成为吸引用户和保持用户忠诚度的关键要素之一。作为安卓系统开发者，设计出简洁、直观且富有吸引力的用户界面是非常重要的。本文将介绍一些提升用户体验的安卓系统开发用户界面设计技巧，帮助开发者们更好地设计出用户满意度高的应用。

1. 简洁明了

一个简洁明了的用户界面设计是提升用户体验的关键。避免在界面上添加过多不必要的元素，保持界面简洁，让用户能够快速找到他们需要的功能。合理利用空白空间，让界面更加清晰明了。

2. 考虑用户习惯

在设计用户界面时，要考虑到用户的习惯和行为模式。例如，将常用功能放置在易于触及的位置，遵循用户的操作习惯，减少用户的学习成本。也可以通过用户反馈和数据分析来不断优化界面设计，提升用户体验。

3. 趋向扁平化设计

近年来，扁平化设计已成为设计界的主流趋势。扁平化设计风格简洁清晰，符合移动设备用户对简约、直观的需求。采用扁平化设计风格可以让界面更具现代感，同时也有利于提升用户体验。

4. 考虑不同屏幕尺寸

安卓系统存在各种不同尺寸和分辨率的设备，因此在设计用户界面时需要考虑到不同屏幕尺寸的适配性。采用响应式设计，可以确保应用在各种屏幕尺寸上都能够良好呈现，提升用户体验。

5. 色彩搭配与视觉效果

色彩搭配和视觉效果对用户界面设计起着至关重要的作用。选择合适的色彩搭配可以让界面更加美观和舒适，同时也有利于引导用户的注意力。合理运用动画和过渡效果也可以让用户界面更加生动，增强用户体验。

6. 优化交互设计

良好的交互设计可以增强用户体验，提升用户对应用的满意度。在设计交互时，要考虑到用户的操作习惯和心理预期，设计简单直观的操作流程，减少用户的操作难度。同时，及时给予用户反馈，让用户清楚他们的操作所产生的效果。

7. 注重用户反馈

最后，用户反馈是优化用户界面设计的重要依据。开发者们应该及时收集用户的反馈意见，了解用户的需求和不满意之处，根据用户反馈不断调整和优化用户界面设计，提升用户体验。

提升用户体验的安卓系统开发用户界面设计技巧包括简洁明了的设计、考虑用户习惯、趋向扁平化设计、考虑不同屏幕尺寸的适配性、色彩搭配与视觉效果、优化交互设计以及注重用户反馈等方面。通过遵循这些设计原则和技巧，开发者们可以设计出更加符合用户需求和期望的用户界面，提升用户体验，赢得用户的青睐。

---

Android手机应用UI设计的10个建议

每个开发循环迟早到会走到应用几近完成这个点。 接下来要做什么呢?你可曾听说过“用户体验”这个词?以下这10个技巧能够使新手机应用在发布前提升质量，最大化发掘该应用的潜力，从而最小化用户差评和低下载量这种不良结果。 1、首次开启体验 优秀的网站和手机应用有诸多相似之处。 这两者都能够迅速吸引用户或访问者。 如果没有做到这点，用户很可能会转而寻找其他替代品。 多数用户不愿意浪费时间来弄清楚要如何运行应用或阅读复杂的教程。 他们会选择放弃该应用。 首次开启应用时，每个人的脑中都会浮现出相同的3个问题：我在哪里?我现在能够做什么?我接下来能够做什么? 努力使应用立即对这些问题做出回答。 如果你能够在前数秒的时间里告诉用户这是款适合他们的产品，那么他们势必会进行更深层次的发掘。 (Gowalla有着良好的首次开启体验。 护照缓缓打开，让你可以立即查看个人信息、即时建议以及更多的动作和通知。 )2、便捷的输入方式 想想看你是如何使用手机设备的：开发者的手机安静地躺在平坦的桌面上，连接到配有大型键盘的PC上，或许还完全打开背光功能。 现在，想想其他人如何使用他们的智能手机：走在熙熙攘攘的大街上，一手拿着杯咖啡，另一手拿着设备，努力弄清楚他们最喜欢球队的表现情况。 在多数时间里，人们只使用1个拇指来执行应用的导航。 不要执拗于多点触摸以及类似的复杂输入方法，要多考虑滚动和触摸方式。 让人们可以迅速地完成屏幕和信息间的切换和导航。 让他们可以快速获得所需的信息，珍惜用户每次的输入操作。 (你只需要简单的触碰和输入文字就可以给Taskos应用添加新任务。 当然，你还可以修改许多设置，但这些都只是可选操作。 )3、对比度 你的开发环境或许是有着大型屏幕且光照适当的房间，但用户使用应用的环境可能并非如此。 尽管我们不愿意，但是我们确实常需要在阳光强烈的环境下使用手机设备。 这种情况会对我们观 看屏幕产生很大的影响，界面设计时应当考虑到这点。 在上述不佳条件下，可能会导致细节丢失，颜色分辨不清，某些元素因阳光反射而完全消失。 这并不意味着你只能将界面设计成黑白样式，抛弃UI设计中所有漂亮的细节。 这仅仅意味着，重要元素应当有足够的对比度，使之在此类条件下能轻易识别。 如果你想要给代码元素上色，那么要添加简单文字标签之类的选项。 如果你想用小细节和信息来改善应用外观，这也是可以的，只是要确保你的UI没有这些元素时依然能够运转。 为界面设置清晰的等级，大而明亮地呈现最有价值的功能，将任何不重要的内容完全移除。 (虽然SoundHound的屏幕上有着许多选项，但是主要功能用明亮和加粗的字体清晰地呈现在界面顶部。 )4、不要让用户等待 没有人喜欢等待，在移动领域中尤其如此。 我们将设备带上火车，在汽车上快速回复邮件，或者在走出屋子的时候查看天气预报。 我们利用时间间隙来做这些小事情，来换取更多时间做真正喜欢做的事。 不要让人们等待你的应用做某件事情。 提升应用表现，改变UI，让用户所需结果的呈现变得更快。 当然，所有人都能够理解，有些任务需要花一定时间来执行，或者应用需要从网络上下载某些容量较大的数据包。 但是不要让用户毫无意义地等待。 要让他们感觉到任务正在执行中。 为按键添加“选择”或“按动”的状态，加载时间较短时可以添加旋转符号，加载时间较长时可以使用进度条。 但是，绝不要让用户面对空无一物的屏幕。 等待总是令人苦恼的。 至少要让用户知道他们还需要等待多长时间。 (Google Reader应用在设备顶端显示一个小的旋转符号，每当应用在后台加载内容时这个符号就会出现，这样你就会意识到自己或许需要等待一段时间。 )5、不要忘记横向呈现方式 有时，你或许会忘记手机设备不只有单一的纵向呈现。 虽然多数人能够适应只支持纵向模式的应用，但确实有某些人喜欢横向使用他们的设备，尤其是那些有着实体键盘的设备。 随着Android 平板电脑的流行，这类用户的数量可能会逐渐增加。 不要认为横向模式只需简单地加宽应用界面。 横向使用设备有着完全不同的用户体验。 在这种情况下，你可以用两个拇指与屏幕互动。 输入变得更为简单，而且多数情况下你会由左向右阅读，不是由上向下。 事实上，如果你的应用需要大量的阅读和文字输入，那么绝对要有良好的横向模式。 对用户来说，横向体验是完全不同的。 你可以利用这种更宽的布局，以完全不同的方式呈现信息。 比如，之前位于屏幕上方的按键可以移动到屏幕一侧。 利用更宽的屏幕，地图、图表和图片可以呈现新的信息。 (先构建和改善一种屏幕方向，然后再制作另一种。 注意每种布局的利弊，睿智地加以利用和改良。 YouToube应用官方版本为不同的方向模式设计了不同的布局，两者都在各自的纵横比下完美地运转。 )6、应用生态系统 尽管你能够设计出为用户多种不同目标服务的独特应用，但它永远都只是整个动作系列的一个步骤。 想想看你的智能手机所具备的功能：电话记录、联系人、短信息、邮件、浏览器 、拍摄照片和视频、GPS和地图等。 利用这些功能。 对于所有这些已构建的模块，你无需自行制作。 用户已经很熟悉这些标准工具，不要在这些内容上浪费精力。 以下是个简单但极为普遍的动作流程：接到邀请你前往某个地点的电话。 查看时间。 查看天气。 用Google Maps搜索该地点。 用Foursquare签到。 那么，你的应用要同整个流程中的哪个部分绑定呢? 没有用户会单纯为了你的应用而摆弄自己的手机设备。 但是如果你成功制作了一款优秀的软件，他们会愿意将其整合到日常的手机使用流程中。 让用户能够便捷地使用分享或在网络上搜索有趣信息等功能，使他们交替使用你的应用和其他应用。 (许多应用会直接绑定Android的分享机制。 你可以将此作为应用的优势。 )7、让你的应用更为独特 目前，Android Market上有数十万款应用。 你或许会时常问自己，如何从如此多的同类应用中突出重围。 如果你想要构建的又是一款无聊的黑白数独游戏，或者是基于官方代码范例的记录应用，那就很难获得可观的下载量。 不要认为目前市场上已经没有优秀应用的发展空间。 用户偏好的应用类型各不相同。 有些人偏爱几乎能够做所有事情的记录应用，有些人需要的只是带有同步功能的文本编辑应用，还有些人只是想要个有着清楚UI的记录应用。 无论你选择的是哪个方向，要构建带有一定特征的应用。 操作系统和核心应用已经为用户提供了所有基本功能。 制作某些能够用内置解决方案吸引用户使用产品，这样才能够脱颖而出。 将你的应用视为住在智能手机中的小机器人。 它与你交流，告诉你有趣的事情，帮助你完成日常事务。 你希望自己的机器人聪明专业，还是精明可爱，抑或是滑稽搞笑? 在应用构建的开始就要记住这一点。 人们喜欢与他们的个性相符的应用。 如果你想要构建照片分享应用，可以为其添加各种主题和徽章。 如果想要构建的是款定位服务应用，可以考虑将其简化成只具有最基本的功能，让所有内容自动化完成。 应用设计愿景的微小改变可能会改变整个应用以及用户的使用方式。 (Feedly也是款整合Google Reader的新闻阅读器，但是它使用类似于杂志的呈现方式和清晰的界面设计，这就是该应用与其他阅读器的不同之处。 )8、遵守平台指导原则 尽管你的目标是制作出独特的应用，但是并非意味着应用的每个部分都要完全与众不同。 谷歌就Android应用的设计和开发提供了许多指导性原则。 熟悉这些原则。 人们能够用来研究现代智能手机的时间比你想象的要少。 不要让应用中遍布自定义互动元素，这会让他们的操作更为困难。 学习使用Android设备需要用户适应触摸、输入、摇动甚至不时按动硬件按键等操作。 他们需要识别输入区域、选择框、模式对话框和菜单等样式。 你真的还想给他们增加更多的负担吗? 使用简单和直观的列表。 在应用开启屏幕中，用大图标来呈现主要功能。 添加标题作为最常用功能的入口，让用户能够随时返回开启屏幕。 如果你无法显著提升某些操作的功能，那么就保持原样。 人们会认同应用和整个操作系统的一致性。 认真研究谷歌的界面和决策。 熟悉整个原则，并在开发应用时用上这些原则。 但是，不可过于死板。 如果你能够改良某些元素，而且你确信自己的做法比原则建议的更好，那么就勇敢去做! (Catch Notes用户的多数动作可利用应用中的大图标功能实现，这款应用遵从了基本原则，因而运转良好。 )9、测试 所有的用户都各不相同，我们必须正视这个问题。 你可以在应用中投入尽可能多的精力，但是你不可能令所有人满意。 甚至连将应用制作成适合多数人的需求都是件很困难的事情。 不要误解我的说法。 你在发布应用前，必须考虑到不同人可能会有不同的使用方式。 你需要不同的人来测试应用，由此找出最恼人的问题和漏洞。 大公司往往耗资数千美元进行可用性研究，在昂贵的实验室中让数百名不同类型的用户测试应用。 虽然这是个提升应用UI的绝妙方法，但多数独立和小型开发商无法承担如此多的费用。 但是，也不要以此为借口而放弃应用测试。 你可以开展成本低廉的测试，寻找不同的用户群体，由此来大幅改善你的应用，让其能够满足更多用户的需求。 将应用原型安装到你的开发设备上，花点钱购买些小礼物，开展应用测试。 先从同事和好友开始，然后再以你从未见过的陌生人为对象。 多数人都愿意花点时间来体验全新的东西，只要你足够礼貌甚至愿意为他们费时测试应用提供奖励。 让他们像你预期那样使用应用，然后细致地观察他们的使用过程。 告诉他们目标是什么，但要尽量少提供帮助，但也别让他们卡在某个地方。 很快，你就会发现应用的纰漏和瓶颈。 10、发布到市场上 你已经制作完成了自己的首个应用。 感觉很棒，不是吗? 不要犯许多开发者犯下的某些错误。 诚然，你想要将应用发布到市场上，看看用户会有何评价。 但是，最后这几个步骤会让你的首次发布更为成功。 确认完成对应用的测试后，我们还需要考虑些小问题。 你上传到Android Market的应用还应该带有以下4种资产： (1)应用功能描述 (2)高清应用图标 (3)呈现在Android Market上的小型推广条幅 (4)显示在网页版市场中应用旁边的较大“推荐”图像 不要低估这些资产中的任何一项。 精心撰写的介绍和清晰且设计精美的图像会让你的应用显得鹤立鸡群。 用户会察觉到你额外投入的这些精力。 如果制作清晰精美的图像或撰写介绍不是你所擅长的事情，可以寻求设计师和撰稿人的帮助。 额外付出一些金钱会对应用的成功有所帮助，而且这些只需几个小时便可完成。 如果你想要在应用发布前就开始对其进行推广，可以注册Twitter账户，制作外观精美的登陆页面，开始宣传应用。 对于营销而言，多早开始都不为过。 培养人们对应用的兴趣，他们会在应用完工前就开始传播。 Twitter APP

安卓app开发界面设计有哪些要点

需要掌握的要点

1. 重视用户体验；

2. 突出应用的特点；

3. 重视设计中的每一个环节；

在激烈的市场中脱颖而出，成为其中的佼佼者，最为关键的环节就是Android App开发界面的设计。界面不仅仅是面向企业，还是为用户而设计的，只有以用户为中心的设计才是最好的界面设计。修改安卓app界面布局步骤：

file --> new --> android xml file，选择 一个最外层的容器，输入名字便可创建。

可以复制一个已有的布局，在里面做修改。

view7种布局概述

1、线性布局（linear layout）

2、相对布局（relative layout）

3、表格布局（table layout）

4、列表视图（list view）

5、网格视图（grid view）

6、绝对布局（absolutelayout）

7、标签布局（tab layout）

UI设计表现技巧有哪些？

说到UI设计，很多新手认为U1设计只是画图标和手机界面。 事实上，图标只是UI设计的一小部分。 一个好的UI设计师通常有很多技能，比如图标设计、美术设计、交互设计、网页设计、动态设计等，涉及移动端、PC端、多媒体端等多个领域。 传统意义上的UI(UserInterface)设计是指用户界面的美化设计，但实时UI设计不仅是指“用户与界面”之间的依赖关系，还包括交互设计和用户体验设计。 因此，UI设计是指软件的人机交互、操作逻辑和美观界面的整体设计。 关于UI设计，可能很多人都好奇UI设计表现技巧有哪些！下面我们就做了详细的说明，一起来了解了解~ UI设计表现技巧： 01、不一样的优惠券叠加设计 优惠券在电商购物场景中运用普遍，如何提高优惠券的关注度和使用率是至关重要的探索。 特别是在多个优惠券叠加的场景中，如何在交互层面和视觉引导层面进行突破，作为设计师来说都在不断尝试新的解决方案。 最近发现得物（毒）将多个优惠券设计成左右滑动的动效形式，方便用户关注到更多不一样的优惠券。 将有效期设计成失效的倒计时，营造时间紧迫感，提高用户的关注度和优惠券的使用率。 02、突出品牌感的轮播Banner设计 轮播图在产品设计中较为普遍，以推广营销活动为主。 除了在Banner设计本身进行创意发挥以外，在UI布局层面也是设计师探索的方向。 得物（毒）在最近的一次新年活动中，利用品牌展示和轮播Banner相结合进行布局呈现，不仅突出活动主题，也强化了活动品牌的曝光度。 除了自动轮播之外，也可以点击品牌卡片切换，操作也是非常便利。 Banner底部卡片的展示也能让用户在当前视野中浏览到其他品牌，提高了更多品牌的曝光度。 03、多种分类下的轮播设计 单轮播设计较为普遍，当我们遇到按照不同类别轮播类别内的内容时，如何处理好类别的样式和轮播的呈现方式呢？相信这个设计解决方案是一个不错的思路。 网易云音乐APP播客栏目中，随心听FM除了卡片轮播以外，下方设计了音乐类别的选择，模拟调频场景设计，操作不仅非常便利，感官体验也是非常不错。 背景颜色也会随着类别切换进行微变化，带给用户非常自然的视觉过度。 04、通过手势拖拽隐藏红点提示 红点效应从强迫症已经开始过度到治愈期，不过针对信息列表较多的部分，红点提示太多也是非常干扰用户体验的。 在MOMO陌陌APP消息栏目中，如果你觉得红点提示消息过多时，可以通过拖拽红点隐藏显示，无需挨个删除或者阅读。 配合微动效的设计表现，带给用户非常流畅自然的操作体验，借助手势交互的设计提升用户体验。 05、右滑手势探索新的世界 手势交互设计在产品中逐渐得到应用，可以在有限的空间里面探索更多的互动体验，带给用户更加便利的操作体验。 最近研究手势交互的时候，发现MOMO陌陌APP首页右滑即可开启新功能，探索新的世界，吸引用户前往这个小宇宙去探索。 06、刷新设计的情感化表达 把简单的功能做到极致，把重复的动作做到更有情感化。 想要抓住用户的情感共鸣，就要在细微之处带给用户更有情感化的体验。 喜马拉雅APP在下拉刷新时，不是固定的文案提示，针对这个动作设置了不一样的文案提示。 每一次刷新都会展示不一样的文案，让用户感受到这是一个有温度的产品，情感化设计的表达提高了用户的情感共鸣。 07、融入春节元素的金刚区设计 春节元素融入到UI设计中近期出现了很多案例，在金刚区图标设计中的表现尤为突出，带给用户情感化的场景代入感。 自如APP就将春节中的元素融入到金刚区的图标设计中，带来的感官体验也是非常不错的。 运用到的元素涉及鞭炮、福字、元宝、红包、糖葫芦等等，结合中国红营造出浓厚的春节氛围。 08、醒目的引导提示设计 针对新业务或者新功能的新手引导设计，有助于提高用户对于内容的熟悉度，也能降低摸索学习的成本。 记账城市APP在打开应用时，会在底部弹出新增的一些功能或者交互玩法。 通过俏皮可爱的卡通形象以对话式的形式传递内容，降低了用户的学习成本，一目了然且不会形成对主功能区域的干扰。 09、用设计为北京冬奥会加油 最近比较热门的话题就是北京冬奥会了，各大品牌都在不同的渠道通过各种形式进行曝光，借助营销策划或者单纯的加油祝贺，为北京冬奥会的举办增添色彩。 高德地图APP在地图主页添加火炬元素突出冬奥主题，点击会展开“点燃昂扬斗志，中国队加油”。 保持当前结构的基础上，通过元素的添加达到主题的突出，既不干扰用户操作，也能通过情感化的设计与用户产生共鸣。 10、游戏化的签到积分设计 签到挣积分获取相应的奖励，在产品中较为常见，特别是电商类产品。 随着这种形式的普及，起初的新鲜感逐渐减少，有差异和创意的表达方式才能吸引用户的关注度。 得物（毒）结合游戏化的形式表达签到和领取积分的设计，通过积分换取优惠券和礼品等。 积分采用极光的形式表达，不足的情况下可以通过“找极光”获取，激发用户的参与度。

用户体验与UI设计开发应坚持哪些原则

用户界面设计包含为机器和软件创建的所有界面设计，例如网站和移动应用程序的外观，以及它们的方向和易用性。GUI设计在用户与应用程序或网站的交互方式中起着至关重要的作用，这意味着唯一良好的UI设计是实现简化和无缝体验的设计。

用户界面设计要遵循哪些原则？

1、明确。

对任何界面而言，“明确”是首要的也是最重要的一点。设计师们在设计的时候，要去关心人们为何会使用这个应用，去了解什么样的界面是能帮助他们与之互动的，去预测人们在使用时的行为并能够成功地反馈给他们。

2、交互。

界面的存在是为了让人和我们的世界产生互动。它的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

3、直观操作。

要抓住直观操作这个最初的目标，界面设计要尽可能的简洁，更多的可识别的惯用自然手势。理想情况下，界面会变得非常细微，用户在会有直观操作的感觉。

4、让用户掌控一切。

人们会在自己能掌控的环境中感觉最舒心、最放松。通过定期的梳理系统状态，描述因果关系，并且在每一步操作都给出提示，让用户感觉每一步操作都在他的掌控中。

5、遵循用户行为。

人总是对符合期望的行为最感舒适。因此，设计出来的元素，看起来应该像它们本身特征一样。在具体操作中，这意味着用户只要看到这个界面元素，就应该能猜测出这个元素是做什么的。

6、前后一致。

为了保持一致性，新手设计师通常在会把相同的视觉处理(重用代码)方式用在，应该用不同的视觉处理方式的元素上。

7、视觉层次。

强烈的视觉层次会让画面有清晰的浏览次序。如果要在画面中添加一个视觉强烈的元素时，设计者应该要重新调整页面上所有元素的重量分配，来达到强烈视觉层次的效果。

了解用户界面设计原则是你做出优秀作品的必要条件，而掌握UI设计师必备的技能才是你决胜高薪的关键。

APP开发中如何完善用户体验

APP开发中完善用户体验的方法如下：1、分层界面设计如同我们所知道的那样，移动设备的屏幕不够大，不能够提供PC端那种全景式的浏览体验。 然而，移动端设计的主要要求是简洁，但是为了有效传递出所有的服务内容，在App应用开发时，需要有技巧性地组织利用这些有限的空间。 这促成了分层界面设计的崛起。 位于前端层次的元件应该活跃，位于后端层次的原件应当顺从考前层次的原件。 2、扁平化的界面应该更专注于功能的传递而非界面装饰的至臻完美。 这就是为什么扁平化设计成为App应用开发的潮流，因为它能够赋予App一种简明的结构，这种特性能够有效地促进提高用户体验。 3、社交媒体整合移动应用软件在很大程度上依赖于诸如Facebook、Twitter等等的社交网站。 整合社交媒体在App应用开发中似乎成为了不可或缺的一部分，因为它不仅能够丰富App的功能，还能成为连接其他用户的工具，用户们能够让身边的朋友来尝试这款应用，或者至少在社交媒体上面露个脸。 4、从社交媒体登录有些App应用开发设计者或许认为一个很大的login表单看起来很酷，但是他们往往没能够意识到用户看见那么恐怖的表单的时候往往会直接崩溃掉。 因此，许多用户在这个环节就把App卸载了。 为了去除掉这种惹人讨厌的注册表单，你应该允许用户们从社交平台进行登录。 这不仅能够帮助用户节省时间，而且免除了用户费力去记注册名和密码的烦恼。 5、善于使用空格当前所有App应用开发设计的趋势都朝着传递简单、外观明晰这个主题发展，这同样也适用于App的内容设计上，设计师们用空格将不同的元素或元件区别开来，从而提升内容的可读性，使App更加好用。 6、使用素雅的、简单的颜色主题在App应用开发中，使用丰富的，甚至是艳俗的颜色会使得用户分心。 因此，如果不希望App用户在看到花里胡哨的、扎眼的App之后就把它删掉，就应当使用一种简单的颜色主题。 简单的颜色主题同时也是扁平化设计的要求，这能够使得用户在使用App时能够有顺滑的体验。 7、使用左右横扫的手势操作现在的很多智能手机都支持手势操作，诸如左右滑动来选择功能。 App应用开发者们可以灵巧地使用这些手势来从一个菜单跳转到另一个菜单，也可以进一步拓展到分享或是删除这样的操作。

手机UI设计的基本规范

手机UI设计的基本规范

大家都知道手机采用的：一个是苹果的iOS系统，另一个就是谷歌公司的安卓系统。华为的鸿蒙系统虽然早就上线，但是还没有真正运用在手机移动端上，小阿在这里期待着，希望有一天也能写“华为‘鸿蒙系统’的界面尺寸规范。”

这两者之间有一个明显的区别就是iOS系统是非开源的，简单来说就是不能别随意改动的，连图标都是必须带圆角的，对交互设计师很友好的。

而安卓系统就是开源的，界面可以随意改动，尺寸也没有特别的规范，图标、尺寸成千上万种，根据手机品牌不同，形状也不同，对于交互设计稍微有那么些许不友好。

那我们就来看看安卓和iOS的具体有哪些界面规范。

一、iOS界面规范

首先苹果分为两种尺寸，一种是中码比如6s、7、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。

苹果6s 的尺寸750px1334px，6s Plus的尺寸就是1242px2208 px。两者之间的关系就是1.5倍，怎么说呢，就是6s之类的手机想要变成Plus，我们设计师稍微想要偷懒一下设计，只需要整体扩大1.5倍，比如图标。

来分析一下界面的尺寸规范：

首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。

而下边的底部栏（导航栏）高度则为98px。

注意这三种尺寸是规定比较死的。我们做开发遇到Plus版把以上尺寸等比例扩大1.5倍就可以了。剩下的中间空白部分，我们就可以任意填充内容，Banner或者图标？

☆ 关于图标部分

苹果的图标极具有美感，完全符合栅格黄金比例，所以看起来十分协调。因为都是使用的网格进行规范化设计，所以一整套图标都保持着高统一性。

整个点击图标最小不能小于44px，一般大小为58px，圆角为12px,但是我们习惯取为整数60px,就会非常的标准。为什么一定有最小的控制呢？因为我们手指有一个触碰面呀~低于上述的宽度，就可能碰不到。一定要非常注意用户的使用感受哦。

☆ 关于分割线部分

注意分割线不是一条线，是一个宽度为1px的矩形，而且颜色多为灰色。

☆ 关于板块与板块之间

板块与板块之间的灰色条间隔是30-70之间，一般来说取整数。iOS系统采取了70 px,有利于减轻用户的阅读负担。列表的高度一般高于88 px，列表与列表之间的距离是10px-30px,太小会有碰撞。作为UI设计师，这一点是要考虑的是吧？

☆ 关于列表中的尺寸规范以及字体要求

☆ 关于左右间隔的安全区域

这个安全区域又称之为留白边距，iOS的原生态页面【设置】页面的边距是30px,根据不同产品有不同的调整，宽度一般在16px--30px浮动，最大的特点就是数值全是偶数。

☆ 关于切换按钮的尺寸

☆ 关于字体

iOS系统的字体是苹方字体，字体的颜色和粗细也大有讲究，标题等文字就是粗体，一些说明文字等就是浅色非加粗体。常常用文字的粗细体来区分重要信息和次要信息，进行信息层级的划分。字体颜色很少采用纯黑色，一般用的是深灰色和浅灰色。

主标题的字体大小设置一般是32-36左右，加粗居中。列表中的文字就要小一些，字体大小为30，不会加粗。辅助性字体大小一般24-26。说明文字一般不会小于22，最小设置为20，再小就看不到啦。另外需要注意的一点是所有的字号设置都必须为偶数，上下级内容字号极差关系为2-4号。

关于苹果界面的小部分尺寸规范就介绍到这里，下期再做安卓界面的尺寸介绍。

作为UI设计师，一定要具体掌握界面的大小尺寸来适应美学观点，让人感觉协调舒适，能在有效的范围内极快吸引用户的注意力。

二、安卓界面规范

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体，英文字体为robot字体。

只使用偶数单位 24 pt，28 pt，36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？

讲图标之前先来分析一下一排英文的意思：

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示best for textsize。

px是像素的意思， 不同设备显示效果相同。

安卓各屏幕密度关系如下：

3、图标

不同手机品牌的图标的标志是不一样的，对应不同大小屏幕的尺寸如下：

系统图标的尺寸：

快捷图标的尺寸：

应用图标的尺寸：

4、应用栏的尺寸

从左到右依次是：① 应用栏高度：56dp；应用栏左右内边距为16dp；应用栏图标上下左内边距为16dp；应用栏标题左内边距为72dp；应用栏标题下边距：20dp；

②应用栏高度为128dp；

③操作栏高度为56dp；标题栏高度：80dp；标题栏底部内边距：8dp；描述区域高度：72dp；描述区底部内边距：16dp。

5、列表高度

垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。

垂直边距

①状态栏：24dp；②工具栏：56dp；③子标题：48dp；④列表项：72dp

垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。

垂直边距

①状态栏：24dp；②工具栏：56dp；③标题和列表项：48dp；④子标题：48dp；⑤内容区域间距离为8dp

6、切图

上周我们讲到iPhone 6与iPhone 6 Plus约是1.5的关系，而xhdpi的Android手机屏幕与xxdpi的屏幕刚好是1.5倍的关系，所以iPhone 6 Plus和xxhdip也可以共用一套切图，掌握好尺寸关系，能让工作变得简单很多。

7、界面适配

安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置，来优化用户界面设计，带来更良好的用户体验。

如何做到安卓界面适配呢？大家一定要很清楚的了解分辨率、屏幕大小、密度的关系；明白实际密度和系统密度的关系，dp、sp、px的区别；明白dp与px的转换。这里不做过多阐述，后期写一篇具体的~

安卓的界面规范就讲到这里，要明白设计界面规范的意义是确保设计的统一性与合理性，规范维护的是项目的统一，为了项目利益最大化，高效化。所以作为UI设计师的我们，如果一点设计规范不遵守，全靠自己想当然，那就别发给前端人员啦，他也看不懂。

所以作为UI设计，必须要要遵守设计规范，这样才能做到设计有道可寻，希望以上回答对你了解手机界面设计规范有所帮助。

面试必知：UI设计中ui小图标的制作有什么原则

1、简洁的设计形式

在设计图标的时候就要非常注重图形的简洁，避免在小尺寸展示时候不清晰不能被识别的情况，同时简洁的图形设计形式也会提升图标的设计品质。应用图标在手机屏幕的显示尺寸仅为px，这个尺寸是最重要的设计尺寸。

2、准确的产品属性传达

一个高品质的应用图标应该能够让用户在第一眼就能够感知到这个应用的属性和功能。另外图标设计应当高度提炼产品特色找到最能代表产品属性的图形元素，并对这个元素进行突出设计。

3、独特的设计语言

要想在众多的应用图表中脱颖而出，设计师在设计图标时就必须强调应用图标的独特性，突出产品的核心特征和属性。

4、艳丽的色彩

鲜亮明快的色彩搭配能够为应用图标带来更多的关注度。其中对比色和互补色的渐变搭配是最有代表性的设计手法。无论是纯色的色彩运用或者是渐变色的色彩运用。

5、品牌形象的延续

在设计应用图标的时候应当充分的利用已有的品牌形象加以运用，让品牌的深厚积淀继续发挥作用并且让品牌形象延续从而赋予品牌更强的生命力。

6、多场景测试

在设计应用图标的时候也要考虑到应用图标的展示场景，避免图标不能完美展示的情况。在不同场景下应用图标需要根据需求做相对应的设计优化，，避免给用户带来简单粗糙的视觉印象。

7、避免使用大量文字

文字太多会导致应用图标看起来拥挤用户也很难看清楚信息。大量使用文字的另一个致命的后果是会大大降低应用图标的设计美感，不仅不能使用户产生好的印象反而会招致用户的反感。

掌握以上原则，你就可以做出好看的图标作品。

安卓手机ui设计尺寸规范

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体，英文字体为robot字体。

只使用偶数单位 24 pt，28 pt，36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？

讲图标之前先来分析一下一排英文的意思：

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示best for textsize。

px是像素的意思， 不同设备显示效果相同。

从左到右依次是：① 应用栏高度：56dp；应用栏左右内边距为16dp；应用栏图标上下左内边距为16dp；应用栏标题左内边距为72dp；应用栏标题下边距：20dp；

②应用栏高度为128dp；

③操作栏高度为56dp；标题栏高度：80dp；标题栏底部内边距：8dp；描述区域高度：72dp；描述区底部内边距：16dp。

5、列表高度

垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。

垂直边距

①状态栏：24dp；②工具栏：56dp；③子标题：48dp；④列表项：72dp

app界面设计尺寸规范大全

原型设计尺寸

☆ 状态栏(status bar)：就是电量条，其高度为：20px；

☆ 导航栏(navigation)：就是顶部导航，有线其高度为：45px；没有线高度就是44px；

☆ 主菜单栏(submenu，tab)：就是标签栏，底部导航，其高度为：46px；

☆ 信号格：55

☆ wifi 图片：119

☆ 锁：1111

☆ 导航：88

☆ 电量：229

☆ 闪电：58

☆ 状态栏中的文字：10px

☆ 顶部导航栏的图标尺寸为16x16px左右，底部标签栏的图标尺寸为23 x 23px左右。

☆ 导航栏的文字大小最大值是14px，底部标签栏的图标下方的文字大小为10px。

☆ 内容区域的文字大小是：10px, 12px，14px，16px。

① 文字黑色：#

② 文字深灰色：#

③ 文字浅灰色：#

④ 边框浅灰色：#C3C3C3

⑤ 背景淡灰色：#f2f2f2

⑥ 按钮背景纯白色：#ffffff

A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。

B、亲密距离：比如，左边图标与右边文字之间的距离。

1、iPhone6手机模型尺寸：429x881px

2、界面尺寸布局：满屏尺寸375x667px

3、高度电量条高度20px，导航栏高度44px，标签栏高度46px；

4、各区域图标大小导航栏图标16px，底部标签栏图标23px；

5、各区域文字大小电量条-文字10px，导航栏-文字14px，标签栏-文字10px；

6、常用的文字大小：16px，14px，12px，10px；

7、常用的颜色：背景浅灰色：#f2f2f2, 文字深黑色： #，边框色深灰：#CCCCCC；

8、常用可点击区域的高度（比如搜索区域）：28px；

9、单行文字的背景框的高度：44px，双行则为：88px，三行则为：132px；

10、常用间距：亲密距离：10px；疏远距离：15px，其它距离：5px，22px等；

UI设计中如果图标大小不一致一般怎么处理?

首先，这种方法制作出来的图标大小为48px48px，需要其他尺寸的图标可以做完之后等比放缩即可，放缩过程中可能需要注意半像素（见下文）的问题。

Material Design把图标的形状类型分为三种：圆形、方形和矩形。其中圆形的半径为44px，方形的边长为38px，矩形为44px32px。

怎么判定图标应该套用那种尺寸的？有一种方法是：将图标与上图的模板居中对齐，然后中心不动，放大图标使之图标依次碰到三种形状的边界，填充最满的那个形状的尺寸就是该图标需要规定的尺寸。如下图，依次将设置图标放大并使之接触到不同形状的边界，可以看到在圆形里，该图标最大，证明设置图标最匹配圆形，所以使用圆形的尺寸44px44px。

下面正式定义尺寸部分：

1. 如果形状为方形，则图标大小为38px38px，若只是近似的方形，则取较小的边为38px，等比放缩。

2. 如果形状为圆形，则取图标大小为44px44px，若只是近似的圆形，取较大的边为44px，等比放缩。

3. 如果形状为矩形，先令短边为32px，等比放缩图标，若此时长边大于或者约等于44px，则取长边为44px，等比放缩；否则，令长边为y，取长边为（44y）/2，再向上取整，然后进行等比放缩。

根据以上的规则制定出来的图标，大小就会比较统一。如下图，左边是调整前，右边是调整后。（不过也有人反馈说看不太出来o(╯□╰)o）

顺便把这次整理图标遇到的坑也记录一下：

1. 关于半像素的问题。

半像素的问题主要是在进行Android不同尺寸适配的时候，有时候开发会要求图标不能出现非整数的尺寸，不然可能图标就会糊掉。所以在设计Android端使用的图标时，注意一下这个问题。适当地对尺寸进行四舍五入一下即可。

2. 关于iconfont的问题。

现在大部分团队都会将图标转换为iconfont，这样可以缩小整个项目的大小。图标在转换为iconfont的时候，会忽略所有的线条（包括填充色块的边）。所以，如果图标中有线条，则需要利用高度为1px的矩形代替，色块的边长需要用色块叠加来替代。

3. 关于对齐的问题。

如果有仔细看，我这个方法指定的图标大小为48px48px，但是里面有内容的部分，比如说圆形，就只会占据44px44px，这时候我们当然会希望把图形放置在图标的中央。免不了就会使用对齐工具，咻咻两下，一个上下居中对齐，一个左右居中对齐，搞掂。但是，慢着，如果仔细发现一下，你会发现看上去并不是居中的。这是由于人的视觉错觉造成的，这时候就需要进行适当的调整，通过自己的视觉判断来进行对齐。

4. 关于颜色统一的问题。

一般而言，图标设定为同一个色值（比如#）就能统一颜色，但是也有遇到过某个图标会显得颜色比较浅，具体原因未知，这时候就需要进行特殊的处理，比如设定更加深的颜色，比如#，具体通过自己视觉调整即可。

---

---

相关标签： 提升用户体验的安卓系统开发用户界面设计技巧、

上一篇：安卓系统开发如何优化用户界面的交互体验

下一篇：安卓系统开发如何完美实现支付功能的技术指