在你開始設計自己的(de)網站之前，我們想向你介紹幾個(gè)網頁設計原則，這(zhè)些原則可(kě)以在你的(de)網站的(de)整體外觀和(hé)性能上産生很大(dà)的(de)影(yǐng)響。記住這(zhè)些，不要想著(zhe)要避免網頁設計的(de)陷阱，并在你的(de)網站上做(zuò)出明(míng)智的(de)選擇。

網站布局

不要試圖重新發明(míng)輪子。

使用(yòng)用(yòng)戶體驗标準來(lái)确保友好浏覽。創造力是一件偉大(dà)的(de)事情，但你不希望它在你和(hé)強大(dà)的(de)網絡存在之間出現。

當你組織網站的(de)布局時(shí)，遵循用(yòng)戶體驗推薦(即用(yòng)戶體驗)，以确保你的(de)訪問者能順利浏覽網頁。網站不是尋寶。确保網站的(de)導航清晰直觀;所有可(kě)點擊的(de)項目(鏈接，按鈕)都是簡單易懂(dǒng)的(de)，你的(de)網站訪客不需要到處尋找他(tā)們需要的(de)東西。

背景畫(huà)面

不要選擇讓人(rén)分(fēn)心的(de)背景。

選擇一個(gè)能激發訪問者充分(fēn)體驗你的(de)網站的(de)背景。

有一個(gè)我們稱之爲“背景”的(de)原因——它應該是美(měi)麗的(de)，但不太占主導地位。無論你是用(yòng)載體、照(zhào)片、視頻(pín)還(hái)是其他(tā)類型的(de)視覺，确保你的(de)網站背景不會分(fēn)散你網站的(de)主要目的(de)。背景是産生一種氛圍，進一步提升你的(de)品牌和(hé)支持浏覽體驗。哦，還(hái)有最後一條建議(yì):确保你在背景和(hé)文字之間有強烈的(de)對(duì)比。畢竟，目的(de)是突出你的(de)信息——而不是剝奪它。

手機設計

不要忘記你的(de)網站必須在移動屏幕上看起來(lái)很棒。

将圖像、文本和(hé)其他(tā)組件優化(huà)到可(kě)移動浏覽。

使用(yòng)Wix的(de)移動編輯器建立一個(gè)移動版本的(de)網站，它看起來(lái)和(hé)功能和(hé)全屏幕一樣好。從調整你的(de)背景圖像到定制你的(de)設計和(hé)文字，你可(kě)以讓你的(de)網站的(de)移動版本完全屬于你自己。

空間分(fēn)布

不要混亂。

一定要考慮内容層次結構，并使用(yòng)空白空間對(duì)站點進行播放。

浏覽一個(gè)優秀的(de)網站就像吃(chī)一頓大(dà)餐。不管食物(wù)有多(duō)好吃(chī)，沒有人(rén)希望你把它塞進嘴裏，而不給它們咀嚼和(hé)享受的(de)機會!當你設計你的(de)網站時(shí)，确保你不會過分(fēn)擁擠在屏幕上的(de)内容。太多(duō)的(de)時(shí)候，意味著(zhe)你的(de)訪客将不可(kě)避免地錯過一些東西。使用(yòng)足夠的(de)空白空間(沒有任何内容的(de)空間)來(lái)創建站點元素之間的(de)良好流。

配色方案

不要隻根據他(tā)們的(de)美(měi)麗來(lái)選擇你的(de)顔色。

做(zuò)聰明(míng)的(de)顔色組合，增強你的(de)内容和(hé)品牌。

顔色在網頁設計中很重要。事實上，顔色對(duì)網站訪問者的(de)心理(lǐ)影(yǐng)響确實會影(yǐng)響他(tā)們對(duì)網站的(de)整體體驗，以及他(tā)們對(duì)你的(de)品牌的(de)看法。這(zhè)就是爲什(shén)麽你不能根據你喜歡的(de)顔色随意組合來(lái)建立你的(de)配色方案。閱讀色彩理(lǐ)論，了(le)解不同顔色如何相互作用(yòng)。在你的(de)網站的(de)調色闆上做(zuò)出明(míng)智的(de)選擇，你的(de)網站會給你一個(gè)很棒的(de)在線展示。

圖像質量

不要滿足于基本的(de)質量，但也(yě)不要極端。

