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