软录 · 2022年12月5日

app界面设计尺寸规范|如何做app界面设计

Ⅰ iOS界面设计尺寸和分辨率有哪些

1、目前苹果手机的尺寸及分辨率iphone界面尺寸:320*480、640*960、640*1136、750*1334、1080*1920等。iPad界面尺寸:1024*768、2048*1536等。单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。Ps:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。2、界面基本组成元素iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。640*960的尺寸设计下这些元素的尺寸。· 状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px· 导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px· 主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px· 内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px 希望能给你帮助,另外你可以到网络文库搜索相关关键字,相信会有你的资料。

Ⅱ 设计手机app界面 要多少dpi

1、苹果iOS版本的iphone APP UI设计尺寸规范: 2、Andriod 版本的APP UI设计尺寸规范 主流的手机设计尺寸:460*800 px 1280*720 px 设计版本是:1280*720 px 视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320×480)等。

Ⅲ app ui 最好按什么尺寸设计

在苹果的《iPhone人机界面设计规范》中指出,最小的点击目标尺寸是44 x 44像素。微软的《Windows手机用户界面设计和交互指南》中建议使用34 x 34像素的尺寸,最小也要26 x 26 像素。诺基亚开发指南中建议,目标尺寸应该不小于1cm x 1cm或者28 x 28 像素。

Ⅳ web app 的设计规范和标准有哪些

WEB标准设计 :

网页结构 HTML XHTML XML DIV+CSS XHTML+CSS 表现层

网页表现 (Cascading Style Sheets) 样式表 页面皮肤

网页行为 ECMAScript DOM BOM

用户体验 (User Experience)

搜索引擎优化 (Search Engine Optimization)

App的标准

IOS:界面尺寸、图标尺寸、字体、颜色值

内部设计:1、所有能点击的图片不得小于44px(Retina需要88px)2、单独存在的部件必须是双数尺寸3、两倍图以@2x作为命名后缀4、充分考虑每个控制按钮在4中状态下的样式,如图

Aos:界面尺寸、图表尺寸、字体、颜色值

希望可以帮助你,望采纳,谢谢啦~~~~~~

Ⅳ ios app界面设计用什么尺寸

界面尺寸规范

1、界面尺寸大小是:750x1334px。

2、状态栏(status bar):就是电量条,其高度为:40px;

3、导航栏(navigation):就是顶部条,其高度为:88px;

4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;

5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

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

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

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

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

如果以Android为设备进行设计,尺寸一般使用720×1280,1080×1920进行设计第一种是2倍图,第二种是3倍图。

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

(6)app界面设计尺寸规范扩展阅读:

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

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

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

2、设计注意事项:

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

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

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

Ⅶ 如何做app界面设计

这类的解决方案是设计的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界面设计作品必然是要经过不断升级、重复迭代的。

Ⅷ android app 界面设计按什么尺寸

android app 界面设计是按720*1280的,切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏,以720*1280的尺寸来设计,那么状态栏的高度应为50px,导航栏的高度96px,主菜单栏的高度96px,因为是开源的系统,这里的数值也只能作为参考。

Android为了区别于IOS,从4.0开始提出了一套HOLO的UI风格设计风格,鼓励将底部的主菜单栏放到导航栏下面,从而避免点击下方材料误点虚拟按键,很多APP的新版中也采用了这一风格。

(8)app界面设计尺寸规范扩展阅读:

注意事项:

1、通常情况要定位一个Icon只需给出 上/下边距,左/右边距,标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份,通用型模块只需单独标明一份,如导航栏。

2、手机可视区域通常为宽度固定,长度超出边界可滑动,所以标注物体宽度时可按比例说明,如果要标注内容上下居中,左右居中,或等比可不标注。

3、当交付的是一张完整图片时,不需做机型适配,只需给高清图(1920*1080)即可,注意进行压缩。

4、若图标在不同页面重复出现,且尺寸相差不大,直接给出最大一份切图,并在圆形图标明尺寸,程序会根据需求缩放。

5、当背景是纯色时只需给出色值,Android使用16进制色值。

参考资料来源:网络-Android

参考资料来源:网络-界面设计

参考资料来源:网络-状态栏

参考资料来源:网络-导航栏

参考资料来源:网络-开源系统

参考资料来源:网络-切图

参考资料来源:网络-UI设计

Ⅸ 安卓/ios中,app设计时常见的尺寸有哪些

大家都知道手机采用的:一个是苹果的iOS系统,另一个就是谷歌公司的安卓系统。华为的鸿蒙系统虽然早就上线,但是还没有真正运用在手机移动端上,小阿在这里期待着,希望有一天也能写“华为‘鸿蒙系统’的界面尺寸规范。”这两者之间有一个明显的区别就是iOS系统是非开源的,简单来说就是不能别随意改动的,连图标都是必须带圆角的,对交互设计师很友好的。

主标题的字体大小设置一般是32-36左右,加粗居中。列表中的文字就要小一些,字体大小为30,不会加粗。辅助性字体大小一般24-26。说明文字一般不会小于22,最小设置为20,再小就看不到啦。

另外需要注意的一点是所有的字号设置都必须为偶数,上下级内容字号极差关系为2-4号。

Ⅹ app界面设计尺寸

app设计尺寸非常多,目前针对各个机型又有各种的推荐方案,首先规范这个东西是一个参考值,也就是所谓的经验参数具体可以和前端工程师共同商议 下面有绘制的一张图可以作为参考。这个过程中请搞清楚倍图的关系 1倍2倍3倍如何切换,目前已经有iPhone12出来,尺寸又有了新变化,学习一下目前前端使用的适配技术,如何做响应式的 期望对你有所帮助。下图是以iPhonex最为中间适配搞来做的参数