基于用户体验的旅游APP界面设计分析

龙源期刊网 https://www.docsj.com/doc/353193365.html,

基于用户体验的旅游APP界面设计分析

作者：闫伟华

来源：《艺术科技》2016年第09期

摘要：近年来随着我国旅游业的快速发展，旅游类APP应运而生，成为大众出行的重要移动端口应用软件。这是旅游景区完善服务、开展二次营销的有效手段。旅游APP的界面设计五花八门，但在用户体验方面却仍有欠缺。因此，为提高界面信息传达的有效性，满足用户体验的要求，现对旅游APP界面设计进行简要探讨，以供参考。

关键词：旅游APP；用户体验；界面设计

随着移动智能设备的普及与移动互联网技术的快速发展，移动智能设备成为旅游类应用的重要载体。但在APP Store上的应用同质化问题日趋严重，用户应用焦虑感也日益严重。[1]当前，旅游类APP提供了海量的旅游信息，但用户通过移动信息设备所接收的数量却不对称，影响到用户的使用体验。因此，本文主要探讨基于用户体验的旅游APP界面设计方法。

1 旅游APP界面设计的主要原则

1.1 界面信息的简易性

这主要体现在文字、图案、操作方法与结构方面。文字字体要易识别，根据字体大小来突出相关重点信息，从而节约用户的搜索时间。图案要与大众认知标准相符，与现实中的实物相似度越高，用户越容易识别。简单常用的操作能让用户尽快了解APP的使用方法，提高操作效率。

1.2 用户语言的流畅性

界面是用户与应用沟通的重要桥梁，因此要使用用户熟悉，看得懂的词汇，尽量少用专业术语。当然，除了文字还可采用图标等非语言元素。将日常生活中越常见的，越熟悉的事物作为图标，用户就越容易理解，也越容易识别。

1.3 记忆负担最小化

人类脑容量储存信息是有限的，短期记忆也非常不稳定。随着时间的流逝，人们的遗忘率也会随之提高。因此，在界面设计时要考虑到大脑对信息量的处理额度，以尽量减轻用户的记忆负担。

2 旅游APP界面设计方法

2.1 信息架构重组

APP界面框架设计中常用的10大模式详解

在线学习好工作https://www.docsj.com/doc/353193365.html,/ APP界面框架设计中常用的10大模式详解 随着移动互联网的发展，移动app已经成为了每个互联网公司的标配了，那作为产品经理，我们如何设计出更加符合用户体验的app产品呢？今天和大家分享的就是10中最常见的app界面光甲设计模式，一起来看看吧。 1.标签导航 标签导航是十大界面框架设计里最常用的界面框架设计，也是被业界之内公认的一种普遍使用的页面框架设计。那么这种页面框架设计在作业方面对一个用户来说也是最常见的一种页面框架设计，比如说微博、微信、手机百度、支付宝、淘宝，这些我们所谓的超级APP都是运用的标签导航，无一例外。从这个角度也可以看出来，优秀的产品用标签导航这种页面框架设计是非常普及的。 标签导航位于页面底部，标签的分类最好可以控制在5个之内。 优点 1）标签导航能够让用户清楚当前所在的入口位置。比如对于微信来说，无论用户在“发现”还是“对话框”里面，用户都能通过底部的高亮区域来划分当前所处的这个产品结构的区域。无论是当前位置的判断，还是要找这个入口，都比较方便，比如对于微信来说，很容易都过标签导航找到“朋友圈”。 2）轻松在各入口间频繁跳转且不会迷失方向。比如对于微信来说，微信团队不仅希望我们拿微信来聊天，还希望我们拿微信来逛朋友圈、购物、支付、滴滴打车等等，那么如果能够让用户在不同的入口间实现频繁的跳转，那这时用标签导航是最合适不过的。 3）直接展现最重要入口的内容信息。这有两层意思，第一层就是它能展示出来最重要的入口，比如拿微信来说有那么多的重要入口，显然“微信对话框” 最重要，那么他们默认的把微信对话框作为主入口。同样微博最重要的是首页，所以默认把微博首页作为最主要的入口。其次，入口不仅可以展示，入口里面的信息也可以展示。 缺点：功能入口过多时，该模式显得笨重不实用。怎么理解“功能模块过多”，比如说现在标签导航，一般情况下功能入口控制在5个以内，我们也会遇到6 个的情况，但那种产品一般来说比较复杂，最少会是3个，最多5到6个。如果过多的话，标签导航会弹不开，那这种模式就失效了。过多不行，过少也不太方便，如果说就一个Tab、两个Tab，那么标签导航下面就会显得特别的空，也不

