我有一个专为以前在Adobe XD中创建的桌面设计的个人项目，现在我想将其放在Behance上。为此，我需要将针对桌面设计的布局调整为适合移动设备。
我通常不设计用于较小的屏幕，所以我想知道减少文本和元素大小需要多少？例如，如果我的文本的字体大小为40px，应该使用什么计算方法来减小移动设备的大小？是否有默认百分比来降低桌面值？另外，是否有其他设计师遵循的视觉规则？
我一直为Bootstrap设计，但不确定我是否在考虑正确的移动方式。
我也已经在User Experience Stack Exchange论坛上发布了此消息，但是我不确定哪一个最适合我的问题。
感谢您分享您的想法和建议。
我作为传统的Web设计人员主要是为台式机设计的，现在我正尝试迁移到UI / UX。
答案 0 :(得分：2)
现代设备通过适当缩放视口来补偿较小的屏幕和通常较高的分辨率，从而为您完成大多数比例转换工作。根据您设计的应用程序类型，技术会有所不同，但是结果却非常相似。
例如，如果要实现Web设计，则可能需要使用media queries之类的浏览器功能来管理内容。
但是，由于您专注于网站的设计，因此您不必担心“如何做”，因此您可以专注于要做的事情。
以下是一些提示：
如果您将设备握在一个随意而舒适的距离上，并将其与在平均观看距离下在桌面屏幕上显示的大小进行比较，则元素和文本在台式机和移动设备上的显示大小大致相同。您可以访问Apple's之类的专为移动设备打造的网站来进行尝试。
由于尺寸相似但屏幕尺寸减小，因此您需要简化设计，避免使用多列（尤其是电话）。
由于您可以一次在移动设备上看到一小部分设计，因此不需要大量的视觉层次。例如，如果您有多个标题级别，并且在桌面上的视觉大小存在明显差异，则可以避免在移动设备上缩小标题的大小。
如果要在手机上查看设计外观，请尝试通过电子邮件将设计发送到手机，将其保存到图片中，然后全屏加载图片。您可能需要稍微缩放图像，以使设计的左右两侧都接触到手机屏幕的两侧。如果文本看起来太小或元素太大，请调整设计并再次将其加载到手机上。继续这样做，直到正确为止。
通过一些实践和努力，您将掌握Mobile设计的精髓。而且，如果您想将其带入一个新的高度，请尝试研究移动优先设计。 Here只是该主题的众多文章之一。