經(jīng)驗(yàn)豐富的網(wǎng)站管理員知道，網(wǎng)站的成功與有效性在很大程度上不僅取決于技術(shù)能力，還取決于其視覺部分-設(shè)計(jì)。已經(jīng)證明，質(zhì)量設(shè)計(jì)不充分的網(wǎng)站的統(tǒng)計(jì)數(shù)據(jù)較低（跳出率高，在該網(wǎng)站上花費(fèi)的時(shí)間少，瀏覽量低，點(diǎn)擊率低）。

那么什么是好的設(shè)計(jì)呢？網(wǎng)站設(shè)計(jì)的“好”是什么意思？為了使站點(diǎn)設(shè)計(jì)周到，能干并有效地實(shí)現(xiàn)其目的，需要做什么？

讓我們看一下專業(yè)網(wǎng)站設(shè)計(jì)的10個(gè)因素，這些因素將幫助網(wǎng)站獲得美觀，易于理解，吸引力和后續(xù)效果。

因素一：目標(biāo)

網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是喚起用戶對(duì)所呈現(xiàn)信息的興趣和信心。為此，首先，您需要準(zhǔn)確了解并理解訪問者的意圖（意圖）：網(wǎng)站或特定部分是什么（如果我們要談?wù)撜军c(diǎn)的特定頁(yè)面，那么訪問者最終期望從該站點(diǎn)獲得什么）。畢竟，他是來解決特定問題的，而不僅僅是坐在屏幕上。一個(gè)有用，簡(jiǎn)單且令人愉快的界面將給用戶留下良好的印象，并希望再次回來。

但是主要因素是適合潛在客戶需求的內(nèi)容。通過內(nèi)容與用戶建立通信是Web設(shè)計(jì)的主要目標(biāo)。不將網(wǎng)站設(shè)計(jì)與內(nèi)容聯(lián)系起來考慮是錯(cuò)誤的。

同時(shí)，基于對(duì)用戶興趣的研究和分析，獨(dú)特而高質(zhì)量的內(nèi)容有助于網(wǎng)站在搜索結(jié)果中占據(jù)領(lǐng)先地位。因此，高質(zhì)量的設(shè)計(jì)是稱職的網(wǎng)站開發(fā)和易于實(shí)現(xiàn)用戶目標(biāo)的指標(biāo)之一。

因素二：溝通

來到該網(wǎng)站的訪問者希望快速獲得必要的信息，因此專業(yè)人員知道應(yīng)該清楚，結(jié)構(gòu)化且易于閱讀。

信息的有效性可以通過使用標(biāo)題，子標(biāo)題，突出顯示的單詞，項(xiàng)目符號(hào)列表，引號(hào)來實(shí)現(xiàn)。太長(zhǎng)和復(fù)雜的句子很難理解。專業(yè)人士在開發(fā)網(wǎng)站設(shè)計(jì)時(shí)總是嘗試將自己呈現(xiàn)在普通用戶的位置。

太大的文本，每個(gè)段落之間沒有空格，很難感知信息，因此，用戶將直接離開您的網(wǎng)站而不評(píng)估內(nèi)容。

網(wǎng)站上的導(dǎo)航復(fù)雜，頁(yè)面上信息位置的不便也會(huì)產(chǎn)生負(fù)面影響。結(jié)構(gòu)越簡(jiǎn)單，越清晰，針對(duì)目標(biāo)受眾問題的解決方案就越現(xiàn)實(shí)。

因素三：印刷

簡(jiǎn)而言之，它是使用易于閱讀的字體和頁(yè)面上可接受的文本位置。較大的字體標(biāo)題，不同的字母樣式以及方便的文本位置標(biāo)題將使頁(yè)面構(gòu)成的感知變得非常有趣。

了解和理解字體，您不僅可以通過文本的內(nèi)容，還可以通過其圖形設(shè)計(jì)來傳達(dá)內(nèi)容的概念。但這并不意味著完全可以濫用字體。最好使用1-2種字體，最多使用2-3種字體，并在適當(dāng)?shù)牡胤綉?yīng)用它們。

為正文選擇一個(gè)清晰易讀的字體，例如Aria?l或Verdana。排版基于對(duì)讀者對(duì)打字的理解的研究，并具有自己的規(guī)則和規(guī)定，其應(yīng)用將有助于避免在創(chuàng)建網(wǎng)頁(yè)設(shè)計(jì)時(shí)出現(xiàn)常見錯(cuò)誤。

因素四：顏色

頁(yè)面的配色方案還可以確定對(duì)網(wǎng)站的情感反應(yīng)。根據(jù)研究，絕大多數(shù)人決定在一分鐘半內(nèi)購(gòu)買產(chǎn)品。而且，這種決定主要基于用戶看到的色域的感知。您是否注意到綠色環(huán)保產(chǎn)品和奢侈品牌（黑色）？

專業(yè)人士負(fù)責(zé)背景顏色或網(wǎng)站各種元素的組合。色彩的平衡與和諧的相互結(jié)合，對(duì)于文本或背景使用對(duì)比色極大地促進(jìn)了感知和閱讀。不同的陰影會(huì)產(chǎn)生不同的感覺，并且通過掌握顏色理論，您可以創(chuàng)建吸引游客的美麗而有效的顏色組合。

因素五：圖像選擇

資料來源：aif.ru

一位專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師知道，有時(shí)只有一個(gè)圖像可以代替一千個(gè)單詞的文本，選擇正確的圖像有助于影響目標(biāo)受眾并促進(jìn)品牌推廣。攝影是使您的網(wǎng)站與眾不同并成為一個(gè)偉大網(wǎng)站的絕佳工具。人們不能忽視頁(yè)面上信息圖表，視頻，插圖和其他技術(shù)的使用，這甚至比最有才華的文本可能帶來更多的效果。

