趙丹

【摘要】網(wǎng)頁設(shè)計(jì)的主要目的就是傳遞信息內(nèi)容。但是在網(wǎng)頁設(shè)計(jì)中受到空間以及應(yīng)用環(huán)境等因素的影響，導(dǎo)致其在設(shè)計(jì)重要綜合用戶等多種需求合理應(yīng)用各種設(shè)計(jì)手段，調(diào)動(dòng)設(shè)計(jì)元素強(qiáng)化設(shè)計(jì)?；诖宋恼轮饕獙?duì)網(wǎng)頁制作技巧以及是設(shè)計(jì)的基礎(chǔ)原則進(jìn)行了簡(jiǎn)單的分析研究。

【關(guān)鍵詞】網(wǎng)頁制作 技巧 設(shè)計(jì)原則

信息時(shí)代，人們通過網(wǎng)絡(luò)購物、獲取信息。網(wǎng)絡(luò)制作與設(shè)計(jì)是決定了人們網(wǎng)絡(luò)瀏覽質(zhì)量的關(guān)鍵因素。網(wǎng)絡(luò)設(shè)計(jì)是一項(xiàng)復(fù)雜的、抽象的工作，在設(shè)計(jì)中涵蓋了網(wǎng)頁美工、制作以及動(dòng)畫等各項(xiàng)內(nèi)容。網(wǎng)頁制作是基于設(shè)計(jì)理念進(jìn)行制作處理的。在設(shè)計(jì)中要想提升設(shè)計(jì)質(zhì)量，就要在制作內(nèi)容、元素以及用戶需求等多個(gè)角度系統(tǒng)分析。

1、網(wǎng)頁制作技巧

網(wǎng)頁主要包括了LOGO、版權(quán)等內(nèi)容，在制作中要合理的應(yīng)用各種技巧。

1.1 臺(tái)理進(jìn)行首頁設(shè)計(jì)。網(wǎng)頁作為首頁，其對(duì)于整個(gè)結(jié)構(gòu)具有支撐性的作用，在網(wǎng)頁框架頁面設(shè)計(jì)中要根據(jù)內(nèi)容給合理的設(shè)計(jì)分析。例如，在進(jìn)行首頁設(shè)計(jì)中主要有兩種形式。第一種就是形式展示，此種方式通過對(duì)布局以及造型的設(shè)計(jì)，對(duì)其進(jìn)行藝術(shù)化的處理，綜合形象以及服務(wù)理念通過提供圖像以及文字彰顯網(wǎng)頁整體的活力性，此種設(shè)計(jì)結(jié)構(gòu)會(huì)通過直觀的方式吸引讀者，更加簡(jiǎn)單便捷。第二種就是信息羅列性。在設(shè)計(jì)中通過信息匯聚的方式進(jìn)行處理，此種方式主要就是在大中型企業(yè)中應(yīng)用，可以分為不同的條目以及分類。

1.2 頁面風(fēng)格一致性。在網(wǎng)頁設(shè)計(jì)中頁面風(fēng)格的一致性是較為重要的因素。在設(shè)計(jì)中統(tǒng)一風(fēng)格的方法種類繁多，其中結(jié)構(gòu)就是較為重要的因素。在設(shè)計(jì)中要綜合布局、內(nèi)容排版以及圖表、位置等因素合理的設(shè)計(jì)分析。在風(fēng)格設(shè)計(jì)中要加強(qiáng)對(duì)具有帶包性的元素分析，保障元素一致性。在設(shè)計(jì)中要對(duì)背景.ogo、圖片格調(diào)元素合理設(shè)計(jì)，保障一致性。

1.3 色彩搭配。頁面色彩搭配設(shè)計(jì)是影響主題的重要要素。在色彩搭配上來說要保障頁面主題文字與背景之間有著顯著的對(duì)比，在設(shè)計(jì)中可以將主體文字設(shè)計(jì)為黑色，而將按鈕、邊框等通過彩色表示。在色彩設(shè)計(jì)中要基于主題風(fēng)格合理基調(diào)，根據(jù)基調(diào)搭配顏色。設(shè)計(jì)的重點(diǎn)就是保障整個(gè)頁面整體和諧性。