APP界面设计就该那么美妙!

APP界面设计就该那么美妙！ 如今手机屏幕的尺寸越来越放大化，但却始终很有限，因此，在APP的界面设计中，精简是一贯的准则。这里所说的精简并不是内容上尽可能的少量，而是要注重重点的表达。在视觉上也要遵循用户的视觉逻辑，用户看着顺眼了，才会真正的喜欢。 以下是AnyForWeb为大家精心挑选的APP界面设计，供大家欣赏评论。 1.第一个案例在背景上完全没有任何的修饰成分，在色彩上也只是比较传统的使用方法，它的特别之处就在于字体的变化上。如果想把一个APP做的尽量简洁化，大多数设计师会选择借助于简单的颜色或清晰的布局，很少设计师会主要在字体上做文章。

2.PicLab是一个滤镜相机类的APP，因此，背景就理所当然的运用了由许多照片拼凑而成的Metro风格图片。但如果直接使用，背景会显得比较抢镜，所以铺上一层模糊的色彩也是不错的选择。

3.无印良品一向以极简著称，甚至极简到没有logo，所有的东西都崇尚原汁原味，不添加任何修饰，这样的理念也被带到了自家APP的界面设计中。简单的东西总会让人看起来舒适宁静。

4.这是一个记账工具类的APP设计。中间部分的图案十分有趣，意示着花钱如流水，这也十分符合APP本身的用意，希望用户注重节俭。这个案例让我们了解到，一个有寓意的图示或文字都可以成为界面的唯一重点。

5.这是一个类似于大众点评的周边推荐类APP。与普通APP不同的是，这个APP将每一家商户的图标都转换成了具有商家特色的小图示，这样能让用户更加清晰的了解到该商家的特点，在APP的整体设计上也多了一些美感。

6.这个APP直观的看起来更像是一个袖珍型的网页，真实的背景图片与简短的文案相搭配。唯一欠缺的部分就是底部的登录注册按钮，与界面整体似乎有些格格不入，但不可否认的是，纯色块的确能在界面中引起用户的注意。

移动应用界面设计的尺寸设置及规范

【总结】移动应用界面设计的尺寸设置及规范 时间2014-05-04 15:15:07 青溪·札记 原文appdesign-sizesetting/ 主题用户界面设计移动应用 刚接触移动应用的界面设计，最先跳入脑海的疑问是：画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？ 本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索，来分享移动应用界面设计中的尺寸规范等问题，希望能给移动端的新手设计师些许指引。若有不当之处，欢迎斧正。 一、android篇 1、android分辨率 Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi 模式：ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 注意，ppi、dpi 是密度单位，不是度量单位： * ppi (pixels per inch)：图像分辨率（在图像中，每英寸所包含的像素数目） * dpi (dots per inch)：打印分辨率（每英寸所能打印的点数，即打印精度） dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi 。尽管概念不同，但是对于移动设备的显示屏，可以看作ppi=dpi 。 ppi的运算方式是：PPI = √（长度像素数2 + 宽度像素数2） / 屏幕对角线英寸数。即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。 以iphone5为例，其ppi=√（1136px2 + 640px2）/4 in=326ppi（视网膜Retina屏） 对于android手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi （xhdpi模式），480 x 800 的手机很可能接近 240 dpi （hdpi模式），而320 x 480 的手机则很接近 160 dpi（mdpi模式）。

app用户界面设计大作业

教学站：杭州前进学号：201812925310039 姓名：詹浩裕 医护app用户界面设计说明书 修订历史记录

