如何在设计较小的屏幕时调整文本 and/or 元素的大小？
How to adapt text and/or elements size while designing to smaller screens?
我有一个专为桌面设计的个人项目，我之前是在 Adobe XD 中创建的，现在我想把它放在 Behance 上。为此，我需要调整专为桌面设计的布局以适应移动设备。
我通常不为较小的屏幕设计，所以我想知道我需要减少多少文本和元素大小？例如，如果我有一个字体大小为 40px 的文本，我应该使用什么计算来减小移动设备的大小？是否有减少桌面值的默认百分比？或者，是否有其他设计师遵循的视觉规则？
我总是为 Bootstrap 设计，但我不确定我是否以正确的方式考虑移动设备。
我也在 User Experience Stack Exchange 论坛上发布了这个，但我不确定哪个最适合我的问题。
感谢您分享您的想法和建议。
作为传统的网页设计师，我主要为桌面设计，现在我正在尝试迁移到 UI/UX。
现代设备通过充分缩放视口来补偿较小的屏幕和通常较高的分辨率，从而为您完成大部分比例转换工作。根据您正在设计的应用程序类型，所采用的技术会有所不同，但结果却非常相似。
例如，如果您正在实施 Web 设计，您可能需要使用 media queries 等浏览器功能来管理您的内容。
不过，因为您正专注于网站的设计，您应该不需要担心'how'，所以您可以专注于做什么。
这里有一些提示：
如果您以随意但舒适的距离握住设备，并将其与在平均观看距离下桌面屏幕上显示的大小进行比较，则元素和文本在桌面和移动设备上显示的大小大致相同.你可以通过访问像 Apple's.
由于尺寸相似但屏幕尺寸减小，您需要简化设计，避免多列（尤其是 phones）。
因为您在移动设备上一次看到设计的一小部分，所以对重要视觉层次结构的需求较少。例如，如果您有多个标题级别，在桌面上具有显着的视觉尺寸差异，您可能可以在移动设备上使它们的尺寸更接近。
如果您想查看您的设计在移动设备上的外观，请尝试将设计通过电子邮件发送到您的 phone，将其保存到您的图片，然后全屏加载图像。您可能需要将图像放大一点，以便设计的左右两侧接触 phone 屏幕的两侧。如果您的文本看起来太小或您的元素太大，请调整设计并将其重新加载到您的 phone 上。继续这样做，直到你做对为止。
稍加练习和努力，您就会掌握移动设计的诀窍。而且，如果您想将其提升到一个新的水平，请尝试研究移动优先设计。 Here 只是有关该主题的众多文章中的一篇。
我有一个专为桌面设计的个人项目，我之前是在 Adobe XD 中创建的，现在我想把它放在 Behance 上。为此，我需要调整专为桌面设计的布局以适应移动设备。
我通常不为较小的屏幕设计，所以我想知道我需要减少多少文本和元素大小？例如，如果我有一个字体大小为 40px 的文本，我应该使用什么计算来减小移动设备的大小？是否有减少桌面值的默认百分比？或者，是否有其他设计师遵循的视觉规则？
我总是为 Bootstrap 设计，但我不确定我是否以正确的方式考虑移动设备。
我也在 User Experience Stack Exchange 论坛上发布了这个，但我不确定哪个最适合我的问题。
感谢您分享您的想法和建议。
作为传统的网页设计师，我主要为桌面设计，现在我正在尝试迁移到 UI/UX。
现代设备通过充分缩放视口来补偿较小的屏幕和通常较高的分辨率，从而为您完成大部分比例转换工作。根据您正在设计的应用程序类型，所采用的技术会有所不同，但结果却非常相似。
例如，如果您正在实施 Web 设计，您可能需要使用 media queries 等浏览器功能来管理您的内容。
不过，因为您正专注于网站的设计，您应该不需要担心'how'，所以您可以专注于做什么。
这里有一些提示：
如果您以随意但舒适的距离握住设备，并将其与在平均观看距离下桌面屏幕上显示的大小进行比较，则元素和文本在桌面和移动设备上显示的大小大致相同.你可以通过访问像 Apple's.
这样的移动网站来试试这个
由于尺寸相似但屏幕尺寸减小，您需要简化设计，避免多列（尤其是 phones）。
因为您在移动设备上一次看到设计的一小部分，所以对重要视觉层次结构的需求较少。例如，如果您有多个标题级别，在桌面上具有显着的视觉尺寸差异，您可能可以在移动设备上使它们的尺寸更接近。
如果您想查看您的设计在移动设备上的外观，请尝试将设计通过电子邮件发送到您的 phone，将其保存到您的图片，然后全屏加载图像。您可能需要将图像放大一点，以便设计的左右两侧接触 phone 屏幕的两侧。如果您的文本看起来太小或您的元素太大，请调整设计并将其重新加载到您的 phone 上。继续这样做，直到你做对为止。
稍加练习和努力，您就会掌握移动设计的诀窍。而且，如果您想将其提升到一个新的水平，请尝试研究移动优先设计。 Here 只是有关该主题的众多文章中的一篇。