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

PS設(shè)計教程網(wǎng)歡迎你!

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

文章來源于 站酷,感謝作者 滴滴出行CDX 給我們帶來經(jīng)精彩的文章!
設(shè)計教程/前端設(shè)計/前端設(shè)計2018-01-10
還在苦惱如何搭建Web端布局框架?來這里找方法吧,本篇文章主要通過CDX魔方項目組成員用血和淚的經(jīng)驗告訴你答案。希望思緣的朋友有所幫助。

「前言」:對于承載多個子產(chǎn)品的網(wǎng)站而言,單一的布局形式不能完全適用,因此我們需要全方面了解相關(guān)的布局框架理論。這有利于我們在定義復(fù)雜結(jié)構(gòu)的Web界面時得心應(yīng)手,做到統(tǒng)一化、規(guī)范化、可拓展及可快速迭代。

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

整篇文章分為兩部分:

1.了解布局框架要素

2.項目沉淀:滴滴魔方網(wǎng)站布局框架的構(gòu)建與實現(xiàn)

「布局框架要素」

一、布局框架在設(shè)計中的重要性

在涉及數(shù)字媒體的屏幕布局時,我們需要將一些看似互不相干的元素和諧、有序的組織在一起,這是很有挑戰(zhàn)性的。

對設(shè)計師而言,熟練掌握知覺要素的格式塔理論、視覺要素的組織和結(jié)構(gòu)及感覺要素的層級和秩序,并將這些方法論運用到布局設(shè)計的每一處,才能創(chuàng)建出該產(chǎn)品真正的布局基礎(chǔ)。

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

布局框架能幫助我們正確考慮產(chǎn)品的焦點,理性的傳達有效信息而不是感性的創(chuàng)意視覺表達。

布局框架能保證優(yōu)質(zhì)產(chǎn)品及良好的用戶體驗,方便用戶對界面的識別和使用習(xí)慣。

布局框架是產(chǎn)品的骨架和基礎(chǔ)。在框架確定之后,設(shè)計師才可進行下一步的構(gòu)建——統(tǒng)一的視覺元素,清晰的功能操作,具體流程的交互等等。

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

二、布局框架的設(shè)計原則

了解布局框架設(shè)計的重要性后,我們再來認識一下布局框架的設(shè)計原則,分別為統(tǒng)一性、邏輯性、可擴展性、可預(yù)測性:

統(tǒng)一性——確保產(chǎn)品布局在結(jié)構(gòu)和視覺的一致性,為用戶提供高度的舒適感

邏輯性——視覺中的各種分類構(gòu)成具有邏輯思路,結(jié)構(gòu)聯(lián)系緊密且通暢

可擴展性——無論產(chǎn)品功能是簡單還是復(fù)雜,布局框架能夠隨著產(chǎn)品需求的變化進行布局結(jié)構(gòu)的延展和擴充

可預(yù)測性——選擇可預(yù)測和可識別的布局,并連接到體驗的每一個環(huán)境中且在適當(dāng)?shù)牡胤揭龑?dǎo)用戶

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

三、Web端的基礎(chǔ)模塊和分層邏輯

我們在進行布局框架設(shè)計前,先來熟悉一下Web端界面相關(guān)的基礎(chǔ)模塊和分層邏輯。

1. 基礎(chǔ)模塊

根據(jù)模塊自身屬性及功能定義,常見的模塊有九類,分別為頂部導(dǎo)航模塊、左側(cè)導(dǎo)航模塊、頁眉模塊、頁腳模塊、主內(nèi)容模塊、左內(nèi)容模塊、右內(nèi)容模塊、抽屜模塊、彈窗模塊。

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

版權(quán)所有PS設(shè)計教程網(wǎng)公安備案:蘇公網(wǎng)安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 久草在线观看福利 | 蜜桃av鲁一鲁一鲁一鲁 | 中国妞xxxhd露脸偷拍视频 | 亚欧美一区二区 | 欧美日韩在线视频一区 | 美女毛片在线观看 | 欧美日韩高清一区 | 久草在线综合网 | 色阁五月 | 色中色在线播放 | 国产精品欧美日韩一区二区 | 中国洗澡偷拍在线播放 | 日韩精品网站在线观看 | 国产一区二区不卡 | 一级电影在线免费观看 | 成人午夜影院 | 男男啪羞羞视频网站 | 国产88久久久国产精品免费二区 | 污黄视频在线观看 | 久久第四色 | 国产免费一区二区三区网站免费 | 欧美一级黄色免费 | 成人男男视频拍拍拍在线观看 | 国产精品久久久久久久久久三级 | 草久影院| 9丨九色丨国产 | 91麻豆精品国产91久久久点播时间 | 毛片一级网站 | 国产精品午夜小视频观看 | 亚洲影视中文字幕 | 免费a级毛片永久免费 | 欧美中文字幕一区二区三区亚洲 | 国产精品视频一区二区三区四 | 中文字幕亚洲视频 | 欧美性生活区 | 5xx免费看| 欧洲黄色一级视频 | 特级黄一级播放 | 欧美一级一片 | 欧美性生交xxxxx久久久缅北 | 国产喷白浆10p|