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

網站(zhàn)布局

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

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

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

背景畫(huà)面

不要選擇讓人分心的背景。

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

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

手機設計(jì)

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

将圖像、文(wén)本和(hé)其他(tā)組件優化到(dào)可移動浏覽。

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

空(kōng)間分布

不要混亂。

一定要考慮内容層次結構，并使用(yòng)空(kōng)白(bái)空(kōng)間對(duì)站(zhàn)點進行播放(fàng)。

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

配色方案

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

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

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

圖像質量

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

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

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

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

圖片

不要俗氣。

試着産生一個可共鳴的氛圍。

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

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

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

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

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

文(wén)字内容

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

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

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

字體

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

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

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