因素六：站點(diǎn)導(dǎo)航

方便的導(dǎo)航應(yīng)該在任何網(wǎng)站上。令人困惑的眾多轉(zhuǎn)換只會(huì)使用戶感到迷惑，并且不會(huì)幫助他找到所需的信息。因此，導(dǎo)航系統(tǒng)被認(rèn)為是便利資源的主要標(biāo)準(zhǔn)。為了有效地工作，使用了菜單，徽標(biāo)，圖標(biāo)，“面包屑”，網(wǎng)站頁(yè)腳和可單擊的按鈕。

還有基于復(fù)雜技術(shù)的非標(biāo)準(zhǔn)導(dǎo)航：3D圖像，360度旋轉(zhuǎn)，視頻等。但是，通常，這樣的站點(diǎn)對(duì)用戶來說是不清楚的和可訪問的。當(dāng)訪客通過三次單擊找到必要的信息時(shí)，存在所謂的“三次單擊”規(guī)則。因此，他將能夠快速實(shí)現(xiàn)自己的目標(biāo)并隨后返回資源。

要素七：模塊化網(wǎng)格

資料來源：medium.com

該術(shù)語(yǔ)表示以什么方案將其所有元素和塊都放置在站點(diǎn)上。一種創(chuàng)建視覺秩序并促進(jìn)感知的框架。凌亂的內(nèi)容會(huì)產(chǎn)生草率的外觀，并且不會(huì)引起注意。節(jié)，列，塊的邏輯行更加用戶友好。

無(wú)論選擇哪個(gè)CMS或網(wǎng)站構(gòu)建器作為您網(wǎng)站的平臺(tái)，它都將具有清晰的頁(yè)面視覺結(jié)構(gòu)。它可以是端到端的（所有頁(yè)面相同），也可以是不同類型的頁(yè)面不同。因此，對(duì)于商業(yè)網(wǎng)站和在線商店，通常使用在主要內(nèi)容部分的右側(cè)或左側(cè)帶有“側(cè)面寬度”塊的結(jié)構(gòu)。博客可能沒有端到端的框，通常僅限于居中的內(nèi)容。

研究表明，大多數(shù)人首先關(guān)注屏幕的頂部和左側(cè)。這意味著準(zhǔn)確地在這些職位上提交信息將更加有利可圖。網(wǎng)格有助于快速開發(fā)布局，節(jié)省創(chuàng)建時(shí)間，簡(jiǎn)化整個(gè)網(wǎng)站創(chuàng)建者團(tuán)隊(duì)的工作。

因素八：下載速度

當(dāng)站點(diǎn)需要很長(zhǎng)時(shí)間才能加載時(shí)，沒人會(huì)喜歡它。除了引人注目的設(shè)計(jì)之外，該網(wǎng)站還應(yīng)快速加載。研究人員的分析表明，一半的用戶希望網(wǎng)站在3秒內(nèi)加載。

訪客離開頁(yè)面需要很長(zhǎng)時(shí)間才能加載，而無(wú)需等待結(jié)果。因此，專業(yè)的SEO優(yōu)化器知道可以通過優(yōu)化圖像大小和比例，最小化頁(yè)面長(zhǎng)度并減少圖形工具來實(shí)現(xiàn)快速加載。加載的元素也會(huì)影響下載速度：計(jì)數(shù)器，告密者，音樂屏保等。

加載對(duì)于搜索引擎也很重要，因?yàn)樗谕茝V網(wǎng)站時(shí)會(huì)考慮網(wǎng)站的加載速度?？焖偌虞d頁(yè)面的排名高于慢速頁(yè)面。

因素九：在瀏覽器中顯示

新手設(shè)計(jì)師經(jīng)常沒有考慮到用戶從不同瀏覽器查看其站點(diǎn)這一事實(shí)。這意味著在每個(gè)瀏覽器中，該網(wǎng)站可能無(wú)法正常運(yùn)行或顯示為丑陋。原因是HTML語(yǔ)言不同。

因此，經(jīng)驗(yàn)豐富的Web設(shè)計(jì)人員將始終檢查該頁(yè)面是否具有跨瀏覽器兼容性，即在不同瀏覽器中是否具有相同的顯示。為了測(cè)試資源的運(yùn)行，有許多具有適當(dāng)測(cè)試和設(shè)置的服務(wù)。

因素十：適應(yīng)性

資料來源：uxpapa.ru

長(zhǎng)期以來，我們的生活充滿了各種小玩意：手機(jī)，平板電腦，電視，筆記本電腦，計(jì)算機(jī)。他們每個(gè)人都有不同的屏幕尺寸。因此，您的網(wǎng)站應(yīng)針對(duì)每個(gè)網(wǎng)站量身定制。這是為了什么

首先，為了在任何設(shè)備上為任何用戶提供資源并正確顯示資源。

其次，移動(dòng)設(shè)備的用戶數(shù)量已大大增加，因此不能忽視他們，您需要提供機(jī)會(huì)方便地使用您的資源。存在移動(dòng)版本的網(wǎng)站，但它們明顯不如自適應(yīng)網(wǎng)站。

第三，搜索引擎開始積極推廣適用于移動(dòng)設(shè)備的網(wǎng)站。響應(yīng)式網(wǎng)站的創(chuàng)建使用某些技術(shù)完成，無(wú)論屏幕分辨率如何，這些技術(shù)都將有助于在不同設(shè)備上顯示網(wǎng)站。

好的網(wǎng)站設(shè)計(jì)與業(yè)余網(wǎng)站設(shè)計(jì)的不同之處在于，它使用有效的功能性原理來幫助使網(wǎng)站變得有趣，有用，對(duì)訪問者有吸引力并且在搜索引擎排名中排名很高。