Responsive design 需要帮助理解移动优先的概念吗 我以前在响应网站上工作,但现在我在路上建立我的第一个反应网站。我打开了一些关于这个主题的文章,然后砰的一声:移动第一。。我不知道我是怎么跳过这个概念的。从一开始,我似乎无法理解整件事(除了移动设备的数量将很快淘汰台式电脑),原因如下

Responsive design 需要帮助理解移动优先的概念吗 我以前在响应网站上工作,但现在我在路上建立我的第一个反应网站。我打开了一些关于这个主题的文章,然后砰的一声:移动第一。。我不知道我是怎么跳过这个概念的。从一开始,我似乎无法理解整件事(除了移动设备的数量将很快淘汰台式电脑),原因如下,responsive-design,Responsive Design,如果我先为手机设计,我该如何知道我的网站将如何寻找桌面版?我的意思是,在最小的设备上,我最终将不得不隐藏一些内容等,当我不知道网站在更大的屏幕上会如何显示时,我该如何知道隐藏和移动什么?剥光衣服不是更容易吗 对我来说(现在),移动第一的概念在我看来就像是倒置的金字塔。大多数实现实际上有两个站点:一个用于浏览器,一个用于手机。如果Web服务器根据用户代理将客户端识别为移动,则会将客户端重定向到m.your-domain.com(或mobile.your-domain.com) 尽管你可能会考虑考虑

如果我先为手机设计,我该如何知道我的网站将如何寻找桌面版?我的意思是,在最小的设备上,我最终将不得不隐藏一些内容等,当我不知道网站在更大的屏幕上会如何显示时,我该如何知道隐藏和移动什么?剥光衣服不是更容易吗


对我来说(现在),移动第一的概念在我看来就像是倒置的金字塔。

大多数实现实际上有两个站点:一个用于浏览器,一个用于手机。如果Web服务器根据用户代理将客户端识别为移动,则会将客户端重定向到m.your-domain.com(或mobile.your-domain.com)

尽管你可能会考虑考虑不同的屏幕大小,不管是手机还是浏览器——例如:iPad浏览器在桌面上显示的东西不同于Chrome。 备注:
尽管我们已经达到了互联网流量的主要部分由移动设备完成的程度,但您的站点/服务的大部分客户端可能是笔记本电脑/台式机。以Stackoverflow为例:)

你应该使用谷歌分析(google analytics),看看有什么不同,然后根据这个不同来决定是否值得投入精力(如果是的话,那么投入多少)。

在我看来。移动首先应用于应用程序,而不是网站。制作一个响应性强的网站,或者一个网站的两个版本,以适应不同的屏幕尺寸,相对来说是比较容易的。要创建一个在小屏幕(主要是触摸驱动屏幕)和大桌面屏幕上都能正常工作的应用程序要困难得多。在应用程序中,区别不仅仅在于您可以将哪些信息放入可用的屏幕中。移动应用程序通常具有不同的UI流,并使用不同的组件集(小部件)

分析需求后,您必须回答一个关键问题:单个应用程序/网站能否在台式机和移动设备上提供出色的用户体验?如果可以,那就去做吧。如果不能,那么你就进入了“移动第一”的概念:如今,从移动体验开始往往更好。它也可以在大屏幕上工作,尽管它看起来可能有点奇怪,而且它不会充分利用桌面环境。如果您的应用程序成功,您可以始终创建桌面优化版本


请注意,我说的是“经常”,而不是“总是”。用户仍然喜欢从桌面访问许多应用程序。如果您构建了其中一个应用程序,那么首先使用桌面并没有什么错。

剥离一些东西,将您的网站缩小到移动网站并不是最佳做法。维护两个独立的网站也是如此。从移动开始,你可以专注于你真正需要的东西和你网站的内容。不要想“图形”,而要想“内容”

好吧,但我不能在还不活跃的网站上使用谷歌分析:)@Guy当然不会,你建立一个框架网站(比如原型网站),然后看看如何从那里开始。但在我看来,如果我先从手机开始,我怎么知道我最终会建立什么?为什么不创造一个光彩夺目的网站,然后简单地删除不需要的内容/功能呢?@Rymguy据我所知,原因很简单,这是mobile first设计的关键——你必须确保在移动设备上,你的工作和功能应用程序看起来很好。因此,当你从移动开始时,你肯定会达到这个目标,然后你可以简单地为屏幕更大的用户添加更多功能。当你从大屏幕开始时,当你转到移动设备时,你可能无法决定哪些功能是最重要的,最后你可能会给你的移动用户添加太多(太多不是最好的选择)