简单来说就是phone建议用dp TV建议用px 先说下现在市面上TV分辨率的大概情况两种分辨率为主1.720标清,分辨率为1280x720.屏幕尺寸以32寸为主,部分电视为42寸2.1080p全高清,分辨率为1920x1080屏幕尺寸以42寸为主,此分辨率电视屏幕从32寸到50寸都有 适配遇到问题,已1080p尺寸为例:分辨率固定不变,屏幕尺寸变化较大。如:效果图尺寸为192
APP设计规范指对APP界面进行风格统一,对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要,约定设计规范可以减少产品、设计、前端的沟通成本;可以使界面设计整洁、统一,减少界面元素的重复设计;可以减少设计素材,控制安装包的大小。APP设计规范主要包括对界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等进行统一的梳理和
一说到组件,大部分初级设计师和中级设计师的脑海里只会蹦出弹窗、Toast及操作列表等具体的概念,没有一套属于自己的组件分类体系,这样对于视觉设计、交互设计或产品设计的系统学习来说都是不利的。 iOS14概念设计iOS官方设计指南在介绍组件时是按照组件的属性来分类的。组件的中文翻译名称可能会有很多种,并没有一个权威、准确的中文命名。设计师在设计前只需要清楚每个组件名对应的组
# Android App Logo尺寸 在开发Android应用程序时,一个重要的方面是创建一个吸引用户的应用程序图标。应用程序图标是用户与您的应用程序进行交互的第一印象,因此它应该是精心设计的,并且具有高质量。 本文将介绍Android应用程序图标的尺寸要求,并提供一些示例代码来帮助您创建适当大小的应用程序图标。 ## Android应用程序图标要求 Android应用程序图标有多个尺
原创 2023-08-26 06:42:36
1105阅读
APP尺寸是很多UI设计师头疼的事情,很多新手设计师在不了解尺寸的情况下直接上手做,结果在对接前端的时候,会遇到很多事情。有一个真实的案例,就发生在我身边,有一次我们公司新招了一个UI设计师,由于工作经验不足,设计不够仔细,页面中有很多地方都没有对齐,字号不统一,尺寸不统一。在项目交接会上,前端直接发飙把UI当场骂了一顿,当然那个UI也是离开公司了。其实这种情况很常见,在设计Android或者AP
iOS app 图标的圆角半径是多少?(注:现在IOS图标是不需要再画圆角了,直接方形就OK) 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork icon ─────────────512px (90px) App icon(iPhone4
Android Icon Size and Location for AppsDENSITYSIZELOCATIONRATIOSCREENMARGINXXXHDPI192×192drawable-xxxhdpi4640 DPI12 to 16 pixelsXXHDPI144×144drawable-xxhdpi3480 DPI8 to 12 pixelsXHDPI96×96drawable-xhd
转载 2023-06-06 11:43:18
2645阅读
最近画原型的时候,一直在想一个问题。就是怎么才能做到高保真、更加规范、增强原件的复用性?嗯哼,所以决定总结出一些有规律的东西,可以自己保存并且给他人使用。目录 一、界面的设计尺寸和栏高度 二、边距和间距 三、内容布局 四、界面图片设计比例 五、界面文字设计规范目前主流的 iOS 设备主要有 iPhone SE(4英寸)、iPhone 6s/7/8(
转载 2023-09-12 20:33:36
225阅读
1.尺寸 一般,144,往下自动适配; 1.drawable-hdpi 72*72 2.drawable-mdpi 48*48 3.drawable-xhdpi 96*96
Android开发过程中,我们都知道为了屏幕适应不同屏幕的显示效果,通常我们需要设计设计两套以上的切图。所以之前身为小白每当需求产生的时候,都牛气哄哄的说我们Android需要切多套图,但设计师后来找我要具体尺寸时,通常又会傻眼。虽然我也知道一些主流的尺寸,比如官方文档给出的 320 * 480 , 480 * 720,以及主流的屏幕尺寸 1080 * 1920 。但需要给出切图具体的一套具体
说明:1.对象为UI设计师和Android工程师等开发人员。2.方法有千种,开发工程师有万个,仅供参考,不喜就拿着你的建议留言,勿喷。3.文档的本质是备份与查看,对外方便协作与对内提升效率。4.文档不是万能的,如果文档查看对象看不懂,就没任何意义。我喜欢当面沟通,因为能避免大部分文档的局限性5.感谢Android开发工程师高鹏的指正与指导。Android规范一:手机尺寸Android是必须要讲下手
# Android App 启动图尺寸概述 在Android应用开发中,启动图(Splash Screen)是应用启动时用户第一眼看到的界面,它常用于展示应用的品牌标识、加载动画或者欢迎信息。为了确保你的应用在不同设备上表现一致,了解和正确设置启动图的尺寸至关重要。 ## 启动图的尺寸要求 Android设备屏幕大小和分辨率各不相同,因此,Google为启动图提供了一套推荐的尺寸,以适配不同
原创 9月前
453阅读
原因分析分析客户端眼中的行高首先我们要知道文字的几个属性,一般有以下几个• ascent:基准线到文字最高处的推荐距离• desent:基准线到文字最低处的推荐距离• baseline:基准线• top:基准线到文字最高处的最大距离• bottom:基准线到文字最低处的最大距离• leading:2行文字的assent与desent的距离如图:image.png所以,可以有这些属性得知:image
无规矩不成方圆,按规矩办事都有好的结果。Android也有自家的一套规则,其中Icon就是有诸多规则,这些还是要遵循的,不为别的,就是大家都在按章就你搞特殊化,后果真的要自负。虽然这个规则一变再变,但因出师有因——人的审美再变。一、Icon的尺寸规则名称大小(px)位置比例(以mdpi为基数 1)屏幕密度(DPI)边距格式圆角尺寸XXXHDPI192×192mipmap-xxxhdpi4640 D
HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例75
原创 2021-08-15 12:02:01
2514阅读
屏幕尺寸 指实际的物理尺寸,为屏幕对角线的测量。 为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。 像素(PX) 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。 屏幕密度 为解决Android设备碎片化,引入一个概念DP,也就是密度。 指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(
术语和概念屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。像素(PX)代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显...
原创 2021-07-30 14:19:36
495阅读
一. 基础概念1. 什么是DPI?DPI(Dots Per Inch):每英寸点数,表示指屏幕密度。是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,现在DPI也被引入。 安装Windows操作系统的电
单位1. 尺寸除了在代码中会使用到像素单位的尺寸外,在布局文件中必须使用dp单位的尺寸。由于部分机型用户可以调整手机字体大小,为了避免字体大小的调整影响到布局结构,字号的单位也要求使用dp单位的尺寸。我们适配三种像素密度的屏幕(hdpi、xhdpi、xxhdpi),他们的比例系数也是为1.5 : 2 : 3,也就是3 : 4 : 6,对于设计师来说,大致可以理解为在1080P屏幕上10dp表示30
转载 2023-06-30 19:06:33
88阅读
以下内容都是我在做App时通过自己的经验和精品的分析得来的,希望会帮助到你。但是有时个别情况也要个别分析,要活学活用。一. App  Icon在设计iOS App Icon时,设计师不需要切圆角,直接矩形就可以。下面是App Icon需要的尺寸和命名(尺寸和命名不做解释):尺寸                
转载 2023-09-13 20:00:40
524阅读
  • 1
  • 2
  • 3
  • 4
  • 5