響應(yīng)式網(wǎng)站建設(shè)主要涉及到五個(gè)部分：網(wǎng)站LOGO、網(wǎng)頁框架與布局設(shè)計(jì)、響應(yīng)式網(wǎng)站建設(shè)的風(fēng)格、響應(yīng)式網(wǎng)站建設(shè)的創(chuàng)意、響應(yīng)式網(wǎng)站建設(shè)的配色五個(gè)部分。
　　一、網(wǎng)站LOGO
　　響應(yīng)式網(wǎng)站建設(shè)過程中l(wèi)ogo最重要的就是用圖形化的方式方法傳送網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識(shí)別。網(wǎng)站logo設(shè)計(jì)過程要直接以網(wǎng)站網(wǎng)址作為logo；其次根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特性展開logo 設(shè)計(jì)；最后以傳送網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。
　　二、網(wǎng)頁框架與布局設(shè)計(jì)
　　響應(yīng)式網(wǎng)站建設(shè)的頁面布局設(shè)計(jì)大致可分為國字型、拐角型、 T 字型、 L 字型、綜合框架型、 Flash 型、變化型。響應(yīng)式網(wǎng)站設(shè)計(jì)要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。視覺總有一種自然的流動(dòng)習(xí)慣，人們閱讀其中一種信息時(shí)。先看什么，后看什么，再看什么。心理學(xué)的研究標(biāo)明，一般的瀏覽習(xí)慣是從上到下、從左到右，一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域 ”也就是最優(yōu)選的地方。響應(yīng)式網(wǎng)站建設(shè)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們心理順序和邏輯順序，就可以更為靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。
　　三、響應(yīng)式網(wǎng)站建設(shè)的風(fēng)格
　　顏色，風(fēng)格籠統(tǒng)的指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局設(shè)計(jì)。響應(yīng)式網(wǎng)站建設(shè)需要做到根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此還需要在風(fēng)格同一上需要掌握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什么區(qū)別。網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來舒服、順暢，會(huì)對(duì)你網(wǎng)站留下一個(gè)專業(yè)的印象。
　　四、響應(yīng)式網(wǎng)站建設(shè)的創(chuàng)意
　　所謂創(chuàng)意就是不拘一格？某些辦公室裝修設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，創(chuàng)意。響應(yīng)式網(wǎng)站頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。做出來確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，有些客戶則不可以接受，這時(shí)應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要非常多大的也不要浪費(fèi)過多的時(shí)間去追求如何個(gè)性、如何好看，只需要一點(diǎn)小小的創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想。
　　五、響應(yīng)式網(wǎng)站建設(shè)的配色
　　調(diào)整透明度或者飽和度，用一種顏色。響應(yīng)式網(wǎng)站頁面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。發(fā)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感；然后選擇它對(duì)比色進(jìn)行微小的調(diào)整。整個(gè)頁面色彩豐富但不花稍。用兩種色彩。先選定一種色彩；用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩。這種配色方法在響應(yīng)式網(wǎng)站建設(shè)中最為常用；使用時(shí)掌握量防止網(wǎng)頁變灰?；疑诰W(wǎng)頁設(shè)計(jì)中又稱為“萬能色”其特性是可以和任何顏色搭配；盡量控制在三種色彩以內(nèi)，網(wǎng)頁配色中。以防止網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對(duì)比盡量要大，絕對(duì)不要用花紋繁復(fù)的圖案作背景，以便突出主要文字網(wǎng)站內(nèi)容。