屏幕尺寸大全和UI设计规范

最新推荐文章于 2025-11-16 14:09:30 发布
转载 最新推荐文章于 2025-11-16 14:09:30 发布 · 4.6k 阅读 · 4
文章标签：

#规范

本文分享了从人人都是产品经理获取的屏幕尺寸大全及UI设计规范，为设计师提供全面的设备尺寸信息，有助于跨平台设计的一致性和用户体验。
「UCD-UI」移动端UI设计尺寸规范详解
拥抱AI Design
06-26 2017
移动端UI设计尺寸规范对于确保应用程序在不同设备上的兼容性和用户体验至关重要。
移动端UI设计规范
古月沧澜的博客
08-24 1306
在当今移动互联网时代，移动端应用的用户界面（UI）设计已成为产品成功的关键因素。随着智能手机和平板设备的普及，用户对移动体验的期望不断提高。一个优秀的移动端UI设计不仅能提升用户满意度，还能增强品牌形象、提高用户留存率。然而，许多设计团队在开发过程中忽略了规范的重要性，导致界面混乱、交互生硬，最终影响用户体验。本文将系统性地介绍移动端UI设计规范，涵盖基本原则、核心元素、响应式设计、交互细节、平台差异、工具推荐及最佳实践。
大屏可视化设计规范及指导.xmind.zip
08-24
本文档适用于UI设计师、产品经理和前端开发人员， 介绍了可视化大屏设计的原则和相关设计规范，实践得出的内容，非常具有学习和操作价值。
11、响应式网页设计：Flexbox布局与小屏幕UI设计
最新发布
jwt8token的博客
11-16 24
本文深入探讨了基于Flexbox的响应式网页设计方法，涵盖从容器设置、嵌套布局到旧版IE浏览器兼容性的完整实现方案。同时详细分析了小屏幕UI设计中的目标尺寸推荐、用户手持姿势与触摸区域、导航模式选择等关键因素，结合Apple和Microsoft的设计指南，帮助开发者构建兼顾美观与可用性的跨设备用户体验。
UI设计默认尺寸规范
miiiiiiiiiiiii的博客
03-25 9103
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 设计尺寸规范
嘿嘿
11-28 1022
iPhone界面尺寸 iPhone图标尺寸： iPad的设计尺寸 iPad图标尺寸： Android SDK模拟机的尺寸 Android的图标尺寸 Android安卓系统dp/sp/px换算表 主流Android手机分辨率和尺寸 主流浏览器的界面参数与份额 系统分辨率统计 ...
精选资源
信息化系统UI设计规范.docx
08-15
信息化系统UI设计规范是指导界面设计的重要文档，旨在提升用户体验，增强系统易用性，确保设计的一致性和专业性。以下是对文档中涉及的关键知识点的详细说明： 1. **范围**： 这个规范涵盖了从基本设计原则到具体...
Android UI 设计规范
2401_84545016的博客
04-28 1560
Android L可以从图片中提取主色，运用在其他UI元素上。图片的加载过程非常讲究，透明度、曝光度、饱和度3个指标依次变化，效果相当细腻。
UI设计规范
zlf646984867的专栏
07-07 2311
21.1. 总体原则... 21.2. 原则详述... 21.3. 细节约定
数据可视化怎么确定大屏的设计尺寸？
cda2024的博客
10-12 1509
数据可视化是将复杂的数据转换成直观易懂的图表、图形和地图等视觉元素的过程。随着技术的进步和大数据时代的到来，数据可视化成为了企业和组织分析数据、展现成果的重要手段之一。而作为数据展示的一种重要形式，大屏显示凭借其直观性、实时性和交互性等优点，广泛应用于各种场景之中，例如：指挥中心、监控室、展厅以及会议现场等。当涉及到大屏设计时，尺寸的选择至关重要。尺寸选择的合理与否直接关系到信息传递的效果以及观众的体验感，因此在进行大屏设计之前，确定合适的尺寸是一个不容忽视的关键环节。那么究竟如何确定大屏的设计尺寸呢？
触摸屏界面通用设计原则.pdf
07-23
本论文通过对于用户界面设计的认识和触摸屏界面的了解，其中包括自身使用体会、他人的评价和感想、设计人员的资源共享等，发现了在触摸屏界面设计上存在的问题，深感触摸屏界面可用性的重要性以及在设计中人力物力投资的重复性，从而得出了为触摸屏界面提供一套通用的设计原则的必要性。   文章开篇第一章首先说明了一下研究背景、目的、意义及方法。   接着在第二章介绍了触摸屏和界面设计的基本概念，包括触摸屏的起源、发展、技术、使用范围以及有关界面设计的方方面面。   然后在第三章列出并参照一些有关界面设计的理论原则、可用性的基本理念、人因工程学和用户研究方法等。   在第四章里，通过各种设计案例的比较和分析以及对已有理论原则的推导，同时又受到用户界面管理程序的启示，设想了一套触摸屏界面通用设计原则，使之能最大限度的适用于各种不同的触摸屏界面设计之中。   在第五章中，通过“纺织车间通风系统触摸屏设计”这个相关项目的设计操作来对以上构想进行论证。设计论证过程包括对此设计项目建立研究模型、需求调研和可用性设计指标设定等，然后把经分析得出的关于此项目的可用性设计指标和之前提出的触摸屏界面通用设计原则构想进行对比，查看出入点，随后做出原型设计并提交用户做可用性评估，然后发现问题进行适当的补充改进设计，再次提交测评……通过这个循环的设计过程之后，证明了之前所提出的触摸屏界面通用设计原则构想基本上是准确的、合理的，并且对此原则进行适当的补充完善使之成为一种科学的原则。   最后第六章中，把之前论证的研究结论具体化简明化的罗列出来并且再提出对未来研究的展望。   用户界面设计已经历了两个界限分明的时代，第一代是以文本为基础的交互， 如字符、命令等，难用且不灵活，典型代表就是计算机的 MS-DOS 磁盘操作系统（图 001）。第二代则是更直观的图形操作界面，它引出更自然的视觉通信交互，典型代表就是计算机的视窗（Windows）操作系统。   在计算机诞生的早期，用户操作计算机是基于 1981 年问世的 MS-DOS 磁盘操作系统， DOS 作为一个字符型的操作系统，一般的操作都是通过命令来完成。由于 DOS 系统需要有一定专业知识的人或者是经过一定培训的人员才能操作，所以它的致命缺点就是不能使得计算机得以普及。   之后，美国的微软（Microsoft）公司从 1983 年底开始研制视窗（Windows）操作系统，最初的研制目标是在 MS-DOS 的基础上提供一个多任务的图形用户界面 。第一个版本的 Windows 1.0 于 1985 年问世，它是一个具有图形用户界面的系统软件。之后，不断的推出了比之前更加功能强大、操作灵活的图形操作系统，依次如：Windows 95、Windows 98、Windows 2000 和目前至少在中国使用最广的 Windows XP。视窗（Windows）操作系统出来之前，电脑上看到的只是枯燥的字幕数字（DOS），微软（Microsoft）公司开发的视窗（Windows）操作系统，使我们对电脑的应用更直接，更亲密，更易用。可以说，是由于图形用户界面的产生使计算机的使用得以正真意义上普及。   当然，用户界面设计不仅仅只是计算机操作系统如此狭义的一个概念。比如，随着互联网时代到来而产生的网页的界面，各种游戏和软件的界面，移动电话的操作界面以及触摸屏界面等，都是属于用户界面设计的范畴。   用户界面是人与机器之间交流、沟通的层面。用户界面设计发展至今，从刚开始的单纯考虑设备的控制和运作逐渐转变为同时对人的情感需求进行考虑，到目前已经形成了一种“以人为中心”的设计理念，即使产品达到简单使用和愉悦使用的设计目的。所以说，用户界面设计不单纯是平面设计，它还是一门牵涉到用户行为学、认知心理学、色彩心理学、人因工程学、社会学、语言学等一系列交叉学科的综合性学科。   用户界面设计经历了上面两代的摸索和发展，下一代则趋向于交互多媒体集成方法，就是人机交互需要大量使用语言和高级图形，也可使用其它交互媒体，如人的动作、手势和三维图像等。
UI设计尺寸(实用)
Peak Xin's Blog
07-10 4838
移动端 宽*高: 750px * npx PC端 宽*高: 1170px * npx 宽*高: 1190px * npx 宽*高: 1226px * npx
可视化大屏设计尺寸_【大屏数据可视化】：设计指南
weixin_39603217的博客
01-10 1526
以下内容转载自：《可能是最详细的大屏数据可视化设计指南》，作者：程远目录1.基础概念 1.1. 什么是数据可视化1.2.什么是大屏数据可视化2.大屏数据可视化设计原则3. 大屏可视化设计流程 3.1 根据业务场景抽取关键指标 3.2 确立指标分析维度3.3选定可视化图表类型4. 了解物理大屏，确定设计稿尺寸5. 页面布局、划分6. 页面定稿、开发7. 注意事项 7...
大屏设计及其布局
weixin_42496466的博客
09-27 2381
大屏设计通常指的是为大型显示屏（如会议室、指挥中心、展览厅等场所的显示器）创建视觉内容的过程。这些显示屏往往用于展示关键指标、实时数据流、业务概览或复杂的可视化信息。良好的大屏设计不仅要美观，还要确保信息传达的有效性和易读性。
超全面的UI设计规范整理汇总（包含iPhone X适配）
热门推荐
lty_sky的专栏
02-20 1万+
目前主流的iOS设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina视网膜屏幕，其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。
大屏数据可视化源码_大屏数据可视化设计规律
weixin_39883705的博客
12-02 282
大家好久不见，最近一直都在忙着做大屏的项目，所以很久没有来更新文章。今天小编为大家总结了大屏数据可视化的设计规律，有兴趣的朋友都应该了解一下，以便后期遇到问题的时候不知道怎么运用。正文如下：一、基础概念数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。但是，这并不就意味着数据可视化就一定因为要实现其功能用途而令人感到枯燥乏味，或者是为了看上去绚丽多彩而显得极端复杂。为了有效地传达思想概...
UI设计规范标尺1280*720
ZhaoDd666的博客
04-08 2262
大屏数据可视化的设计流程及原则
码为人生的博客
01-17 2803
数据可视化是指通过图形化手段，将数据以易于理解和直观的方式呈现给用户的过程。数据可视化将相对晦涩的数据通过可视的、交互的方式进行展示，从而形象、直观地表达数据蕴含的信息和规律。数据可视化的应用场景有很多，其中数据可视化大屏作为当前领域中应用最多的场景，具有效果炫酷、外观大气、信息展示全面等特点。主流的数据可视化软件有Echarts、Tableau及新一代数据可视化软件SovitChart。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值