我有一个项目需要开发一个可在智能手机和平板电脑设备上运行的移动网站。我已经阅读了很多关于移动设计、“移动优先”概念、响应式设计等的内容。我没有看到的一件事是关于工作流程的讨论,特别是在布局设计阶段。
我不确定的是我是否应该首先关注手机站点布局的线框模型,然后在手机布局完成后进行平板电脑布局?还是同时开发手机和平板电脑线框图更好?从长远来看,哪种方法问题较少?
我有一个项目需要开发一个可在智能手机和平板电脑设备上运行的移动网站。我已经阅读了很多关于移动设计、“移动优先”概念、响应式设计等的内容。我没有看到的一件事是关于工作流程的讨论,特别是在布局设计阶段。
我不确定的是我是否应该首先关注手机站点布局的线框模型,然后在手机布局完成后进行平板电脑布局?还是同时开发手机和平板电脑线框图更好?从长远来看,哪种方法问题较少?
这实际上取决于您之前做过多少这些以及您的设计师。
一些设计师需要先在桌面上工作,然后把所有东西都从那里拿下来,这正是让他们更有创造力的原因。
话虽如此,您最好先考虑使用移动设备。我看到很多响应式项目都遇到了将大型桌面内容区域线性化为平板电脑和移动布局的问题,同时仍然保持品牌认知度和设计之间的协同作用(是的,我使用了“协同作用”)。
如果您能够获得网站的真实内容,这将有所帮助,这样您就可以确切地知道自己在处理什么。使用Bootstrap或Foundation之类的框架,用真实内容快速构建一些想法的原型,并进行测试,看看哪些有效,哪些无效。
在设计方面,尝试在模块中设计事物。查看Style Tiles以获取有关如何使用该工作流程进行设计的提示。
最好的建议是做对你的团队有用的事情,无论如何你都会犯错误,所以即使你忽略了我所说的一切,也要记住它。使用真实的内容,尽早进行原型/测试,不要害怕经历几次迭代。
哦,最后,如果您确实采用桌面优先设计,display: none;
那么以后的内容问题就不是一个合适的解决方案。