1.4 優(yōu)化圖片，調(diào)整字體結(jié)構(gòu)

1.4.1 合理優(yōu)化圖片重視頁面加載速度。通過優(yōu)化網(wǎng)頁圖片的方式保障文件大小適宜，避免圖片文件過大而造成網(wǎng)頁延遲的問題。在設(shè)計(jì)中要合理的選擇文件格式，通過工具進(jìn)行圖片優(yōu)化，降低圖片數(shù)量，靈活的應(yīng)用圖片則可以達(dá)到改善網(wǎng)頁性能的目的。同時(shí)，要通過圖像聲音等多媒體元素優(yōu)化網(wǎng)頁結(jié)構(gòu)。在設(shè)計(jì)中為了增強(qiáng)網(wǎng)站的美觀性，要通過圖片以及音樂等多種元素吸引瀏覽者。在設(shè)計(jì)中通過圖片填充頁面，利用背景音樂渲染引導(dǎo)，在設(shè)計(jì)重要基于其類型結(jié)構(gòu)合理的設(shè)計(jì)分析。

1.4.2 合理應(yīng)用字體結(jié)構(gòu)。在設(shè)計(jì)中要應(yīng)用網(wǎng)頁安全字體，也可以通過siFR，Cufon等字體達(dá)到強(qiáng)化設(shè)計(jì)的目的。在設(shè)計(jì)重要保持字體一致性，區(qū)分標(biāo)題以及段落。要做字體字?jǐn)?shù)、行高等參數(shù)調(diào)整，便于用戶閱讀。在網(wǎng)頁設(shè)計(jì)中要盡可能的保持字體在12像素以上，這樣才可以有效的避免字體不當(dāng)而造成的閱讀障礙問題。

1.5 善用超級(jí)鏈接。在網(wǎng)頁設(shè)計(jì)中鏈接是較為重要的內(nèi)容，通過超鏈接可以引導(dǎo)用戶瀏覽相關(guān)內(nèi)容。在進(jìn)行首頁頁面設(shè)計(jì)匯總要善于應(yīng)用超級(jí)鏈接，通過人性化的設(shè)計(jì)滿足不同人群的閱讀需求。

1.6 代碼編寫。在網(wǎng)頁設(shè)計(jì)中要合理的選擇網(wǎng)頁編輯器。但是在多數(shù)的網(wǎng)頁編輯器中還是摻雜了一些冗余的代碼，這樣就會(huì)導(dǎo)致HTML結(jié)構(gòu)不當(dāng)，維護(hù)以及更新困難等問題，造成網(wǎng)頁膨脹的問題。通過編寫網(wǎng)頁代碼的方式簡(jiǎn)化代碼可以便于閱讀以及維護(hù)處理，達(dá)到優(yōu)化網(wǎng)頁設(shè)計(jì)的目的。

1.7 優(yōu)化搜索引擎。網(wǎng)頁設(shè)計(jì)中要基于SEO概念設(shè)計(jì)分析。網(wǎng)頁內(nèi)容結(jié)構(gòu)以及文字表示標(biāo)題中都要基于SEO概念進(jìn)行設(shè)計(jì)。在設(shè)計(jì)中要合理的分析編碼，正確認(rèn)識(shí)到基于標(biāo)準(zhǔn)的HTMIJCSS，合理應(yīng)用div比表格布局結(jié)構(gòu)，進(jìn)而精準(zhǔn)展示內(nèi)容。在設(shè)計(jì)中要加強(qiáng)對(duì)網(wǎng)頁跟新以及修：改的重視，設(shè)計(jì)具有可塑性以及便于維護(hù)的網(wǎng)頁可以簡(jiǎn)化工作，實(shí)現(xiàn)模塊化的發(fā)展。

2、網(wǎng)頁制作與設(shè)計(jì)遵循原則

在網(wǎng)頁制作與設(shè)計(jì)中要基于基礎(chǔ)原則合理的開展，在實(shí)踐中其主要如下：