目录 1 引言................................................... - 2 - 1.1编写目的............................................ - 2 - 1.2项目背景............................................ - 2 - 1.3主要功能 (2) 2 应当遵循的界面设计规范 ................................. - 3 - 2.1用户界面设计原则.................................... - 3 - 2.2界面一致性 (4) 2.3布局合理化原则.......................... 错误!未定义书签。 3 引导页..................................... 错误!未定义书签。 4 主界面................................................. - 5 - 4.1主界面.............................................. - 6 - 4.2登录页面................................ 错误!未定义书签。 4.3各子界面 (7) 5 美学设计 (10) 6 界面资源设计 (10) 6.1图标资源 (10) 7 投诉与建议 (11) - 1 -

手机app界面设计模板

手机app界面设计模板 导语： 随着移动互联网技术的发展，越来越多的app应用孕育而生。精美的app界面更吸引我们使用，那么它是如何设计与制作呢？我们一起来学习下！ 免费获取线框图原型图设计软件：https://www.docsj.com/doc/353193365.html,/wireframe/ 模板丰富的手机APP界面制作工具 亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的APP界面设计模板，可以免费使用。特别是针对没有绘图经验的开发者，有了APP界面设计模板之后，再也不愁APP界面设计的问题。亿图软件的符号库包含所有图标组，还能对单个图标进行修改，拖拽式的操作能帮助用户在架构设计上更加流畅。

线框图设计模板 线框图模板是经过打磨的备选素材，可供使用者直接套用，有效节省时间。亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的线框图模板，在应用软件内容，用户可以免费使用。特别是针对没有绘图经验的开发者，有了线框图模板之后，再也不愁线框图的问题。 线框图模板一

线框图模板二

线框图模板三 更多绘图符号，助力线框图设计 亿图软件不仅提供模板，更有多套免费icon供用户使用。这些矢量的图标符号，可任由使用者进行二次编辑。精致的图标符号，加上合理的布局，瞬间让线框图设计加分不少。 UI矢量符号

触摸手势符号

IOS符号 亿图图示的模板和符号，欢迎您的尝试。如果想体验最新的模板和符号，也可以从线上直接获取最新素材。 获取更多线框图原型图软件使用技巧：https://www.docsj.com/doc/353193365.html,/software/wireframe/

基于用户体验的智能手机 APP 界面设计研究外文文献翻译

文献出处: Lane N D, Miluzzo. RESEARCH OF SMART PHONE APP INTERFACE DESIGN BASED ON USER EXPERIENCE [J]. Communications Magazine, IEEE, 2015, 8(9): 140-150. 原文 RESEARCH OF SMART PHONE APP INTERFACE DESIGN BASED ON USER EXPERIENCE Lane N D, Miluzzo ABSTRACT In today's information age, as a kind of new media, mobile devices play an important role in people's life. Smart phone lead the future development direction of mobile phone, smart phone APP become an important industry in the mobile Internet, people pay more and more attention to the user experience of a smart phone APP interface design. Because smart phone APP an intense market competition, the user experience to become the decided to smart phone APP development the important lifeblood of the height, strength and speed, is an important indicator of success for the APP product. However, smart phone APP as a newly emerging things produce time is shorter, the designer can't make the change of the agile, according to market feedback in the process of its design and development of the lack of a complete set of design process and theoretical support, to provide users with a good interface design become the key of the user experience. How will the user experience design process into the smart phone APP interface design research and development of every link will be this article to solve the problem. In this context, on the one hand, on the user experience from the level, structure, process, measurement and design point of view to explore the structure of the user experience, on the other hand, the smart phone APP interface design of the user experience to analyze, to build smart phone APP interface design user experience level model. Keywords: User experience, Smart phone, APP, Interface design 1Introduction The rapid development of mobile Internet has become an indispensable part of people's life; it changes in the world of the Internet also changed people's way of life.

APP界面的设计与实现

XXXXXXX学院 毕业设计报告 设计题目“乐情旅”APP界面的设计与实现指导教师/职称XXXXX 作者姓名XXXXXX XXXXXXXXX学院教务处 2017年6月15日

