pc端ui图片尺寸_PC端网页尺寸设计一

最近要写UI设计规范，先研究一下网页设计里的尺寸问题。

一、分辨率

网页设计的尺寸主要和两个因素有关，一个是电脑显示器的分辨率，还有浏览器的分辨率，其实还有一些操作系统，Windows或者Mac os或者其他的。什么叫分辨率呢，比如说1024×768的，就是横向有1024个像素，竖向有768个像素，整个屏幕可以看成是一个象棋盘，屏幕的尺寸是14寸还是15寸的，这个尺寸是不会变的，电脑是多大就是多大，变化的是电脑设置的分辨率，如果相同尺寸的屏幕，分辨率越大画面就越精细，比如我的电脑，如下图：

第一张，分辨率是800×600的，显而易见，图标变得特别大，特别模糊，第二张是1920×1080的，看起来正合适，因为我的电脑分辨率就是这个，电脑是多少寸的就是指屏幕的对角线长度，再有，如果两台设备都是19寸的，16：9和4:3的屏也是不一样的，4:3的较大一些。

在这普及一个小知识，寸和英寸的换算，英寸是英式的，寸是中式的，1英寸＝2.54厘米，1寸等于3.3厘米，1英寸＝0.762寸。

二、有效可视区域

当下比较流行的屏幕分辨率有1024×768,1366×768,1280×800,1280×1024，1440×900,1600×900，1920×1080等。设计网页时要考虑

pc端ui图片尺寸_PC端网页尺寸设计一相关推荐

pc端ui图片尺寸_PC端UI设计尺寸规范?
对于刚入行的UI设计师,最容易犯的错就是在设计移动APP时,不懂什么尺寸或者用哪种屏幕的尺寸是最适当的?为了解决这个问题,今天我们就简单的为大家整理做UI时最基础的尺寸规范. 现象首先说现象,大家都 ...
pc端ui图片尺寸_PC端UI界面设计规范分享共同来学习_ui设计
如果你也是从事UI界面设计工作的话,那么,必然会接触到PC端的相关的设计,对于这部分内容,我们必须要掌握住PC端UI界面设计规范的知识,如果你已经准备好的话,下面就让我们一起学习下吧. 1.PC端是什 ...
vue3使用的移动端UI框架,vue移动端ui框架哪个好
号称目前最火的前端框架Vue,它有什么显著特点呢? 1.Vue是什么是目前最火的一个前端框架,除了可以开发网站,还可以开发手机App.是前端的主流框架之一,和.一起,并成为前端三大主流框架. 是一套构 ...
pc端ui图片尺寸_pc端常用电脑屏幕（(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）...
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸.12.1寸.1 ...
html移动端背景图片大小,移动端怎么样让图片宽高比例正好适应手机当前屏幕全屏大小？...
根据需求来看,建议通过css的背景属性来设置: 第一步,先添加一个屏幕大小的DOM元素: 或者直接在你的imgsrc上设置,前提是imgsrc的大小是屏幕大小: 第二步:设置元素的css属性: 一楼说 ...
百度 Hydra 工具在移动端 UI 兼容性测试上的高效应用
导读:尽管自动化测试技术日新月异,但是自动化case构建成本.执行稳定性等问题的存在,使手工测试依然移动端质量保证的重要手段.传统手工测试必须通过人工操作的方式执行测试用例,效率提升依赖测试人员的操作 ...
Vue移动端UI框架mux-ui
移动端UI框架mux-ui 移动端UI框架mux-ui 安装组件 Actionsheet组件按钮Button组件头像Avatar组件 Cell组件 Card组件 Alert组件 Confirm组 ...
移动端UI兼容性测试利器-Hydra
导读:尽管自动化测试技术日新月异,但是自动化case构建成本.执行稳定性等问题的存在,使手工测试依然移动端质量保证的重要手段.传统手工测试必须通过人工操作的方式执行测试用例,效率提升依赖测试人员的操作 ...
百度Hydra工具在移动端UI兼容性测试上的高效应用
导读:尽管自动化测试技术日新月异,但是自动化case构建成本.执行稳定性等问题的存在,使手工测试依然移动端质量保证的重要手段.传统手工测试必须通过人工操作的方式执行测试用例,效率提升依赖测试人员的操作 ...
ps转换html适应网页尺寸,【ps制作网页页面】ps图像如何生成html?如何将PS制作的网页效果图变成可用的网页?PC端UI设计尺寸规范?...
[ps制作网页页面]ps图像如何生成html?如何将PS制作的网页效果图变成可用的网页?PC端UI设计尺寸规范?下面就和小编一起来看看吧! ps图像如何生成html? 事实上,ps有很多功能.你还羡慕 ...

pc端ui图片尺寸_PC端网页尺寸设计一

pc端ui图片尺寸_PC端网页尺寸设计一相关推荐

最新文章

热门文章