通俗易懂讲解为什么设计稿都是750px!!!

简介: 通俗易懂讲解为什么设计稿都是750px!!!

相信很多做前端的有时候很好奇为什么设计稿都是750px,查了好多资料也懵懵懂懂的,我也是这样的,经过自己查阅文档,我将自己理解的告诉大家,不妥之处请大神指出,将十分感谢!!!


第一点:手机像素


手机像素是逻辑像素也就是pt,1pt等于2px


第二点:物理像素


设计稿普遍给的都是物理像素,也就是px


第三点:为什么不给pt像素呢


因为css像素普遍使用率最高就是px像素,苹果手机屏幕为二倍高清屏,显示更为清晰


第四点:为什么没有比750还大的设计稿呢


因为人类的视觉分辨最大就是750,给在大的设计稿在手机上你也看不出区别,750是人类最为舒适的


第五点:手机屏幕为375要给750的设计稿


因为给俩倍的设计稿显示会更为清晰,超过俩倍人类在手机视觉上也看不出区别,给三倍就已经超过人类视觉的极限了

相关文章
|
8月前
|
编解码 数据可视化 搜索推荐
设计规范化与自我风格的权衡:SVG和Icon已成为必修技能?(二)
设计规范化与自我风格的权衡:SVG和Icon已成为必修技能?
|
8月前
|
敏捷开发 前端开发 数据可视化
如何用低代码的思路设计文字描边渐变组件
如何用低代码的思路设计文字描边渐变组件
88 1
|
5月前
|
前端开发 JavaScript Serverless
揭秘CSS布局神器:vw/vh、rem、%与px大PK,掌握它们,让你的网页设计秒变高大上,面试难题迎刃而解!
【8月更文挑战第4天】在Web开发中,合理选择CSS单位对响应式布局至关重要。本文探索viewport单位(vw/vh)、rem、百分比(%)及像素(px)的基础知识与应用场景。通过代码示例,展示如何运用这些单位实现全屏布局、尺寸比例调整、灵活的元素大小及固定尺寸。最后,模拟面试题,介绍如何仅用CSS实现一个元素的高度为其宽度两倍且响应视口变化的方法。
342 8
PS设计稿如何与网页设计稿相匹配
PS设计稿如何与网页设计稿相匹配
|
8月前
|
XML 编解码 数据可视化
设计规范化与自我风格的权衡:SVG和Icon已成为必修技能?(一)
设计规范化与自我风格的权衡:SVG和Icon已成为必修技能?
|
前端开发
前端学习案例1-flex重难点
前端学习案例1-flex重难点
82 0
前端学习案例1-flex重难点
|
前端开发
前端学习案例3-flex重难点3
前端学习案例3-flex重难点3
68 0
前端学习案例3-flex重难点3
|
前端开发
前端学习案例2-flex重难点2
前端学习案例2-flex重难点2
74 0
前端学习案例2-flex重难点2
|
前端开发
前端学习案例3-三栏布局之flex
前端学习案例3-三栏布局之flex
97 0
前端学习案例3-三栏布局之flex
|
前端开发
前端学习案例1-圣杯布局1
前端学习案例1-圣杯布局1
96 0
前端学习案例1-圣杯布局1