UI设计尺寸(实用)

最新推荐文章于 2024-07-31 16:53:56 发布
最新推荐文章于 2024-07-31 16:53:56 发布
阅读量4.6k 收藏 7
点赞数
分类专栏： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinyflove/article/details/80966038
版权

其他不多说，讲一下我们设计时候用的尺寸

移动端
1整体
宽 * 高: 750px * npx
分辨率:72 像素/英寸
颜色模式:RGB颜色 8位

2.内容
宽 * 高: 700px * npx
等等，看实际情况

PC端
1.整体
宽 * 高: 1920px * npx
分辨率:72 像素/英寸
颜色模式:RGB颜色 8位

2.内容
宽 * 高: 1170px * npx
宽 * 高: 1190px * npx
宽 * 高: 1200px * npx
宽 * 高: 1226px * npx
等等，看实际情况

PeakXin
关注
专栏目录
「UCD-UI」移动端UI设计尺寸规范详解
AIGC大前端小王子
06-26 687
移动端UI设计尺寸规范对于确保应用程序在不同设备上的兼容性和用户体验至关重要。
移动端界面设计之尺寸篇
weixin_30407613的博客
03-15 2873
画布尺寸： 新建750×1334 分辨率72，像素/英寸。 常见的字体大小： 24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。 字体： 中文用苹方黑，英文用San Francisco，如果安不上也可以用Helvetica代替。 app所用的字体大礼包下载（虎哥整理的） ios开发里单位是pt 750×...
UI 设计尺寸规范
嘿嘿
11-28 810
iPhone界面尺寸 iPhone图标尺寸： iPad的设计尺寸 iPad图标尺寸： Android SDK模拟机的尺寸 Android的图标尺寸 Android安卓系统dp/sp/px换算表 主流Android手机分辨率和尺寸 主流浏览器的界面参数与份额 系统分辨率统计 ...
各类网页设计的设计尺寸大揭秘
最新发布
sky768872的博客
07-31 1280
当我们讨论网页的大小时，我们需要明白这不仅仅是一个数字。在一个充满随时变化和创新的数字世界中，网页的建立和设计应考虑设备类型、屏幕大小和分辨率、用户浏览习惯等诸多因素。本文将深入分析这个主题，以帮助您充分理解这种情况，从而更好地改善您的网页设计和用户体验。虽然没有统一的标准网页尺寸，但我们仍然可以参考一些最常见的分辨率来设计我们的网页。320px x 480px 至 414px x 896px768px x 1024px 至 834px x 1194px。
UI设计默认尺寸规范
miiiiiiiiiiiii的博客
03-25 2341
Android 比 iPhone 的寸尺多，建议大家选 720×1280 这个尺寸，是设计师最常用一个 UI 设计尺寸。常见尺寸：480×800Px、720×1280Px、1080×1920Px。网页端的宽度通常为 960Px、1200Px 或 1440Px。网页宽度通常： 960Px、1200Px 、 1440Px。安卓常用的 UI 设计尺寸为 720×1280Px，常见尺寸：428×926dP、390×844dP。页面、图标、工具栏、导航栏、按钮、字体。：：启动(应用)图标设计尺寸。
ui设计需要做android和苹果版本,UI知识，安卓和苹果的界面设计之尺寸规范
weixin_34795681的博客
05-28 733
在手机大行其道的今天，设计师难免会和手机打交道，因而在设计过程中，了解手机的界面尺寸规范显得尤为重要。iPhone、iPad、Android UI常用设计尺寸iPhone：APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px)iPhone 5 App Icon：120 x 120 PX (圆角弧度22px)iPhone 4 App Icon：114 x 114 P...
UI设计师面试考试题(带答案).docx
12-26
### UI设计师面试考试知识点解析 #### 一、UI设计的基本概念 **UI设计**，即**User Interface**的缩写，...掌握好UI设计的基本理论和技术，可以帮助设计师更好地理解和满足用户的需求，创造出既美观又实用的产品界面。
信息化系统UI设计规范.docx
08-15
信息化系统UI设计规范是指导界面设计的重要文档，旨在提升用户体验，增强系统易用性，确保设计的一致性和专业性。以下是对文档中涉及的关键知识点的详细说明： 1. **范围**： 这个规范涵盖了从基本设计原则到具体...
Android屏幕自适应计算工具 UI设计尺寸换算
06-04
本文将详细探讨Android屏幕自适应计算工具及其在UI设计尺寸换算中的应用。 首先，了解Android屏幕的基本概念。Android设备具有多种屏幕尺寸和分辨率，为了确保应用在各种设备上表现一致，Android引入了dp（density-...
APP UI设计规范
08-12
本篇文章将详细介绍iOS和Android平台上的APP UI设计规范，帮助设计师们更好地遵循平台规则，制作出美观且实用的应用界面。 #### 二、iOS UI设计规范 ##### 2.1 界面尺寸 iOS设备种类繁多，包括不同尺寸的iPhone和...
Android计算器UI设计
06-12
在Android平台上进行应用开发时，UI（用户界面）设计是至关重要的一步，特别是对于一个计算器应用来说，良好的UI设计能够提升用户体验，使操作直观且易用。本篇将深入探讨"Android计算器UI设计"的相关知识点。 首先...
1：即使设计-ui：尺寸和单位
qq_29257691的博客
06-19 904
在一倍图，pt=px，二倍图 1px=2pt。3:三倍尺寸 1125*2436。1: 一倍尺寸 378*812。2:二倍尺寸 750*1624。
UI 尺寸知识
JadeHMY的博客
04-10 317
安卓 密度 ldpi mdpi hdpi xhdpi xxhdpi 密度值 120 160 240 320 480 分辨率 240*320 320*480 480*800 720*1280 1080*1920 苹果 iphone4/s iphone5/s iphone6/s...
屏幕尺寸大全和UI设计规范
丫丫的博客
11-29 4401
偶然在人人都是产品经理上看到了一页屏幕尺寸大全和UI设计规范，留作保存。 屏幕尺寸大全和UI设计规范
UI设计师必备|Web设计尺寸规范
热门推荐
awayaya1的博客
10-16 1万+
关于网页UI设计规范、网页布局和如何提升网页用户体验设计的素材模板，到 乐于分享UI|UX的 搜UI (SOOUI) 网页UI设计规范 1. 网页规范： 网页宽度为1920 高度不限，有效可视区：950px~1200px宽度，具体尺寸根据项目，客户要求以及用户群决定。 首屏高约为700-750PX 主体内容区域1200PX。 文档建立：文件宽度为1920PX 高度不限，RGB颜色模式， 分辨率72 2. 字体规范： 中文常用字体：宋体-字体样式（无）、微软雅黑-字体样式（Windows.
iPhone/iPad/Android UI尺寸规范 手机尺寸
deideidei13的博客
04-02 888
移动端UI尺寸规范
邹毅的专栏
10-25 3948
iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px ...
react ui框架 移动端_移动端UI设计规范整理汇总
weixin_39628864的博客
12-03 1403
本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立统一风格的图标APP版式设计规范界面文字设计规范设计适配切图规范设计稿标注一、界面设计尺寸及栏高度目前主流的 iOS 设备主要有 iPhone SE(4英寸)、iPho...
移动端UI设计尺寸规范以及iPhone尺寸大小
wang159477的博客
08-24 1万+
移动端UI设计尺寸规范以及iPhone尺寸大小
Android UI设计：免费工具与实用技巧分享
Android UI设计是一门关键的技能，特别是在移动应用开发中，它直接影响到用户的交互体验和产品的视觉吸引力。本文将详细介绍21个免费且实用的UI界面设计工具、资源及网站，适合那些从事用户体验设计、界面设计、产品...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PeakXin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值