網(wǎng)站不能僅僅通過引人注目的設(shè)計(jì)或發(fā)人深省的內(nèi)容取得成功。它需要有一種風(fēng)格,可以為您的網(wǎng)站的用戶體驗(yàn)和功能提供反饋,而在第*眼看上去就很容易理解,下面是小編為大家?guī)淼膶I(yè)網(wǎng)站的關(guān)鍵網(wǎng)頁設(shè)計(jì)技巧,希望對大家有所幫助,接下來讓我們一起來了解一下吧。
網(wǎng)站不能僅僅通過引人注目的設(shè)計(jì)或發(fā)人深省的內(nèi)容取得成功。它需要有一種風(fēng)格,可以為您的網(wǎng)站的用戶體驗(yàn)和功能提供反饋,而在第*眼看上去就很容易理解。
你知道他們總是說,“美在眼睛所示的鼠標(biāo)按下?!拔覀冎啦煌娜讼矚g不同的風(fēng)格,但這并不意味著在決定網(wǎng)站外觀的時(shí)候,你應(yīng)該遵循一些基本規(guī)則?!?br />
這里有5個小貼士,可以確保你的方向是正確的,并且不會讓顧客離開:
1.保持主頁簡約,無雜亂
我們很少在網(wǎng)站上閱讀每一個字。相反,我們快速瀏覽網(wǎng)頁,挑出關(guān)鍵字和句子。考慮到這些已知的行為,*好是訴諸情感而不是文字計(jì)數(shù)。在你的網(wǎng)站上瀏覽的人越少,點(diǎn)擊或記住,他們就越能更好地處理和評估他們面前發(fā)生的事情。這使得他們更有可能做你想讓他們做的事情。當(dāng)然,文本和號召行動是必要的,但一定要用更大的副標(biāo)題和清晰的段落來打破它們。我們也建議使用圖片或圖標(biāo)來表達(dá)你的觀點(diǎn)。
2.設(shè)計(jì)時(shí)考慮視覺層次
我們已經(jīng)在石碑上走了很長一段路了。隨著電腦屏幕和智能手機(jī)的出現(xiàn),隨著信息顯示技術(shù)的不斷發(fā)展,設(shè)計(jì)師的工作仍然是清晰地安排內(nèi)容。你只有幾秒鐘的時(shí)間來吸引別人的注意力,告訴他們你的網(wǎng)站是什么。如果你為你的信息建立了一個清晰的層次結(jié)構(gòu),讀者就會情不自禁地跟著你留給他們的面包屑。然后應(yīng)用顏色、對比度、大小和間距來進(jìn)一步強(qiáng)調(diào),保持對頁面上吸引注意力的注意,并確保它總是有意的。我們發(fā)現(xiàn)創(chuàng)建一個強(qiáng)大的視覺層次結(jié)構(gòu)的*佳設(shè)計(jì)元素之一是:這些將有助于將您的網(wǎng)站組織成清晰易讀的內(nèi)容。
3.創(chuàng)建易于閱讀的網(wǎng)站內(nèi)容
“可讀性”衡量人們識別單詞、句子和短語的容易程度。當(dāng)您的站點(diǎn)的可讀性很高時(shí),用戶將能夠地掃描您的站點(diǎn)并在文本中不費(fèi)力地獲取信息。
實(shí)現(xiàn)網(wǎng)站可讀性比較容易;試試這些關(guān)鍵的規(guī)則:
對比是關(guān)鍵
在文本和背景之間有充分的對比是非常重要的,這樣文本就很清楚了。你*有可能選擇的顏色是你的品牌身份的一部分,他們應(yīng)該在你的網(wǎng)站上代表。自由地玩顏色,不要犧牲可讀性。
你看不見你看不到的東西
早期的網(wǎng)站有小字體,但隨著時(shí)間的推移,人們意識到12pt字體很難在網(wǎng)上閱讀。當(dāng)屏幕離某人的臉只有24英寸時(shí),大多數(shù)人都很難看到更小的字體。你在網(wǎng)上看到的一個典型的經(jīng)驗(yàn)法則是保持你的肢體語言至少16 pt。這是一個很好的起點(diǎn),但要記住,這個數(shù)字完全取決于你使用的字體。
襯線和無襯線字體
你可能不會選擇你的家庭,但你會選擇你使用的字體類型。Serifs是一些字體在字母的末端有一些突出的點(diǎn)或線,例如,Times New Roman,來自Serif字體家族。Sans Serif字面意思是“沒有襯線”。這些字體通常是在線文本的*佳選擇——就像你目前正在閱讀的。邊注:我們知道腳本字體(那些看起來像字跡的字體)真的很酷,所有的花哨的曲線和東西,但是請考慮你的訪客的眼睛——給他們一個休息!
有太多的字體
一般來說,在一個網(wǎng)站上不要使用超過三種不同的字體。有些項(xiàng)目可能需要更復(fù)雜的字體組合,但如果你選擇使用各種字體,整體效果應(yīng)該是和諧的,而不是混亂的。
4.確保你的網(wǎng)站很容易導(dǎo)航
也許你的設(shè)計(jì)是為了打破常規(guī),但是網(wǎng)站導(dǎo)航并不是一個前衛(wèi)的地方。在瀏覽你的網(wǎng)站時(shí),不要給訪問者發(fā)送一個疲憊的搜索結(jié)果。一個有堅(jiān)實(shí)導(dǎo)航的網(wǎng)站幫助搜索引擎索引你的內(nèi)容,同時(shí)提高觀眾的體驗(yàn):
把你的logo鏈接到你的主頁上:這是你的訪客習(xí)慣的慣例,并將為他們節(jié)省一些珍貴的點(diǎn)擊。
注意你的菜單:它應(yīng)該在你的網(wǎng)站的頂部(在標(biāo)題欄),并根據(jù)每個部分的重要性進(jìn)行結(jié)構(gòu)化。
提供一些垂直導(dǎo)航:如果你的站點(diǎn)是長滾動的,嘗試使用一個錨菜單。只要點(diǎn)擊一下,觀眾就可以快速返回到頂部,下到底部,或者直接到網(wǎng)站的任何部分。
在你的頁腳上工作:你的頁腳可能是你的網(wǎng)站上看到的最后一件事,所以記住把所有重要的鏈接都包含在你的網(wǎng)站上。這可能包括你的菜單的縮短版本,社會圖標(biāo)和其他重要的鏈接(使用的術(shù)語/ FAQ /聯(lián)系/博客等)你的訪客可能需要。
保持你的重要內(nèi)容“超越折疊”:這不是一個“導(dǎo)航”技巧,但它對這個問題仍然很重要。記住,你的訪客應(yīng)該了解你的網(wǎng)站的內(nèi)容,而不需要滾動。
5.保持移動友好
我們生活在一個移動的社會里,這使得我們有必要問一個問題:當(dāng)訪問者訪問我的網(wǎng)站時(shí),他們看到了什么?不要害怕!Wix自動為你創(chuàng)建了一個移動友好型站點(diǎn),這樣你就可以與日益移動的世界同步。一定要把自己置于用戶的位置,并測試每個頁面、用戶操作和按鈕。如果你想確保你的移動網(wǎng)站卻開足了馬力,看看我們的手機(jī)網(wǎng)站的*佳實(shí)踐。