目录 摘要 (3) 1 绪言 (3) 1.1项目界面设计基本要求 (3) 1.2项目界面设计工具介绍 (4) 1.3项目背景及意义 (4) 2 需求分析 (5) 2.1用户需求 (5) 2.2功能需求 (6) 3 APP界面的设计 (6) 3.1APP功能界面介绍 (6) 3.2APP图标的设计 (7) 3.3APP界面的布局设计 (8) 3.4APP界面的实现 (9) 3.4.1引导页界面 (9) 3.4.2网络加载界面 (9) 3.4.3登录界面 (10) 3.4.4首页界面 (10) 3.4.5分类界面 (10) 3.4.6目的地界面 (11) 3.4.7抢购界面 (11) 3.4.8我的界面 (11) 致谢 (12) 参考文献 (12)

“乐情旅”APP界面的设计与实现 摘要 旅行是近几年娱乐休闲的主要方式，而更加方便快捷的出行方式就是使用APP来获取信息，网上订票。更多的人将“世界那么大，我想去看看”挂在嘴边，旅游散心一则放松自己在工作日中紧张的身心，二则锻炼身体。基于这种形势，设计一款以旅行为主导的APP是现阶段十分有必要的任务。 乐情旅APP主要服务于中青年群体，基于智能手机平台，希望能够提供更便捷的服务来让用户更好的走出去。 关键词：旅行；APP；需求 1 绪言 智能手机在这几年不断的充斥着我们的日常生活，同时现代人也更加注重生活质量，在假期或者周末期间，一般人都想出去旅旅游散散心以放松自己在工作日中紧张的身心，也是为了锻炼身体。现如今，旅游也逐渐成为了现代人生活的重要一部分。所以在这个大背景下，设计一款基于智能手机的旅游软件也是十分有必要的，同时也会让我们的旅游生活变得更加方便。 1.1 项目界面设计基本要求 界面设计：首先一款有价值的APP要拥有良好的用户界面，用户在使用APP的过程中，容易对漂亮的界面产生好感，同时也更容易接受一些。相反的，如果一款粗糙丑陋的界面会使用户产生厌恶感，然后对这款软件产生不信任感，最终放弃使用。所以一个好的用户界面是APP在设计时的基础。 用户体验：软件简单上手易操作是大多数用户的需求，用户首先不会对一款难以操作的软件产生好感，同样的对于操作复杂的也不会有兴趣，难以操作会使整个项目失去原有的活力，也就意味着项目还没开始就已经失败了。要想做一款成功的APP，让用户在第一眼看到就能够操作基本项目是基本要求。

APP用户界面设计基础

APP 用户界面设计基础 1、各设计部尺寸标准一览 为了避免在首页 UI 设计时出现不必要的麻烦，如设计 尺寸错误而导致显示不正常的情况发生，设备尺寸的标准 如单位，分辨率，密度等）都是我们必须了解清楚的。 图 1 手机屏幕各类参数 首先让我们来看图 1 所示。如果没有接触过手机界面 设计，对下图中的各种数值很可能会一头雾水， Inch 是什么？ 320X480 代表什么？ DPI 又是什么单位？ HDPI 和 MDPI 又分 内容。 1)英寸 (Inch) 英寸其实就是我们常说的长度单位， 14 寸笔记本电 脑，30 寸纯平彩电， 指的就是屏幕对角的长度， 如图 2 所示， 手机屏幕也沿用这个概念。 图 2 图解英寸概念 2）分辨率 分辨率是屏幕物理像素的综合，一般用屏宽像素数 480px*800px ， 320px*480px 等， 别代表什么呢？下面我们来 介绍这些设备尺寸相关的 以屏高像素数来表示，比如

像素是显示屏规范中的最小单位。 图3 分辨率示意图 图4 像素示意图 图3 所示是一张分辨率为420px*320px 的图片，把 它放大后，所见图片就变成图4 所示这种全是正方形格子，而每个正方形格子就代表一个像素。这些格子数是有规律的，如果您有兴趣去数一下，屏宽的格子数为420 个，屏高的格子数为320 个，也就是分辨率的宽与高。 3）网点密度（DPI ） 屏幕物理面积内所含的像素数，通过DPI （每英寸 点数）来计算，图1所示的252DPI 和180DPI 就是指每英寸点数为252 和180。 DPI 越高，显示的画面质量就越精细，在一般屏幕 设计师上追求高DPI 显示画面质感，但在手机UI 设计时， DPI 要与相应手机相匹配，因为低分辨率的手机无法满足高 DPI 图片对手机硬件的要求，显示的效果反而会变得糟糕，所以就涉及了一个新的名词-屏幕密度 4）屏幕密度 屏幕密度分为DPI （低）,MDPI （中等）,HDPI （高）, XHDPI（特高）四种。 图5 屏幕密度一览表

