PC端UI设计尺寸规范(pc端ui界面设计尺寸)
发布网友
发布时间：2023-04-30 21:51
我来回答
共1个回答
热心网友
时间：2023-10-10 18:49
众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。
1、字体
安卓系统中文采用的是思源黑体，英文字体为robot字体。
只使用偶数单位24pt，28pt，36pt等字体大小
2、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？
讲图标之前先来分析一下一排英文的意思：
mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示bestfortextsize。
px是像素的意思，不同设备显示效果相同。
从左到右依次是：①应用栏高度：56dp；应用栏左右内边距为16dp；应用栏图标上下左内边距为16dp；应用栏标题左内边距为72dp；应用栏标题下边距：20dp；
②应用栏高度为128dp；
③操作栏高度为56dp；标题栏高度：80dp；标题栏底部内边距：8dp；描述区域高度：72dp；描述区底部内边距：16dp。
5、列表高度
垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。
垂直边距
①状态栏：24dp；②工具栏：56dp；③子标题：48dp；④列表项：72dp
PC端UI设计尺寸规范?
Android的最小点击区域尺寸是48x48dp,这就意味着在xhdpi的设备上,按钮尺寸至少是96x96px。而在xxhdpi设备上,则是144x144px。 无论画布设成多大,我们设计的是基准倍率的界面样式,而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通,双方都需要以逻辑像素尺寸来描述和理解界面,无论是在标注图还是在日常...
UI尺寸规范
1、界面尺寸：1920-2000px带有底图必须那么大（无底图的1366-2000px）2、版心：980-1220px 3、Banner高度建议870px；4、分辨率72px 5、色彩模式RGB 6、按钮高度为文字字高的的2-2.5倍 7、字体 导航：14px 字体：宋体 微软雅黑 字号：12、14、16、18、20px 专题页字体建议是12、14px，电商主...
PC端UI设计尺寸规范(pc端ui界面设计尺寸)
众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。1、字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。只使用偶数单位24pt，28pt，36pt等字体大小 2、mdpi、hdpi、xhdpi、xxhdpi、xxx...
ui界面设计尺寸?
1、界面尺寸大小是：750x1334px。2、状态栏(statusbar)：就是电量条，其高度为：40px。3、导航栏(navigation)：就是顶部条，其高度为：88px。4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px。5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1...
ui设计稿尺寸尺寸
UI设计稿尺寸如下：1、状态栏高度：40px；2、导航栏高度：88px；3、标签栏高度：98px。用户界面（UserInterface，简称UI，亦称使用者界面）是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的介质。目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，...
ui基础 一般用户端尺寸
Android设计尺寸360X640，IOS设计尺寸375X812，电脑设计尺寸1920X1080。ui的尺寸是1920到2000px，iOS和Android平台都定义了各自的像素计量单位，iOS的尺寸单位为pt，Android的尺寸单位为dp。UI尺寸基础知识是有像素密度一PPI和计量单位，其像素密度是指显示屏幕每英寸的长度上排列的像素点数量，PPIPixelsper...
PC客户端UI设计有哪些规范?
非常荣幸为您解答！在PC客户端UI设计中，一套严谨的规范是确保用户体验流畅的关键。让我们深入探讨一下这些必不可少的设计准则，它们将为您的产品界面增添专业质感和用户友好性。 首先，界面布局应当简洁明了，遵循F型阅读模式，让用户目光自然流连，重要信息一眼即识。各个功能区划分清晰，操作流程直观易...
网页设计规范
1. 页面布局 统一尺寸 据统计,目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*768、1440*900,以 1440 来设计的话,向上适配或者向下适配误差会比较小。 适配方案:面向多个客户,后台产品设计功能型页面的尺寸统一为 1440*900,按照栅格系统原则向上或向下适配。展示型页面以 1440*900 为主,同时设计出...
UI设计师一定要知道的ICON设计规范之图标尺寸
在页面图标设计中最常见规格有：12×12、16×16、24×24、32×32、48×48等，这儿的提议是以48px做为基本图标的设计方案规格，由于iOS页面中的网格图尺寸是4的倍数，iPhone标准规定最少点一下总面积为44pt；安卓系统的网格图是8的倍数，最少实际操作商品详情页为48dp。此外，@2x下做图要确保是4...
UI界面设计尺寸应该是多少?
UI界面设计尺寸分手机UI界面设计尺寸和电脑软件设计尺寸。手机UI设计具体要根据不同手机不同的屏幕分辨率来规定尺寸。如需学习UI界面设计推荐选择【达内教育】。UI界面设计尺寸具体如下：1、一般做效果图主流都是做480*800来测试，iphone4（或s)就用640*960，但这个都只是效果图，真正开发还需要切图用点...
