安卓ui设计图(安卓ui设计工具)

本文主要介绍Androidui设计(Androidui设计)，下面跟着东辰网详细了解一下吧。

(以下内容是我的亲身经历。如果有表达不准确的地方，请大家指教)

刚涉足andoridUI的朋友总是在询问andoridUI的规格信息。其实最有效的规格信息应该是安卓官网提供的规格:。

1.默认情况下使用蓝色。

为什么要默认使用蓝色？没有理由，也没有理由在默认事情，就像使用√代表正确。

说到这里，我们必须下载一个Android提供的开放资源Andr。oid_Design_Stencils_Sources.

下载地址是_设计_模版_来源_2013106.zip

是psd格式文件(用ai设计的朋友可以在网上搜索AI)，如下图:

看起来这个psd的源文件(14.5)好像很有用。是的，它真的很有用，我们会在以后的章节中经常用它来说明问题。在本章中，我们应该注意以下几点:

A.我们看到在Android_design_stencils_sources.PSD的源文件中，所有的控件都使用了统一的蓝色。是的，那这是对的。如果你觉得好看，我们也可以用这个蓝色，比如科技行业的一个APP，一定是不错的选择。蓝色值请参考下图:

B.如果觉得蓝色不合适，可以选择其他颜色，比如紫、绿、黄、红。上图中描述了每种颜色的颜色值。如果你已经爱上了这些颜色，可以下载他们的调色板直接用。下载地址是

C.蓝色是Android调色板中的标准颜色。每种颜色都有相应的深色版本可供使用。在工作经验方面，我们经常这样使用它们:

如果你也想参加流行平坦路线喝一点影子，那么上面的表达式是个不错的选择。使用标准色作为按钮的背景色，深色作为按钮的投影色。(PS，如果按下这个按钮，背景最好的表现是什么)

d:当然，我们知道官网上的所有规格都可以视为a设计建议。以上颜色是推荐的。如果你真的可以Idon’我不接受它们，一点问题都没有。你可以选择其他颜色。但是一定要记住，无论是选择推荐的颜色还是自己选择其他颜色，无论是选择一种还是多种，都要从设计对象考虑颜色的选择。比如你想做一个幼儿教育的应用，如果你选择了黑色的风格，那是绝对不合适的。

2.及时使用高对比度配色，以示强调。

用于操作栏或主按钮的背景色。避免滥用，不是所有的操作都同等重要，只在最重要的一两个操作上使用这样的配色。

Googl:符合设计原则——给予鼓励原则(把复杂的任务分成简单的步骤，更容易完成。给运营反馈，哪怕只是一个微小的光环);更容易突出你的品牌形象，不会和系统的设计风格混淆。如图所示:

就工作经验而言，我也同意官方对微小的变化来表达触摸反馈。例如，在上面的图片中，当搜索图标和被点击，这样的变化是轻微的。如果您想这样做:

变化太大了，真的不不好看。

当谈到触摸反馈和，我们可以不理解控制的几种状态，可以在Android_design_stencils_sourc:。

在这种设备中，会有一个滑轮来控制方向，就像我们学生时代用的滚轮鼠标一样。手指控制球，滑向要控制的控件，但不按。那么这个时候控件就有了一个焦点状态(获取焦点状)。

Logo:一个小巧独特的风格Logo:andoridUI

值得一提的是，在这种情况下，触摸反馈，在外行的条款。将操作图标和logo视为一个整体来表达触摸反馈，如下图所示:

当然，你不知道。;你不必像上面那样做。如果你不不打算放你的APPlogo，也可以用以下表达:

将标题直接放在返回图标后面。在这一点上，大多数ios的表达都是把标题文字放在动作栏中间。这种情况下的触摸反馈应该是:

这两种是andoridUI的一种非常特殊的表达，可以看作是一种个性与智慧。请酌情参考。

如图中所示。图标的使用也要风格统一。可以直接使用Android自带的图标。下载地址是:

当然可以。你可能会发现你需要的图标不在这些皇家图标里，或者你觉得这些图标真的很丑，比如:

你真以为这是吃人的节奏？

所以，你有自己的画~~

我们阅读并理解了官网中对andoridUI风格模块的描述，并和大家分享了我的一些工作经验。我们经常听到或被我们自己的领导问到这个界面应该是赫萝风格的。什么是赫萝风格，怎么做？在解决这个问题之前，让让我们看看几个优秀的应用程序和它们的界面设计。

上周我非常幸运的抢到了一部红米手机，我是如此的骄傲~~作为一个UI设计师，如果你还没有还没玩过MIUI。;是你了解它的时候了。以下是我截取的界面，并在图片中进行了恰当的描述:

开始，能不能在我们的设计中参考MIUI的表达，把操作栏设计成圆角，这样会比用直角更友好，更柔和。

第二，如果一个保守的交互设计者，或者一个保守的GUI设计者，会诚实地保留操作栏，并将这个页面的名称描述为设置在操作栏上，然后对该页面的内容进行分类，分离出来的类别通过tab切换显示在文本中。交互式地，用户通过设置图标，所以这里的所有操作都和设置有关。不需要在操作栏上总结当前页面的名称。视觉上，直接使用动作栏进行tab切换节省了很多高度，这样一页就可以显示更多的列表项。

正文的后面场景，我们经常用纯色，而MIUI用渐变色来处理文字背景，这样更有层次感，isn不是吗？所以，如果你觉得不错，也可以在设计中参考一下。

动作栏也可以直接用来输入文字~

甚至可以直接在动作栏放一个输入框，甚至可以在输入框放一些按钮或者标签~~

超链接也可以放在动作栏里~

这些都是值得学习的地方。

有很多这样的地方在互动和视觉上非常出色，所以我赢了。;不要一一举例。总的来说，MIUI确实是一个好看的UI界面。

让让我们看看另一个UI界面。

这些输入文本框看起来有点丑，但好像在哪里见过。

好吧。如果要对比以上两款UIS，相信大部分人都觉得MIUI好看很多。其实MIUI并不是Holo风格的UI。

什么是赫萝？

赫萝主题是安卓设计最基本的呈现。因为它是Android设计最基本的呈现形式，每一个Android4。x手机系统有集成赫萝主题所需的控件，即开发者不需要自己设计控件，而是直接从系统中调用相应的控件。如果完全使用赫萝主题，效果和上面提到的第二种UI界面大致相同。

也就是说，作为设计师，你可以在你的设计界面中直接使用Android_design_stencils_sources.PSD中的控件。例如，如果您需要多选按钮、单选按钮或音量控制，您可以直接从Android_design_stencils_sources.PSD获得它们..

如果有必要，你甚至可以直接使用官方建议的色板，或者直接使用早前下载的Android自带的图标。例如，我们在上面提到的第二个UI示例中看到的单选按钮或输入文本框都直接使用了这个源文件上的控件，或者被设计为具有相同的效果。这些应用在UI上没有亮点，但是如果你这样做，会很Android，就像你看到的那样:

拥有大面积的色块和简洁的文字表达，你必须知道嗯，这是win8风格or是的，这是地铁风格。

但是在国内调用系统控件是有风险的，因为MIUI和国内很多ROM都私自替换了ROM中原本由Google保留的赫萝控件，直接导致一个原本在原生系统上运行时是赫萝主题的应用在MIUI上运行时变得不伦不类。

原本完全一致安卓设计，却因为MIUI变得不伦不类的两个应用:Dropbox和Press。这里我又要埋MIUI了。这种的事情，不仅篡改了系统自带的赫萝控件，还擅自更改了开发者在应用中嵌入的赫萝风格控件，罪大恶极。不过三星和HTC也修改了一些系统的赫萝控制(当然没有MIUI那么)。这方面魅族是最好的，魅族改装的控件还是符合安卓设计的。赫萝主题的最大特点是什么？简单简单。Google提供的赫萝控件不能违反Android设计，这些控件的样式和颜色也非常保守，不会影响用户的操作或分散用户的注意力。;的关注。赫萝主题的布局也是最常见的列表。Android系统已经优化了这些默认元素，因此即使是默认的赫萝主题也可以带来良好的阅读/操作体验。然而，就像WindowsPhone上的MetroUI导致的问题一样，如果开发者完全复制赫萝主题，最终的结果将是应用程序除了图标之外看起来都一样。这时，开发者需要跳出赫萝主题框架，进入更高的层次。

的领域。

综上所述，如果你打算做一个Holo风格的UI。那么有几点可以参考:

1.灯光效果极佳，层次分明。一方面，这种层级关系是直观呈现的，很重要的一点也需要互动的人这样做。因此，赫萝不是一个视觉上的赫萝，而是一个互动的赫萝。

2.和上面描述的第二个UI一样，这些应用程序大多使用自制控件和自定义布局。自制控件的好处有很多，其中一个就是可以保证在大部分机器上看起来都一样(当然没办法遇到MIUI这样的反派，道高一尺魔高一)。

3.您可以使用建议的色板，或者自己选择更丰富的颜色。虽然色彩搭配的运用变得丰富了，但是这些颜色还是饱和度低的中性色，不是很鲜艳，容易搭配。例如，您经常看到浅灰色背景和白色卡片的文本背景。