APP界面设计教程

APP界面设计教程：移动界面设计尺寸篇 不知道大家还记得有哪些？ 今天，小编决定再来梳理下关于APP界面设计尺寸。算是一个关于app 设计尺寸的专题吧！ APPLE APP STORE ICON:512 x 512 PX IPHONE 4 App Icon：114 x 114 PX IPHONE 3GS App Icon：57 x 57 PX —————————————————————– IPHONE 5 App UI：1136 * 640PX （设计时,高度还需要减去状态栏40PX） IPHONE 4 App UI：960 * 640PX （设计时,高度还需要减去状态栏40PX） IPHONE 3GS App UI：480*320PX —————————————————————– iPad 3：2048 x 1536PX (2倍于iPad2) iPad 2：1024 x 768PX —————————————————————– Android Phone App Icon：512 x 512 PX Android Phone App UI： 240x320PX

320x480PX 480x800PX 480x854PX 540x960PX (例如：HTC Sensation XE) Android Tablet App UI： 600x1024PX 720x1280PX 800x1280PX 因为Android设计单位是dp，而1dp等于1.5px。 设计稿以px为单位的情况下，元素尺寸需要是1.5的倍数，才可以在Android手机显示清晰图片。 下面是25学堂一路过程中分享的关于移动界面设计尺寸的文章或APP 设计干货。 第一篇：iphone APP界面设计尺寸官方版 发布于：2012 年10 月20 日 25学堂教程原创一：iphone界面设计尺寸（640*960）px 该Iphone 界面设计是从苹果官方网站帮助中心提取过来，这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少，只知

手机APP用户界面设计的10点建议

手机APP用户界面设计的10点建议 技巧1:保持专注 最好的移动应用集中精力将一件事做得很好。你应该用一句话就能描述你的应用程序是干什么的,而不用提及任何"细节"。用户应该能够启动它,使用它,然后在几秒钟内就能利用其达成目的。如果用户需要通过四层以上的菜单才能使用,那应用程序很快就会被卸载。 技巧2:适当地使用后退按钮 在Android上,系统提供的后退按键在App内应该能够使用户得到返回的功能。而在iOS中后退按钮是通过软件控制的,您应该总是提供一个返回按钮,原则上用户已经习惯了返回按钮在左上角。遵循back-button的约定行为和特定于操作系统的位置是至关重要，要让你的应用程序满足用户期望的话。 技巧3:考虑软键盘行为 大多数移动应用程序都在一个或多个屏幕中要用到使用键盘输入。不幸的是许多设计师没有考虑到激活屏幕键盘后如何显示界面。当你测试时,请确保在屏幕上有足够的空间让用户知道他们在做什么,即使屏幕键盘被激活时也一样。 技巧4:体贴的空白提示占位符 如果应用程序只有几个数据输入域,则显示空白提示是

很友好的,也可以让应用程序看起来更干净。如果应用程序的数据输入域很多,则使用占位符而不是label就会变得非常混乱。一旦用户在该输入域输入一些信息,除非这些信息是不言自明的,否则对用户来说那些信息就需要连蒙带猜了。 技巧5:挑战新特性 在以前的应用程序设计中,软件开发人员专注于在程序中添加尽可能多的功能。他们衡量成功的准则就是能够比竞争对手拥有更多的功能和特性。移动革命已经改变了这一点。 在桌面应用程序中,一个不常用的功能会被添加到子菜单中,高级用户发现这些功能可能是一个好主意,因为它使得你的程序区别于竞争对手。在移动应用中,一个不怎么有用的特性会使得用户界面凌乱而难以操作。 技巧6:把选项卡放到正确的位置 在iOS中,主要的选项卡导航看起来不像选项卡。他们是屏幕底部的一些图标,用户使用使用他们来切换应用的主要功能。大多iOS用户不习惯这个功能出现在窗口的顶部,但Android用户习惯于这样。在Android上,选项卡通常放置在应用程序顶部,并且可以左右滑动切换。 这里的关键在于,如果你的应用需要依赖一个"选项卡"来作为应用主要功能的导航,您需要在iOS和Android上将

