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

Layout 平板电脑和手机网站布局设计-先做哪一个?,layout,mobile,web,responsive-design,wireframe,Layout,Mobile,Web,Responsive Design,Wireframe,我有一个项目,需要开发一个在智能手机和平板电脑设备上都能工作的移动网站。我读过很多关于移动设计、“移动优先”的概念、响应式设计等方面的书。其中一件我没有看到的是关于工作流程的讨论,特别是在布局设计阶段 我不确定的是,我是否应该首先关注手机站点布局的线框模型,然后在手机布局完成后再处理平板电脑布局?还是同时开发手机和平板电脑线框更好?从长远来看,哪种方法问题较少?这实际上取决于您和您的设计师以前做过多少次 有些设计师需要先在桌面上工作,然后把所有的东西都放下来,这正是让他们更有创造力的地方 说了这

我有一个项目,需要开发一个在智能手机和平板电脑设备上都能工作的移动网站。我读过很多关于移动设计、“移动优先”的概念、响应式设计等方面的书。其中一件我没有看到的是关于工作流程的讨论,特别是在布局设计阶段


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

这实际上取决于您和您的设计师以前做过多少次

有些设计师需要先在桌面上工作,然后把所有的东西都放下来,这正是让他们更有创造力的地方

说了这么多,你最好还是先看看手机吧。我看到很多响应性项目都遇到了一些问题,比如将大型桌面内容区域线性化为平板电脑和手机布局,同时仍然保持品牌知名度和设计之间的协同效应(是的,我使用了“协同效应”)

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

当涉及到设计时,试着用模块设计东西。查看有关如何使用该工作流进行设计的提示

最好的建议是做对你的团队有效的事情,不管怎样,你都会犯错误,所以即使你忽略了我说的一切,也要记住。尽早使用真实的内容、原型/测试,不要害怕经过几次迭代


哦,最后,如果你真的选择桌面优先设计,
display:none不适合解决您以后的内容问题。

感谢您的回复。我们正在开发一个独立的移动网站,所以这不是一个手机与桌面的问题,而是手机与平板电脑的问题。当前需要考虑的问题是,是否先对手机版本进行布局/线框设计,然后再升级到平板电脑版本?还是最好同时开始为这两个对象进行布局/线框?或者这真的没有什么区别吗?没有那么大的区别,我会在e上同时做这两件事,以保持任务方法的一致性。例如,您可能在意识到您已经很难将相同的交易用户流扩展到平板电脑之前完成移动方法。