《app,ui界面设计模板》由会员分享,可在线阅读,更多相关《app,ui界面设计模板(4页珍藏版)》请在金锄头文库上搜索。
1、app,ui界面设计模板篇一:手机APP UI界面设计原型草图手机APP界面UI设计原型草图任何一位设计师在设计APP软件时,都会对该APP的功能、界面布局、菜单设置、内容架构等方面进行详细的策划。只有在充分的策划前提下,才能通过应用软件的加工,将脑海中的构想变成一个个的APP界面UI设计图形。凭借草图,设计师也可从宏观的角度时刻把控APP设计的每一个细节。以下为一款购物平台APP的UI设计原型草图,从首页的设计规划,到搜索页,再到产品的详情页:篇二:APP界面UI设计规范UI设计规范一、APP界面设计规范(一)界面尺寸1、IOS界面尺寸:常见为(宽度640px、高度1136px)2、Andr
2、oid界面尺寸:常见为(宽度720px、高度1280px)其他尺寸:ldpi(240*320)、mdpi(320*480)、hdpi(480*800) 3、Web Mobile尺寸:常见为(宽度640px、高度960px)(二)导航尺寸1、IOS导航尺寸:高度60px,留白7px2、Android导航尺寸:高度64px或48px,留白8px(三)标签尺寸1、IOS标签尺寸:高度98px2、Android标签尺寸:高度96px(四)工具栏尺寸1、IOS工具栏尺寸:高度88px2、Android工具栏尺寸:高度96px(五)列表高度1、IOS列表高度:高度88px2、Android列表高度:高度9
3、6px(六)资源状态对于资源通常设计弹起、点击、点击后、不可用四种状态,通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。(七)字体1、IOS默认英文为HelveticalNeue,中文为黑体2、Android列表高度:默认为 Droidsans fallback(八)字号字号通常按照标题及征文级别递减为42、36、34、30、24(九)ICON1、IOS常用尺寸有1024*1024、512*512、120*120、60*602、Android常用尺寸有512*512、200*200、72*72、48*48(十)资源插图1、长方形插图高度一般不超过背景宽度的二分之一2、缩略图两张
4、并列高度一般不超过200px,宽度要适中有留白3、图文混排中图片一般不高过150*110篇三:APP 界面 UI设计规则则什么是UI?UI就是界面设计。专业的讲指对软件的人机交互、操作逻辑、界面美观的整体设计。一个APP想要吸引并留住客户,美观实用简便的用户界面设计是其重要的一环。在开发APP之初,就应重视选择经验丰富的开发团队,并掌握UI设计的原则。 1依据手机的物理特性设计界面的原则1)应尽量减少文字的输入。由于手机在输入上的低效性,澳环认为,在设计的过程中,应尽量减少用户的输入,如果有可能可以设置默认值,或者让用户选择目标值。2)信息结构好,屏与屏之间的逻辑关系清晰。由于手机屏幕相对较小
5、,只能展示较少的信息量,这时候,在APP网站建设中,就需要有清晰的信息架构,让用户能一目了然的知道APP的各个模块及能够自由切换。3)移动APP的重要功能可以在界面中适当的提示,采取对重要高频使用的功能或信息放在首页或什么显眼的位置。2依据手机的移动特性设计界面的原则1) 主要功能可以用单手操作完成。在APP开发过程中,需要考虑最重要的核心功能,能否单手操作完成。常见手势翻页交互效果和优点等。2)界面必须简洁、操作简单,步骤少。层次不要太深,一般不超过3级。3)可利用多种提示方式,如声音、振动提醒,以吸引用户的视线。比如快速体验移动触摸响应操作等。另外,还应注意APP UI的主要操作方式应与相应的手机操作系统保持一致等原则。总之,在APP界面设计的过程中,更好地理解当前的手机系统,才能使之与APP设计的逻辑保持一致。