用户界面设计大课后复习

《用户界面设计》大作业 设计一款手机app或桌面app的用户界面，撰写“用户界面设计说明书”。 具体要求如下： 通用规则 1. 撰写认真: 文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例）。没有各种文字错误。 2. 正确的格式化: 使用标题、列表、留白等机制，让文档适宜阅读。 关于用户界面设计说明书 是否/如何回答了以下问题? ●项目是什么? ●项目的来源或背景? ●项目的技术细节，比如开发平台、运行平台等？ ●是否符合专业文档撰写规范？ ●是否包括了以下内容： ?界面设计原则 ?app工作流程图 ?界面设计规范（design specification）：至少包括颜色设计、字体设计、图像设计、 布局设计等方案，需包含主要界面的详细设计图。 避免抄袭现象：如果发现抄袭或雷同，成绩不及格。 一、实验目的 (1)熟悉图形用户界面的设计原则

(2)利用一种设计工具完成图形化的用户界面设计 二、预备知识 图形用户界面又称为WIMP界面，由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointing device)四位一体，形成桌面(desktop) ，如图所示。 图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。 WIMP界面可看作是第二代人机界面，是基于图形方式的人机界面。在WIMP界面中，人被称为用户，人机通过对话进行工作。用户只能使用手这一种交互通道输入信息，通过视觉通道获取信息。在WIMP界面中，界面的输出可以为静态或动态的二维图形或图像等信息。 这种方式能同时输出不同种类的信息，用户也可以在几个工作环境中切换而不丢失几个工作之间的联系，通过菜单可以执行控制型和

app用户界面设计大作业

教学站：前进学号：201812925310039 ：詹浩裕 医护app用户界面设计说明书 修订历史记录

目录 1 引言................................................... - 3 - 1.1编写目的............................................ - 3 - 1.2项目背景............................................ - 3 - 1.3主要功能 (2) 2 应当遵循的界面设计规 ................................... - 4 - 2.1用户界面设计原则.................................... - 4 - 2.2界面一致性 (4) 2.3布局合理化原则.......................... 错误!未定义书签。 3 引导页..................................... 错误!未定义书签。 4 主界面................................................. - 6 - 4.1主界面.............................................. - 7 - 4.2登录页面................................ 错误!未定义书签。 4.3各子界面 (7) 5 美学设计 (10) 6 界面资源设计 (10)

6.1图标资源 (10) 7 投诉与建议 (11) 1引言 1.1编写目的 本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。 1.2项目背景 主要针对的用户群体为全国三甲医院的专科护士，主要的功能有：对院院外用户进行管理，提供随访评估所需的容与工具，查看用户日常病程变化，为用户私人定制康复计划，与用户进行即时沟通，并在线回答用户问题。 1.3主要功能 患者端主要的功能有：查看宣教容，根据护士为其制定的康复计划，完成周期性康复容。实时监控自身病情变化曲线，并可及时与护士进行沟通，使问题得到快速的解答。

APP界面UI设计规范

UI设计规范 一、APP界面设计规范 （一）界面尺寸 1、IOS界面尺寸：常见为（宽度640px、高度1136px） 2、Android界面尺寸：常见为（宽度720px、高度1280px） 其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px） （二）导航尺寸 1、IOS导航尺寸：高度60px，留白7px 2、Android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、IOS标签尺寸：高度98px 2、Android标签尺寸：高度96px （四）工具栏尺寸 1、IOS工具栏尺寸：高度88px 2、Android工具栏尺寸：高度96px （五）列表高度 1、IOS列表高度：高度88px 2、Android列表高度：高度96px （六）资源状态 对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。

（七）字体 1、IOS默认英文为HelveticalNeue，中文为黑体 2、Android列表高度：默认为Droidsans fallback （八）字号 字号通常按照标题及征文级别递减为42、36、34、30、24 （九）ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48 （十）资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px，宽度要适中有留白 3、图文混排中图片一般不高过150*110