app按钮用什么设计规范，怎样设计手机APP界面

成都创新互联是一家专业的成都网站建设公司，我们专注成都网站制作、成都做网站、外贸营销网站建设、网络营销、企业网站建设，友情链接，广告投放为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

本文目录一览

• 1，怎样设计手机APP界面
• 2，app ui设计 要求 怎么写
• 3，如何进行APP按钮设计与排版
• 4，Android 平台设计规范有哪些
• 5，APP界面设计有哪些注意事项

1，怎样设计手机APP界面

包括了ui设计师和交互设计师，产品经理和程序员的团队合作进行的，可以到趣达的ui设计公开课上学习

大概设计板块有app启动页面设计，app界面设计的尺寸规范，app图标设计等一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

2，app ui设计 要求 怎么写

1. 行业，业务介绍；告诉设计师app是用来做什么的。及用户群体大多是哪类人；有经验的设计师会根据以以往经历来斟酌设计。
2. 设计要求及技术事项；如果你希望用什么颜色；或什么风格。可以把一些好的案例发给设计师。（但是也别太多；这无疑是把范冰冰眼睛，章子怡都嘴，林志玲都鼻子等诸多好东西从新拼凑；会起到反效果）技术事项是比如你的app是否需要兼容pad及安卓；3. 准备文案，比如app都首页会有一张大广告图；但是图上面的广告语；得你来想好；如果设计师自己随便弄个；也许不符合你的意愿；完了修改。这又造成了时间与工作量的浪费。本答案由祝明园ui设计工作室专业回答

3，如何进行APP按钮设计与排版

按钮和图标的排版设计也是一门学问，不一样的排版就会有不一样的视觉结果。如果对设计的细节不重视，有可能让我们原本完美的产品变的平庸，比如像按钮、Tab这些简单的界面元素也是需要排版的，因为用户可能每天都会点击N次。社交类APP当中的按钮设计这样的APP按钮是直接吸引用户点击交互的。而且按钮的排版和整个元素的排版都是居中的，属于UI设计当中的中轴式布局。大气稳重。电商APP当中的按钮设计此款APP的按钮设计非常的丰富。各个元素基本都是由按钮来组成和布局排版的。看到满意的只要打钩就行。最后一个大的按钮键点击添加到购物车理财app的块元素按钮设计其实这样的宫格式的设计也是属于app按钮设计范畴。相比我们之前2个的按钮，没有那么明显。但是这些其实是按钮的演变。可以去参考小灵灵的设计

4，Android 平台设计规范有哪些

1、尺寸以及分辨率：Android的界面尺寸比较流行的有：480*800、720*1280、1080*1920，我们在做设计图的 时候建议是以 480*800的尺寸为标准；
2、界面基本组成元素：界面基本组成元素包括：状态栏+导航栏+主菜单栏+内容区域；以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样，android对于尺寸没有太明确的 数据规范)如下：3、字体：Android 系统中，Droid Sans 是默认字体，与微软雅黑很像；
4、操作栏：
1、”操作栏”对于 Android 应用来说是最重要的设计元素，它通常在应用运行的所有时间都呆 在屏幕顶部；
2、 操作栏的基本布局：1向上＋2 Spinner视图控制＋3 重要操作按钮＋4 更多操作：其中，向上按钮，点击后是去到 当前界面的上一个层级，非第一层级界面有此按钮，第一层级界面则无向上按钮；Spinner 是 用于展示内容的下拉菜单，其内容包括视图的快速切换和显示相关内容的完整信息；更多操作（action overflow）是集合操作栏中不常用的和非重要操作的地方。
5、多面板布局：多面板布局更多的是针对平板电脑，把手机端的目录视图和详情视图两个层级的界面，甚至更 多的页面，复合展示在同一个界面中，有效地利用平板电脑的屏幕空间，扁平化层级结构，简 化导航。这点在iPad上已经运用得相当娴熟了。
6、选择：Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后，是 出现情境菜单的浮出层。在Android4.0中，长按后在操作栏的位置会覆盖一个临时的情境操 作栏，不再弹出情境菜单浮出层。在临时情境操作栏的环境下，当前界面的内容项允许被单个 处理，也允许被批量处理。
7、返回和向上：返回按键用在手机全局的虚拟导航栏中，基于用户最近查看的界面历史，采用时间倒序的方式， 连接界面间的关系。向上按钮用在操作栏的左侧，基于层级结构，点击后是去到当前界面的上一 个层级，若当前界面已经是最高一级，则没有向上按钮。
8、主题样式：推出三套默认主题：Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在 这三套默认主题的基础上做设计，以加快app研发效率，但只是建议使用，并没有完全强制。
9、触摸与反馈：用户触摸应用中的可操作区域，应当在视觉上有响应，微小的反馈会给用户带来很好地效果；
10、按钮：
1、按钮的3种表现形式如下图：2、对于仅包括图标的按钮，不需要使用背景色；
11、滑块：滑块的几种表现形式如下图：12、进度条：如果某个操作需要花费很长的时间，就需要用进度条的指示和旋转圈的形式来表示：
1、如果你可以知道当前任务完成的比例，那么使用进度条，让用户了解大约还需要多久才能完成；
2、当使用旋转圆圈时，不要配以文字标签。旋转的圆圈已经表明了正在进行后台操作。
13、开关：用户通过开关作出选择，包括3种形式：复选框+单选按钮+开关；1、复选框：用户可以在一个集合中作出多个选择：2、单选按钮：单选按钮允许用户在一个集合中做一次选择；
3、开关：开关控制单个选项的状态；
14、对话框：应用通过对话框让用户作出决定或者填写一些信息，1、对话框的左边一般情况下是取消按钮，右边是确定按钮；

