UI设计为什么要用1倍图？优漫动游

最新推荐文章于 2023-08-08 11:10:01 发布

IUcom

最新推荐文章于 2023-08-08 11:10:01 发布

阅读量867

点赞数

分类专栏： UI/交互设计师文章标签： ui Powered by 金山文档

本文链接：https://blog.csdn.net/IUcom/article/details/129038492

版权

UI/交互设计师专栏收录该内容

23 篇文章 2 订阅

订阅专栏

大多数设计师都在选用375*812的尺寸，其主要目的是为了方便与开发的无障碍沟通，因为开发在搭建页面的时候，也会像设计师一样去设置一个画布，尺寸也就是375*812，所以他们不需要换算，就能直接照着设计稿去设置每个元素的尺寸和位置。

而如果我们设计师使用750*1624，也就是2倍图进行设计，开发就需要换算成1倍图的尺寸，比如标注了一个文字为30px，写代码的时候就会默默除以2，也就是15pt，所以这里的换算关系就是也就是1pt=2px。

当然，使用PS的同学还是用2倍图设计吧

因为1倍图你根本看不清

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IUcom

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

优漫动游做平面设计用什么显卡好？

L_uman的博客

03-18

1357

此外，RTX 30系列显卡还支持4K和8K分辨率的显示，可以让设计师在更高的分辨率下进行设计，提高设计品质。NVIDIA Titan系列显卡是为需要进行高质量渲染的设计师而设计的显卡，拥有强大的性能和高效的渲染能力。平面设计一般现在的集成显卡（核显）就可以满足，如果专业方面要求较高，建议选择NVIDIA Quadro、AMD FirePro系列专业显卡，当然也可以考虑选择一个显存大一点的低端独显，主要还是处理器性能和内存容量这方面比较重要，显卡方面看预算选择就行了。品牌的话用AMD的显卡比较好。

优漫动游：web —— UI与WUI的区别

com02的博客

01-07

561

各个公司都在招UI设计的专业人才，设计出美观的页面，创造价值。那么网页设计和ui设计有什么区别?

参与评论您还未登录，请先登录后发表或查看评论

我，1 倍开发者，有 20 条软件工程的经验法则

CSDN资讯

05-12

2299

作者 | Mickey Muldoon译者 |孙薇出品 | CSDN（ID:CSDNnews）我并非一个10倍的开发者（10倍开发者指的是在其领域，所产生的成果是其他同事的十倍），从拨...

UI设计中的倍图

COOL_BEAR_XX的专栏

04-22

6678

IOS开发中需要把UI设计的图片适配为1x,2x,3x倍图的大小，如何在Photoshop中加工呢？之前建的工程为375x667大小的，以为就是iPhone的屏幕大小，最后发现这样的大小不符合切图的像素大小。在网上查到如下的设置像素大小图示，最好一开始就把工程设置为3x图，1242*2208的大小，这样在需要2x图的时候就可以把3倍图拿来修改就OK了图片就不会模糊。

尺寸规范

qmister

10-07

2040

开发十年，就只剩下这套Java开发体系了 >>> ...

移动端原型尺寸与设备适配参考

Boden_W的博客

04-11

3598

设计原型时，使用低分辨率的就可以。最终用户界面才使用高分辨率的，以适应苹果Retina屏的显示。 iPhone4 原型，可以用 320x480, iPhone5 原型，可以用 320x568, iPhone6 原型，可以用 375x667, iPhone6 Plus 原型，可以用 414x736, iPhone X 原型，可以用 375x812。更多参考：https://d...

iPhone X适配

了凡

03-28

322

iPhone X适配 iPhone X的不同之处 1.屏幕尺寸是375 x 812点，比率是9:19.5，而不是9:16。宽度同iPhone 6、iPhone 6s、iPhone 7 和 iPhone 8 的 4.7 英寸屏幕宽度相同，为375pt，高度比他们增加了145pt 2.分辨率为3x：1125 x 2436像素 3.要考虑屏幕圆角、上方传感器区域、下方返回主页指示器如下的...

优漫动游：动效设计看这篇文章就够了！

com02的博客

01-05

323

交互设计越来越讲究用户体验，动效设计一般是指UI动画设计，也叫UI动效。它在UI设计中同样得到了较为广泛的应用，我们可以在各种使用场景上看到UI动效，身为设计师的我们，除了拥有极致的工匠精神外，还更应该理解动效设计背后的理论知识。

网页设计每个设计师都应该遵循的3个步骤优漫动游

com02的博客

03-04

101

在您开始草拟想法之前进行研究并考虑主页结构对于设计过程至关重要。在进行研究时，请确保您始终关注潜在客户的第一印象。

平面设计专业术语，平面设计有哪些术语？

L_uman的博客

03-31

225

