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

Question

我有一个项目，这需要一个移动网站的发展，在智能手机和平板电脑设备上的工作。我读了很多关于移动设计，“移动优先”的概念，响应式设计等。我还没有看到关于工作流程的讨论，特别是在布局设计阶段。

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

Answer 1

这真的取决于你和你的设计师之前做过多少这样的事情。

有些设计师需要先在桌面上工作，然后把所有的东西都放下来，这才能让他们更有创造力。

话虽如此，你最好先看一下移动设备。我已经看到很多响应式的项目遇到了一些问题，比如将大的桌面内容区域线性化到平板电脑和移动设备的布局，同时仍然保持品牌认知度和设计之间的协同效应(是的，我使用了“协同效应”)。

如果你能够获得网站的真实内容，这样你就能确切地知道你在处理什么，这会很有帮助。使用像Bootstrap或Foundation这样的框架，用真实的内容快速构建一些想法的原型，并进行测试，看看哪些有效，哪些无效。

当涉及到设计时，试着用模块来设计。有关如何使用该工作流进行设计的提示，请查看Style Tiles。

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

哦，最后，如果你做的是桌面优先设计，display: none;不是一个适合你以后内容问题的解决方案。