手机界面设计（好看的手机桌面布局图）

本文目录一览：

• 1、手机应用软件的界面设计是什么？
• 2、手机UI设计的基本规范
• 3、设计一套UI（手机界面）多少钱？
• 4、怎么把手机桌面桌面设置成电脑一样的桌面？
• 5、做手机界面设计的尺寸是多少
• 6、什么是手机ui设计

手机应用软件的界面设计是什么？

1、手机应用软件的界面设计——“高可用性”设计将击败“简单”设计

智能手机用户的数量已经扩大到一个非常边缘的群体，而且数量非常大。它们没有界面交互或隐喻的一般概念。如果他们尽可能直接和非破坏性地传达信息，可用性和“简单性”的设计冲突。

在汉堡菜单和材料设计中，生产按钮是最大的问题。

2、手机应用软件的界面设计——平面设计和游戏设计的灵感会影响到应用交互/内容的设计

平面2.0设计:虽然整体感觉还是“平坦”的，但是阴影、渐变和其他细节会更加丰富。

精美的插图和图形更为常见，它们直接影响应用程序本身的质量。

更多的字体选择和杂志风格的排版。

3、手机应用软件的界面设计——智能通知将成为新的“应用home”

事实证明，苹果手表等智能手表的核心价值在于“通知”。通知已经成为用户与应用程序交互最直接的方式，尤其是在每个人都拥有大量应用程序、注意力资源稀缺、启动一款应用程序不容易(或者不方便，就像Apple Watch那样)的情况下。

通知的形式将更“聪明”,不是小广告推送的形式,还是以产品的形式居民,但接近“手表”屏幕大小,随需应变,交互和界面相对完整(甚至用手机而不是看),用户甚至可以享受应用程序,而无需打开应用程序提供的所有功能。

环球网校小编为大家整理的《越来越多的ui设计师，开始学习手机应用软件的界面设计要求》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关UI设计的技巧或知识，也可以点击本站其他文章进行学习。

手机UI设计的基本规范

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

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

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

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

一、iOS界面规范

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

苹果6s 的尺寸750px * 1334px，6s Plus的尺寸就是1242px * 2208 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（手机界面）多少钱

简单点来说，要视手机APP的需求及质量而言，价位一般在几千到十几万左右，更高端的价格更高。

今天，我们就来详细分析一下这个问题，请继续往下看吧。　

一、APP开发款式分为固定款和定制款，两者的价格均不相同

固定款：是指直接套用已有的、现成的APP固定模板，报价是固定的，所需要的功能也是固定的，缺点就是客户拿不到源代码，也不能根据企业需求进行定制，由于源代码是封装的，如果企业以后想进行功能升级或系统维护的话，也不能够实现，只能重新开发一个新的软件。

固定款的APP开发时间短，约2~3日的时间即可完成，费用大约在几千到几万之间。

定制款：定制款是指APP的功能全部重新开发，过程比较繁琐，需要美工、策划、APP开发（前台/客户端/手机端）、后台程序员等工种协同完成，大型的、功能复杂的APP甚至需要数十人的团队。

由于APP的功能和设计都是定制的，因此价格会高些。定制款的开发时间与开发价格是成正比的，开发时间长，大约在两三个月甚至不定的周期里才能完成，而费用大概在几万甚至十几万左右。

因此，想要知道开发一款手机APP需要花费多少钱，企业主首先必须把APP的详细需求和功能告知APP开发公司，开发公司才能报出一个合理的价格。

二、手机APP平台不同，制作成本也不一样

现在市面上流行的手机APP制作平台主要有两种一般包括两种系统：安卓系统（Android）和苹果系统（IOS）。

一般来说，制作苹果系统的手机APP软件费用要比安卓平台的贵一些，因为苹果公司对苹果平台的封闭性和手机APP开发语言Objective-C的难度，都让APP开发者加大了苹果系统手机APP开发的难度。

三、APP制作成本包含参与人员的工资

通常情况下，开发一款APP需要产品经理、客户端工程师、后端工程师和UI设计师各一名，这已经是制作手机APP应用软件比较精简的配置了，所以这些参与人员的工资也是包含在APP制作成本当中的。这些工作人员的月薪加起来可能都会超过4、5万元。

四、APP开发公司的所在地

需要注意的是，同样实力的APP开发公司，在不同的城市也会导致APP的成本费用高一些

怎么把手机桌面桌面设置成电脑一样的桌面？

1.你果你说的事壁纸的话，用图片处理软件把桌面壁纸图片裁切成你手机屏幕分辨率的图片，拷贝到你手机上，设置成桌面壁纸就可以了。\x0d\x0a2.如果你说的事操作界面，那完全是没有办法了，除非手机系统开发商把手机界面设计成那样，不过那样就侵犯微软的权益了。\x0d\x0a3.购买装有Windows系统的手机，界面应该和电脑差不远。。。\x0d\x0a4.自己学习编程，手机操作系统开发，然后自己设计修改手机系统操作界面，自己为其设计主题。。。

做手机界面设计的尺寸是多少

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。

如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。

如果以Android为设备进行设计，尺寸一般使用720x1280，1080x1920进行设计第一种是2倍图，第二种是3倍图。

近年来iPhone和Android的设备增多，各尺寸也逐渐变多，下面有一份安卓屏幕尺寸表：

以及一份iOS屏幕分辨率和尺寸表：

扩展资料：

1、UI界面设计的基本要素：

机界面层级： idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外，比较重要的还有function animation(呼叫，发送信息等) 以及 function interface(计算器，日历界面等)

明确意义的图标，风格鲜明的版面设计是手机界面设计的重要工作，较为流行的是以Motorola，Nokia等为代表的欧洲简单风格，以及韩国的时尚绚丽的风格。

2、设计注意事项：

尺寸问题： 480X800，540X960，720X1280，1080X1920象素尺寸是较常见的手机屏幕尺寸，在设计时可以根据实际产品要求进行设计，更大的屏幕可以有更多的交互表现和视觉元素的支持，较为自由。

色彩问题： 由于手机lcd本身的限制，在色彩的还原程度上没有pc如此完善，因此在选用色彩时要根据使用的屏幕进行调节。

可实现性问题： 受到硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于复杂的效果将很难进行实现，与程序工程师和ui工程师，硬件工程师的沟通显得尤为重要。

参考资料来源：百度百科-手机UI设计

什么是手机ui设计

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”，好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

UI设计的好坏的确影响了一款APP产品的成败，要成为一款有竞争力的软件，界面设计是第一位的，界面的体验和美观是用户对一个软件至关重要的第一印象。

精美的界面设计、良好的用户体验使产品焕发了生命力、增进了用户的使用黏度与口碑传播，也大幅提升了产品的下载量、点击率。作为业内知名的手机UI设计公司FaceUI就曾说过“未来移动互联网的势头不容小觑，而UI设计自然会成为树立竞争优势的重要砝码。”

而我们接触的最多的手机UI，除了众多的软件UI，还有系统层面UI，比如谷歌Android 5.0的Material Design、小米的MIUI、三星的TouchWiz UI、华为的EMUI等，都凭借优秀的UI设计俘获了众多用户，并成为决胜手机发展的法宝，特别是苹果iOS的UI设计，已成为手机UI行业的风向标。