为什么开发人员选择移动优先方法

你好，设计师们..

今天我正在练习前端开发，所以我认为在一篇小文章中分享一些我学到的关于移动优先方法和引导程序的知识是个好主意，这样你也可以受益。

让我们开始吧..

移动优先方法的理念：

移动优先的理念是首先为移动设备设计网站。因此，请考虑如何满足移动设备的屏幕限制。然后，随着屏幕尺寸的扩大，您可以自动启动一个应用，让您的网站适应越来越大的屏幕尺寸。

为什么要采用移动优先的方法？

这个问题的答案很简单：移动设计更加受限。所以，如果你从小屏幕开始，专注于能够适应移动屏幕的主要和重要功能，那么你或许会愿意展示越来越多的内容。为了充分利用不断增长的屏幕空间，这意味着同一个网站在移动设备上显示时可能只有部分信息会显示给用户。但在功能齐全的桌面设备上呈现时，它可能会显示更详细的网站版本。

此外，首先从移动设备开始您的网站并更加注重移动设计将使您的网站覆盖更多的人，因为人们倾向于使用手机玩游戏，而全球有 38 亿手机用户！并且全球移动设备的市场份额为 55.77%，而台式机的市场份额为 41.5%。

幸运的是，我们有许多 Web UI 框架（包括 Bootstrap）可用于设计并应用移动优先方法。以下是一些流行的 UI 框架的列表：

1. Bootstrap 2.Tailwind CSS
2. 语义 UI 4. 基础
3. Material UI 6. 纯净
4. 骨架 8. UIKit
5. 毫克 10. Susy
6. Materialize 12. 纯 CSS

额外信息🎉：什么是 Bootstrap？

Bootstrap 是用于在 Web 上开发响应式、移动优先项目的最流行的 HTML、CSS 和 JS 框架，因为 Bootstrap 使 Web 开发更快、更容易，此外，它还包括基于 HTML 和 CSS 的设计模板，用于排版、表单、按钮、表格、导航、模态框、图像轮播等，以及可选的 JavaScript 插件。
因此，我们可以轻松地创建移动优先的响应式设计

资源：

• 移动优先设计对于数字设计师来说意味着什么？
• 获取引导程序
• 前端 Web UI 框架和工具：Bootstrap 4 课程（香港科技大学 - Coursera）
• 移动优先的响应式网页设计
• 手机和智能手机用户数量]（来源： https: //www.bankmycell.com/blog/how-many-phones-are-in-the-world）
• 2016年至2021年智能手机用户数量