5，APP界面设计有哪些注意事项

第一点：了解你的目标客户群的心态1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。第二点：app原型图的制作和设计讨论这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。常用的app原型图工具：移动app原型设计神器 pop 、axure、foreui等第三点：app视觉设计与设计要点
（1）大概设计板块有app启动页面设计，app界面设计的尺寸规范，app图标设计等一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。你必须记住：
（1）隐藏设计或者减法设计
（2）分区或分类
（3）帮用户做决策
（4）提高交互创新设计
（5）让人有爽快感和新奇感
（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”2014年 app设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！第四点：app界面设计流程
（1）. 设计app界面时，学会从优秀app界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。
（2）. 放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有效。
（3）. 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。
（4）. 由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。
（5）. 整个设计过程中不断问自己“真的需要吗？” 。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。第五点：app界面设计测试与预览修正设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览app界面设计效果图的方法最后：好的app界面设计作品必然是要经过不断升级、重复迭代的。

众所周知，每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度，就能看到手机中APP的发展前景，那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计，主要讲讲APP界面设计的色彩选择与搭配。移动端UI界面中通常是需要选取主色，标准色，点晴色。它们各自代表的含义：主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现，会有点晴，定调的作用。统一的主色调也能让用户找到品牌感的归属，例如网易红/腾讯蓝/京东红/阿里橙等等。标准色：指的是整套移动界面的色彩规范，确定文本/线段/图标/背景等等的颜色。点晴色：通常会用在标题文本/按钮/icon等地方，通常起强调和引导阅读的作用。常见的移动端UI界面的颜色搭配设计方案有：
1、邻近色配色法则：(色相环上邻近的颜色)换句话说就是：选取色相环上邻近的几种颜色来搭配设计。
2、同色系配色法则主要是指同色系配色(色相一致，饱和度不同)的配色方案：主色和点晴色都在统一的色相上，给用户一种一致化的感受。第三种是点亮色配色法则主色用相对沉稳的颜色，点晴色采用一个高亮的颜色，起带动页面气氛，强调重点的作用。第四种是中性色配色法则用一些中性的色彩为基调搭配，弱化干扰。这种方法在移动端是最常见的方法。中性色彩搭配由黑色、白色及由黑白调和的各种深浅不同的灰色系列，称为无彩色系，也称为中性色。中性色不属于冷色调也不属于暖色调。黑白灰是常用到的三大中性色。第五种是渐变色与纯色配色法则这种大胆的配色方案也是2017年值得关注的一个风向标。丝路说这也是2017年移动端APP设计的一个趋势。学会更大胆地使用色彩会是一个不错的选择。