二、項目分析與布局定義

魔方項目前期做了以下幾個方向的分析與研究：

1.同類產品分析

在魔方還只是紙面信息框架的時候，我們分析了各大同類網站，梳理出相應布局框架的特性和優缺點，也就有了本文上半部分的理論成果。

2.魔方產品分析

剛孵化的產品都會經歷從暗到明、從0到1的過程，魔方也不例外。最初產品形態并不清晰時，我們進行了多方面的自我分析：第一步思考整個魔方的定位、產品模式、設計目標以及目標用戶會如何理解魔方、使用魔方。第二步定義每一個子產品的項目目標，并分析其中展示信息內容及對應的功能需求。第三步再以組件化設計的思維方式對基礎功能進行梳理、拆解分類、歸納重組。

3.魔方布局的確定與總結

最終我們通過基礎模塊及分層邏輯相互組合嵌套的設計方法，使魔方布局數量和布局復雜程度被滿足。我們將可復用的功能模塊統一成基礎層，如全局一級導航模塊是為承載了所有子產品頁面的入口;而需要單獨定義的功能模塊被劃分成子產品的特殊功能，并一一整合到對應的布局模塊中，如規范庫中的電梯劃分成單獨的右內容模塊。

魔方網站采用了上下布局、“T”型布局及“口”型布局。

4.魔方布局的構成原則

在獲得這些成果后，我們再次回歸到根本的布局框架設計中，總結出以下構成原則：

1)組織原則——根據產品特性將功能點分解后重新劃分成組

2)隱藏原則——突出布局中的主要焦點信息并隱藏次要輔助信息

3)接近原則——將臨近的元素歸類為一個模式或整體

4)熟悉­­原則——按照熟悉的認知，把復雜對象簡單化，變成規則圖形

三、視覺風格探索與總結

1.視覺風格探索

魔方的視覺風格與布局框架是同步進行探索的。在這個過程中，我們一邊考慮整體布局能否滿足魔方各個子產品，一邊思考視覺元素如何設計和呈現。從最基礎的品牌色定義、組件元素樣式，再到設計細節中字體的大小、按鈕在空間布局上的占比是否合理都要不斷打磨與調整，最后細化成成最和諧統一的視覺方案。