2.1 網(wǎng)頁視覺制作以及設(shè)計(jì)原則。在網(wǎng)頁設(shè)計(jì)中其視覺設(shè)計(jì)效果是影響用戶體驗(yàn)度的重要參數(shù)。通過設(shè)計(jì)，通過視覺效果的方式推送信息，在合適的色調(diào)搭配以及結(jié)構(gòu)的影響之下則就會(huì)增強(qiáng)對(duì)客戶的吸引力。在設(shè)計(jì)中要對(duì)網(wǎng)站的欄目模塊以及基層的層次結(jié)構(gòu)進(jìn)行合理規(guī)劃，真正的做到全面化、系統(tǒng)化。同時(shí)，在設(shè)計(jì)中要根據(jù)網(wǎng)頁設(shè)計(jì)內(nèi)容以及主要思想合理的應(yīng)用上色彩結(jié)構(gòu)。

2.2 網(wǎng)頁制作與設(shè)計(jì)布局基本原則。在網(wǎng)頁制作以及設(shè)計(jì)布局中要通過對(duì)比的方式，傳遞不同元素之間的關(guān)系。通過對(duì)比設(shè)計(jì)增強(qiáng)視覺趣味性，加強(qiáng)吸引力。在設(shè)計(jì)中要基于文本內(nèi)容合理設(shè)計(jì)。通過在文本周邊適當(dāng)?shù)牧舭讋t可以達(dá)到增強(qiáng)閱讀效果，優(yōu)化布局格式的目的。重復(fù)原則也是布局的重要元素，要基于站點(diǎn)對(duì)頁面風(fēng)格進(jìn)行重復(fù)，達(dá)到強(qiáng)化的目的。在設(shè)計(jì)中通過某種字體、標(biāo)題或者頁面空白變?cè)O(shè)置的方式進(jìn)行重復(fù)的利用可以達(dá)到吸引注意力，強(qiáng)調(diào)的效果。

2.3 平衡簡(jiǎn)潔。網(wǎng)頁設(shè)計(jì)中視覺效果是一個(gè)重要的因素，在設(shè)計(jì)中為了提升性能參數(shù)就要做到簡(jiǎn)潔化。在設(shè)計(jì)中要綜合功能以及各個(gè)組件結(jié)構(gòu)，要基于網(wǎng)頁功能合理的調(diào)整選擇，在增強(qiáng)設(shè)計(jì)創(chuàng)意性的同時(shí)，保障其簡(jiǎn)潔性。

在進(jìn)行網(wǎng)頁制作中要根據(jù)平衡點(diǎn)合理的設(shè)計(jì)，要做好構(gòu)想通過頁面中各個(gè)板塊合理設(shè)計(jì)，走到那個(gè)和圖片、文字等元素使其保持平衡性。同時(shí)，在設(shè)計(jì)中要根據(jù)網(wǎng)頁的主要內(nèi)容進(jìn)行合理的設(shè)計(jì)分析，在設(shè)計(jì)中要保持平衡性、簡(jiǎn)潔性，增強(qiáng)實(shí)用性，在設(shè)計(jì)中要避免冗余的裝飾破壞中心思想，達(dá)到凸顯網(wǎng)頁結(jié)構(gòu)的目的。

結(jié)束語：在網(wǎng)頁設(shè)計(jì)中要綜合用戶需求合理的設(shè)計(jì)分析，在設(shè)計(jì)中要合理應(yīng)用各種技術(shù)手段進(jìn)行設(shè)計(jì)分析，基于網(wǎng)絡(luò)用戶的需求系統(tǒng)分析，通過與用戶構(gòu)建良好情感的的方式進(jìn)行設(shè)計(jì)可以提升網(wǎng)頁的整體性。

參考文獻(xiàn)：

[1]馬玲.網(wǎng)站設(shè)計(jì)的原則和技術(shù)[J].電子技術(shù)與軟件工程，2017（10）：24-24.

[2]甄鳳其.網(wǎng)頁設(shè)計(jì)中視覺元素的功能與審美性研究[J].電腦編程技巧與維護(hù)，2017（17）：84-86.

[3]駱海玉.網(wǎng)絡(luò)信息時(shí)代高校移動(dòng)網(wǎng)頁的設(shè)計(jì)原則[J].電子技術(shù)與軟件工程，2017（1）：21-21.