平板电脑和手机网站布局设计 - 哪个要先做？

Question

我有一个项目，需要开发一款适用于智能手机和平板设备的移动网站。我已经阅读了很多关于移动设计，“移动优先”，响应式设计等概念。我没有看到的一件事是关于工作流程的讨论，特别是在布局设计阶段。

我不确定我是否应该首先关注手机网站布局的线框模型，然后在完成电话布局后再使用平板电脑布局？或者同时开发手机和平板电脑线框是否更好？从长远来看，哪种方法不太成问题？

Answer 1

这实际上取决于您之前完成的这些设计以及您的设计师。

一些设计师需要先在桌面上工作，并将所有东西都放在那里，这样才能让他们更具创意。

话虽如此，你最好先看看手机。我看到很多响应式项目遇到了将大型桌面内容区域线性化为平板电脑和移动布局的问题，同时仍保持品牌知名度和设计之间的协同作用（是的，我使用了“协同效应”）。

如果您能够掌握网站的真实内容，那么它就会有所帮助，因此您完全知道自己正在处理的是什么内容。使用像Bootstrap或Foundation这样的框架来快速为一些想法提供真实内容的原型，然后测试以确定哪些内容不起作用。

当谈到设计，尝试和设计模块中的东西。查看Style Tiles以了解如何使用该工作流进行设计。

最好的建议是做什么适合你的团队，无论如何你都会犯错误，所以即使你忽视了我所说的一切，把它放在你的脑海里。尽早使用真实内容，原型/测试，不要害怕经历几次迭代。

噢，最后，如果你去桌面第一个设计，display: none;是不适合你的内容问题。