日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

淺談WEB端布局框架的思考與設計(4)

文章來源于 站酷,感謝作者 滴滴出行CDX 給我們帶來經精彩的文章!
設計教程/前端設計/前端設計2018-01-10
二、項目分析與布局定義 魔方項目前期做了以下幾個方向的分析與研究: 1.同類產品分析 在魔方還只是紙面信息框架的時候,我們分析了各大同類網站,梳理出相應布局框架的特性和優缺點,也就有了本文上半部分的理論成

二、項目分析與布局定義

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

1.同類產品分析

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

2.魔方產品分析

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

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

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

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

淺談WEB端布局框架的思考與設計

4.魔方布局的構成原則

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

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

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

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

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

淺談WEB端布局框架的思考與設計

三、視覺風格探索與總結

1.視覺風格探索

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

淺談WEB端布局框架的思考與設計

淺談WEB端布局框架的思考與設計

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 日韩精品一区二区三区中文 | 日韩av手机在线免费观看 | 狠狠久久伊人中文字幕 | 国产精品一区二区三区在线播放 | 欧美精品在线视频观看 | 在线播放的av网站 | www.91sese| 久久久中 | 毛片视频免费观看 | 久草免费资源视频 | 黄色网址免费在线播放 | 欧美一级黄色网 | 亚洲天堂成人在线观看 | 久久福利在线 | 一本色道久久综合狠狠躁篇适合什么人看 | 黄色片视频在线观看 | 一级做a爰性色毛片免费 | www.99re1.com| 一级α片| 久久久久久久.comav | 美国一级黄色毛片 | 成人av一区二区免费播放 | 黄色试看视频 | 日韩黄色av | 欧美一级做一级爱a做片性 91在线视频观看 | 福利一区二区三区视频在线观看 | av色偷偷 | 成人一区久久 | 在线观看国产网站 | 久草在线观看福利视频 | 男女隐私免费视频 | 天天夜碰日日摸日日澡性色av | 黄网站免费观看视频 | 欧美成人免费一级 | 第一区免费在线观看 | 激情国产视频 | 黄色网络免费看 | 精品一二三区视频 | 一级做受毛片免费大片 | 一级看片免费视频 | 欧美色另类 |