4.当然是参考Android_design_stencils_sourc:。

1.默认情况下使用蓝色。

为什么要默认使用蓝色？没有理由，也没有理由在默认事情，就像使用√代表正确。

说到这里，必须下载一个Android提供的开放资源，Android_Design_Stencils_Sources。

下载地址.Android.com/downloads/Design/Android_Design_Stencils_Sources_20131106.zip

是psd格式文件(用ai设计的朋友可以在网上搜索AI)，如下图:

看起来这个psd的源文件(14.5)好像很有用。是的，它真的很有用，我们会在以后的章节中经常用它来说明问题。在本章中，我们应该注意以下几点:

A.我们看到在Android_design_stencils_sources.PSD的源文件中，所有的控件都使用了统一的蓝色。是的，那这是对的。如果你觉得好看，我们也可以用这个蓝色，比如科技行业的一个APP，一定是不错的选择。蓝色值请参考下图:

B.如果觉得蓝色不合适，可以选择其他颜色，比如紫、绿、黄、红。上图中描述了每种颜色的颜色值。如果你已经爱上了这些颜色，可以下载他们的调色板直接用。下载地址是

C.蓝色是Android调色板中的标准颜色。每种颜色都有相应的深色版本可供使用。在工作经验方面，我们经常这样使用它们:

如果你也想参加流行平坦路线喝一点影子，那么上面的表达式是个不错的选择。使用标准色作为按钮的背景色，深色作为按钮的投影色。(PS，如果按下这个按钮，背景最好的表现是什么)

d:当然，我们知道官网上的所有规格都可以视为a设计建议。以上颜色是推荐的。如果你真的可以Idon’我不接受它们，一点问题都没有。你可以选择其他颜色。但是一定要记住，无论是选择推荐的颜色还是自己选择其他颜色，无论是选择一种还是多种，都要从设计对象考虑颜色的选择。比如你想做一个幼儿教育的应用，如果你选择了黑色的风格，那是绝对不合适的。

2.及时使用高对比度配色，以示强调。

用于操作栏或主按钮的背景色。避免滥用，不是所有的操作都同等重要，只在最重要的一两个操作上使用这样的配色。

Googl:符合设计原则——给予鼓励原则(把复杂的任务分成简单的步骤，更容易完成。给运营反馈，哪怕只是一个微小的光环);更容易突出你的品牌形象，不会和系统的设计风格混淆。如图所示:

就工作经验而言，我也同意官方对微小的变化来表达触摸反馈。例如，在上面的图片中，当搜索图标和被点击，这样的变化是轻微的。如果您想这样做:

变化太大了，真的不不好看。

当谈到触摸反馈和，我们可以不理解控制的几种状态，可以在Android_design_stencils_sourc:。

在这种设备中，会有一个滑轮来控制方向，就像我们学生时代用的滚轮鼠标一样。手指控制球，滑向要控制的控件，但不按。那么这个时候控件就有了一个焦点状态(获取焦点状)。

Logo:一个小巧独特的风格Logo:andoridUI

值得一提的是，这种情况下的触摸反馈，通俗点说就是把操作图标和logo看成一个整体，表达触摸反馈，如下图所示:

当然，你不知道。;如果你不这样做，你就不必像上面那样做。;t如果你打算放你的APPlogo，也可以用以下表达:

将标题直接放在返回图标后面。在这一点上，大多数ios的表达都是把标题文字放在动作栏中间。这种情况下的触摸反馈应该是:

这两种是andoridUI的一种非常特殊的表达，可以看作是一种个性与智慧。请酌情参考。

如图中所示。图标的使用也要风格统一。可以直接使用Android自带的图标。下载地址是:

当然可以。你可能会发现你需要的图标不在这些皇家图标里，或者你觉得这些图标真的很丑，比如:

你真以为这是吃人的节奏？

所以，你有自己的画~~

我们阅读并理解了官网中对andoridUI风格模块的描述，并和大家分享了我的一些工作经验。我们经常听到或被我们自己的领导问到这个界面应该是赫萝风格的。什么是赫萝风格，怎么做？在解决这个问题之前，让让我们看看几个优秀的应用程序和它们的界面设计。

上周我非常幸运的抢到了一部红米手机，我是如此的骄傲~~作为一个UI设计师，如果你还没有还没玩过MIUI。;是你了解它的时候了。以下是我截取的界面，并在图片中进行了恰当的描述:

开始，能不能在我们的设计中参考MIUI的表达，把操作栏设计成圆角，这样会比用直角更友好，更柔和。

