平板電腦和手機網站佈局設計 - 哪個要先做？

Question

我有一個項目，需要開發一款適用於智能手機和平板設備的移動網站。我已經閱讀了很多關於移動設計，「移動優先」，響應式設計等概念。我沒有看到的一件事是關於工作流程的討論，特別是在佈局設計階段。

我不確定我是否應該首先關注手機網站佈局的線框模型，然後在完成電話佈局後再使用平板電腦佈局？或者同時開發手機和平板電腦線框是否更好？從長遠來看，哪種方法不太成問題？

Answer 1

這實際上取決於您之前完成的這些設計以及您的設計師。

一些設計師需要先在桌面上工作，並將所有東西都放在那裏，這樣才能讓他們更具創意。

話雖如此，你最好先看看手機。我看到很多響應式項目遇到了將大型桌面內容區域線性化爲平板電腦和移動佈局的問題，同時仍保持品牌知名度和設計之間的協同作用（是的，我使用了「協同效應」）。

如果您能夠掌握網站的真實內容，那麼它就會有所幫助，因此您完全知道自己正在處理的是什麼內容。使用像Bootstrap或Foundation這樣的框架來快速爲一些想法提供真實內容的原型，然後測試以確定哪些內容不起作用。

當談到設計，嘗試和設計模塊中的東西。查看Style Tiles以瞭解如何使用該工作流進行設計。

最好的建議是做什麼適合你的團隊，無論如何你都會犯錯誤，所以即使你忽視了我所說的一切，把它放在你的腦海裏。儘早使用真實內容，原型/測試，不要害怕經歷幾次迭代。

噢，最後，如果你去桌面第一個設計，display: none;是不適合你的內容問題。