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

網站(zhàn)布局

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

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

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

背景畫(huà)面

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

選擇一個(gè)能激發訪問者充分體(tǐ)驗你(nǐ)的網站(zhàn)的背景。

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

手機設計(jì)

不要忘記你(nǐ)的網站(zhàn)必須在移動屏幕上(shàng)看起來(lái)很(hěn)棒。

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

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

空(kōng)間(jiān)分布

不要混亂。

一定要考慮內(nèi)容層次結構，并使用空(kōng)白空(kōng)間(jiān)對站(zhàn)點進行(xíng)播放。

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

配色方案

不要隻根據他們的美麗(lì)來(lái)選擇你(nǐ)的顔色。

做(zuò)聰明(míng)的顔色組合，增強你(nǐ)的內(nèi)容和(hé)品牌。

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

圖像質量

不要滿足于基本的質量，但(dàn)也不要極端。

一定要使用高(gāo)質量的圖片，并為(wèi)你(nǐ)的網站(zhàn)優化它們。

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

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

圖片

不要俗氣。

試着産生(shēng)一個(gè)可(kě)共鳴的氛圍。

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

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

不要把你(nǐ)的網站(zhàn)變成一個(gè)迷幻的70年代的音(yīn)樂視(shì)頻。

一定要使用這些(xiē)元素來(lái)增加你(nǐ)的站(zhàn)點的動作(zuò)。

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

文字內(nèi)容

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

計(jì)劃一個(gè)專注的，優化的和(hé)有(yǒu)針對性的內(nèi)容策略。

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

字體(tǐ)

不要以為(wèi)他們都是一樣的。

做(zuò)一些(xiē)研究字體(tǐ)，以補充你(nǐ)的品牌。

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