app,ui界面设计模板.docxVIP

app,ui界面设计模板 　　篇一：手机APP UI界面设计原型草图 　　手机APP界面UI设计原型草图  　　任何一位设计师在设计APP软件时，都会对该APP的功能、界面布局、菜单设置、内容架构等方面进行详细的策划。只有在充分的策划前提下，才能通过应用软件的加工，将脑海中的构想变成一个个的APP界面UI设计图形。  　　凭借草图，设计师也可从宏观的角度时刻把控APP设计的每一个细节。以下为一款购物平台APP的UI设计原型草图，从首页的设计规划，到搜索页，再到产品的详情页：  　　篇二：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*512、120*120、60*60  　　2、Android常用尺寸有512*512、200*200、72*72、48*48  　　（十）资源插图  　　1、长方形插图高度一般不超过背景宽度的二分之一  　　2、缩略图两张并列高度一般不超过200px，宽度要适中有留白  　　3、图文混排中图片一般不高过150*110 　　篇三：APP 界面 UI设计规则则 　　什么是UI？UI就是界面设计。专业的讲指对软件的人机交互、操作逻辑、  　　界面美观的整体设计。一个APP想要吸引并留住客户，美观实用简便的用户界面设计是其重要的一环。在开发APP之初，就应重视选择经验丰富的开发团队，并  　　掌握UI设计的原则。 1依据手机的物理特性设计界面的原则  　　1）应尽量减少文字的输入。由于手机在输入上的低效性，澳环认为，在设计的过程中，应尽量减少用户的输入，如果有可能可以设置默认值，或者让用户选择目标值。  　　2）信息结构好，屏与屏之间的逻辑关系清晰。由于手机屏幕相对较小，只能展示较少的信息量，这时候，在APP网站建设中，就需要有清晰的信息架构，让用户能一目了然的知道APP的各个模块及能够自由切换。  　　3）移动APP的重要功能可以在界面中适当的提示，采取对重要高频使用的功能或信息放在首页或什么显眼的位置。2依据手机的移动特性设计界面的原则  　　1） 主要功能可以用单手操作完成。在APP开发过程中，需要考虑最重要的核心功能，能否单手操作完成。常见手势翻页交互效果和优点等。  　　2）界面必须简洁、操作简单，步骤少。层次不要太深，一般不超过3级。3）可利用多种提示方式，如声音、振动提醒，以吸引用户的视线。比如快速体验移动触摸响应操作等。另外，还应注意APP UI的主要操作方式应与相应的手机操作系统保持一致等原则。总之，在APP界面设计的过程中，更好地理解当前的手机系统，才能使之与APP设计的逻辑保持一致。