一定要使用(yòng)高(gāo)質量的(de)圖片，并爲你的(de)網站優化(huà)它們。

你想讓網站訪問者認真對(duì)待你嗎?你想作爲專業人(rén)士得(de)到尊重嗎?你想讓你的(de)聽(tīng)衆對(duì)你的(de)産品、你的(de)品牌或你的(de)組織感到興奮嗎?然後在這(zhè)個(gè)問題上沒有妥協——确保你的(de)網站圖片和(hé)照(zhào)片是高(gāo)質量的(de)。不過，别就此放棄。使用(yòng)裁剪和(hé)過濾器來(lái)進一步優化(huà)你的(de)圖像，得(de)到正确的(de)外觀。

此外，您應該确保您的(de)圖像不太重，并尊重web标準。這(zhè)裏有一個(gè)關于如何爲你的(de)網站優化(huà)圖片的(de)完整指南(nán)。

圖片

不要俗氣。

試著(zhe)産生一個(gè)可(kě)共鳴的(de)氛圍。

在過去的(de)日子裏，一個(gè)完美(měi)的(de)超級模特家庭的(de)微笑(xiào)和(hé)一種奇怪的(de)相似的(de)時(shí)尚感被認爲是商業和(hé)品牌的(de)有效的(de)主持人(rén)。你的(de)網站訪問者更願意建立信任和(hé)與網站的(de)互動，以迎合真實的(de)人(rén)的(de)需求，就像他(tā)們自己一樣。讓他(tā)們在家裏感受他(tā)們可(kě)以與之相關的(de)人(rén)物(wù)和(hé)場(chǎng)景的(de)照(zhào)片。

gif動畫(huà),和(hé)影(yǐng)響

不要把你的(de)網站變成一個(gè)迷幻的(de)70年代的(de)音(yīn)樂(yuè)視頻(pín)。

一定要使用(yòng)這(zhè)些元素來(lái)增加你的(de)站點的(de)動作。

我們喜歡動畫(huà)gif和(hé)有趣的(de)效果，就像下(xià)一個(gè)人(rén)一樣。我們不喜歡的(de)是進入一個(gè)看起來(lái)像是動畫(huà)僵屍末日的(de)網站。沒有地方可(kě)以躲避他(tā)們!當涉及到動畫(huà)和(hé)效果(如文本效果或圖像效果)時(shí)，适度是首要的(de)原則。優雅地使用(yòng)它們，你就有了(le)一個(gè)充滿活力的(de)動态網站。過度使用(yòng)它們，你的(de)網站就會變得(de)孤獨。

文字内容

不要讓你的(de)意識流接管。

計劃一個(gè)專注的(de)，優化(huà)的(de)和(hé)有針對(duì)性的(de)内容策略。

你的(de)網站文本是你作爲網站所有者的(de)一些最偉大(dà)的(de)資産。他(tā)們不僅爲訪客提供了(le)一種方向感，他(tā)們還(hái)爲你提供了(le)一個(gè)很好的(de)平台來(lái)提升你的(de)品牌和(hé)信息，并爲搜索引擎優化(huà)你的(de)網站。爲了(le)從你的(de)書(shū)面内容中獲得(de)最大(dà)的(de)收獲，你必須從戰略的(de)角度來(lái)看待它。完善你的(de)文本，以達到一個(gè)清晰而有力的(de)信息，與你的(de)目标市場(chǎng)産生共鳴。用(yòng)正确的(de)詞彙來(lái)表達正确的(de)語氣;要簡潔，但不要太含糊;以一種鼓勵你的(de)網站訪問者停留和(hé)浏覽你的(de)網站的(de)方式來(lái)寫作。

字體

不要以爲他(tā)們都是一樣的(de)。

做(zuò)一些研究字體，以補充你的(de)品牌。

你可(kě)能認爲字體隻對(duì)設計書(shū)呆子很有趣。好的(de),再想想。作爲一個(gè)網站所有者，你需要對(duì)字體的(de)工作有一定的(de)了(le)解，這(zhè)樣你就可(kě)以爲你的(de)網站選擇合适的(de)字體。不同的(de)字體可(kě)以産生不同的(de)心理(lǐ)或文化(huà)聯想，因此可(kě)以産生特定的(de)氛圍。你的(de)字體選擇應該加強你網站的(de)整體品牌信息，而不是與之相抵觸。