第二，如果一个保守的交互设计者，或者一个保守的GUI设计者，会诚实地保留操作栏，并将这个页面的名称描述为设置在操作栏上，然后对该页面的内容进行分类，分离出来的类别通过tab切换显示在文本中。交互式地，用户通过设置图标，所以这里的所有操作都和设置有关。不需要在操作栏上总结当前页面的名称。视觉上，直接使用动作栏进行tab切换节省了很多高度，这样一页就可以显示更多的列表项。

对于文字的背景，我们经常用纯色，而MIUI用渐变色来处理文字的背景，更有层次感，isn不是吗？所以，如果你感觉良好，你也可以在你的设计中参考这个。

动作栏也可以直接用来输入文字~

甚至可以直接在动作栏放一个输入框，甚至可以在输入框放一些按钮或者标签~~

超链接也可以放在动作栏里~

这些都是值得学习的地方。

有很多这样的地方在互动和视觉上非常出色，所以我赢了。;不要一一举例。总的来说，MIUI确实是一个好看的UI界面。

让让我们看看另一个UI界面。

这些输入文本框看起来有点丑，但好像在哪里见过。

好吧。如果要对比以上两款UIS，相信大部分人都觉得MIUI好看很多。其实MIUI并不是Holo风格的UI。

什么是赫萝？

赫萝主题是安卓设计最基本的呈现。因为它是Android设计最基本的呈现形式，每一个Android4。x手机系统有集成赫萝主题所需的控件，即开发者不需要自己设计控件，而是直接从系统中调用相应的控件。如果完全使用赫萝主题，效果和上面提到的第二种UI界面大致相同。

也就是说，作为设计师，你可以在你的设计界面中直接使用Android_design_stencils_sources.PSD中的控件。例如，如果您需要多选按钮、单选按钮或音量控制，您可以直接从Android_design_stencils_sources.PSD获得它们..

如果有必要，你甚至可以直接使用官方建议的色板，或者直接使用早前下载的Android自带的图标。例如，我们在上面提到的第二个UI示例中看到的单选按钮或输入文本框都直接使用了这个源文件上的控件，或者被设计为具有相同的效果。这些应用在UI上没有亮点，但是如果你这样做，会很Android，就像你看到的那样:

拥有大面积的色块和简洁的文字表达，你必须知道嗯，这是win8风格or是的，这是地铁风格。

但是在国内调用系统控件是有风险的，因为MIUI和国内很多ROM都私自替换了ROM中原本由Google保留的赫萝控件，直接导致一个原本在原生系统上运行时是赫萝主题的应用在MIUI上运行时变得不伦不类。

两个原本完全符合Android设计却因为MIUI变得不伦不类的应用:Dropbox和Press都在这里。又要埋MIUI了。这个疯狂的东西不仅篡改了系统自带的赫萝控件，还擅自更改了开发者嵌入到应用中的赫萝风格控件，罪大恶极。不过三星和HTC也修改了一些系统的赫萝控制(当然没有MIUI那么)。这方面魅族是最好的，魅族改装的控件还是符合安卓设计的。赫萝主题的最大特点是什么？简单简单。Google提供的赫萝控件不能违反Android设计，这些控件的样式和颜色也非常保守，不会影响用户的操作或分散用户的注意力。;的关注。赫萝主题的布局也是最常见的列表。Android系统已经优化了这些默认元素，因此即使是默认的赫萝主题也可以带来良好的阅读/操作体验。然而，就像WindowsPhone上的MetroUI导致的问题一样，如果开发者完全复制赫萝主题，最终的结果将是应用程序除了图标之外看起来都一样。这时，开发者需要跳出赫萝主题框架，进入更高的层次。

的领域。

综上所述，如果你打算做一个Holo风格的UI。那么有几点可以参考:

1.灯光效果极佳，层次分明。一方面，这种层级关系是直观呈现的，很重要的一点也需要互动的人这样做。因此，赫萝不是一个视觉上的赫萝，而是一个互动的赫萝。

2.和上面描述的第二个UI一样，这些应用程序大多使用自制控件和自定义布局。自制控件的好处有很多，其中一个就是可以保证在大部分机器上看起来都一样(当然没办法遇到MIUI这样的反派，道高一尺魔高一)。

3.您可以使用建议的色板，或者自己选择更丰富的颜色。虽然色彩搭配的运用变得丰富了，但是这些颜色还是饱和度低的中性色，不是很鲜艳，容易搭配。例如，您经常看到浅灰色背景和白色卡片的文本背景。

4.当然是参考Android_design_stencils_sources.PSD上的布局。如果你有更好的，你不要don’不要受规范的约束。

下一个预览:andoridUIs启动法和绘制法。

我我下次再见你。

了解更多Androidui设计(Androidui设计工)相关内容请关注东辰网。