但也可以培养，如果你爱看电影，多留意大师们的电影，看看里面的用色，就拿常见的来说，看看王家卫的电影，每一部，就是一本色彩学。记得，在商业设计中，不要轻易尝试夸张的跳跃性的版式，那些看上去愈随意愈凌乱的优秀作品，需要的时间愈多，你需要非常扎实的构成功底，同时需要处理所有已经出现的细节，并且要创造更多的细节。1.概念元素，所谓概念元素是那些不实际存在的，不可见的，但人们的意识又能感觉到的东西。6.重心：画面的中心点，就是视觉的重心点，画面图像的轮廓的变化，图形的聚散，色彩或明暗的分布都可对视觉中心产生影响。

iPhone X适配最简单粗暴的

于先森的博客

11-08

8377

如果不了解iPhone X屏幕和普通的区别，去看这个链接，懒得扒图 https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/由题意得： ∵ 4.7” 375*667 X 375*812 ∴ X 是加长版的4.7寸系列的机子∵ X的状态栏由20变为44 X的底部因为Home

iPhone X以及iOS11的一些问题以及简单的适配

曹世鑫的杂谈

10-11

7040

1、iPhone X尺寸问题分辨率1125*2436 （375*812)导航栏为 44+44 原来为20+44。（[[UIApplication sharedApplication] statusBarFrame].size.height可以获取到当前的状态栏的高度，怎么用根据你的需要来设计，这里也可以用下面的判断是不是iphonex来定，但是我个人觉得这样读出来会好一点吧。）底部tabb...

ios切图（一倍图+二倍图+三倍图）

最新发布

鑫和皓的博客

08-08

423

在上述示例中，根据设备的像素密度和屏幕宽度，浏览器会自动选择加载适合的图像资源。通过以上方法，可以根据设备的像素密度加载合适的图像资源，提高渲染质量，并避免不必要的网络请求和资源浪费。在HTML的标签中，可以使用srcset和sizes属性来指定不同分辨率的图像资源，并根据设备的像素密度自动选择加载合适的图像。这样，在高像素密度设备上会加载二倍图，而在普通像素密度设备上加载一倍图，从而避免了不必要的网络请求和资源浪费。这样，根据设备的像素密度加载对应的图像资源，避免了不必要的网络请求和资源浪费。

黑马程序员前端-CSS：溢出的文字省略号显示

黑马程序员官方博客

04-06

2891

按照HTML+CSS的学习顺序笔记已经更新了28篇内容了，因为篇幅问题，请看文末。目录一、单行文本溢出显示省略号二、多行文本溢出显示省略号（了解即可）三、往期合集今天来学溢出文字省略号显示。一、单行文本溢出显示省略号单行文本溢出显示省略号必须满足三个条件： /*1. 先强制一行内显示文本*/ white-space: nowrap; （默认 normal 自动换行） /*2. 超出的部分隐藏*/ overflow: hidden;

iPhone、iPad屏幕分辨率尺寸对比

中国架构师的博客

11-12

1万+

机型代码大小分辨率尺寸 iPhone 4s 480*320 960*640 3.5英寸 iPhone 5 568*320 1136*640 4英寸 iPhone 6 667*375 1334*750 4.7英寸 iPhone 6 Plus 736*414 1920*1080 5.5英寸 ...

移动端一倍图，二倍图，三倍图尺寸的问题

VVVZCS的博客

09-07

1万+

1 rem = html font-size = 50px 在reset.css文件中假如一个二倍图的div高度是86px 那么对应的我们应该填43px 移动端一般用rem表示宽高所以这里我们应该填写0.86rem 如果一个一倍图的高度是23px 那么我们应该填写0.46rem 同理3倍图...

2019新版UI设计面试题汇总（附答案）

weixin_34319111的博客

04-16

4531

问题一、Android手机的常用设计尺寸有_________.怎么适配ios和安卓。答案：安卓320 X 480是常规模拟器、但现在的开发都是用360x640做一倍率。480 X 800（1.5倍率）、720 X 1280（2倍率）、1920*1080（3倍率）ios用sketch软件出375*812的1倍率的设计图，直接生产标注，1倍率中1px=1pt=1dp。方便程序员理解。Ios适配安卓将3...

iPhone X 适配

HumorousGhost

09-19

1万+

iPhone X(10)屏幕分辨率与适配，iOS开发适配与UI设计问题。iPhone人机交互指南。北京时间的9月13日凌晨，美国当地时间的9月12日上午，苹果在发布会上发布了四款产品，本包括全新的Apple Watch Series 3，Apple TV 4K，iPhone 8/8 Plus，和全新iPhone X四款全新产品。其中X是数字10的意思，因此苹果将其读音读作“iPhone Ten

UI设计新手进阶：7条法则之在图片上呈现文字（下）

"UI设计新手需要掌握的7条实用法则，帮助提升UI设计技能。本文主要讲解法则4到7，包括如何在图片上呈现文字、如何做好强调和弱化、选择合适的字体以及从其他设计师那里学习。" 在UI设计中，文字的呈现方式对于整体...