top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

作家相片客服 WixTW

5個專業網站設計的技巧



一個好的網站無法單靠引人注目的設計或發人深省的內容而取得成功,它需要同時可以為你的網站提供用戶體驗和實際的功能作用,而在乍看之下又容易被清楚地理解。

Wix設計師們彼此調侃的一句話:“美麗等同於滑鼠的眼睛。”

我們理解不同的人喜歡不同的風格,這意思是你在選擇網站外觀的時候,並沒有什麼基本規則要遵循。

這裡有5個快速技巧,以確保您朝著正確的方向前進,並且不會讓客戶失望。

01.保持你的首頁簡約大方

我們很少閱讀網站上的每個字。相反地,我們會快速掃讀頁面,挑選關鍵字和句子。考慮到這些已知的行為,最好能感染心情而不是算字數。如果看到你網站的瀏覽者,他們所必需閱讀,點擊或記住,那請幫助他們的大腦較輕易地處理資訊和評估,這使得他們更有可能在第一時間做出判斷。當然,文字和CTA(CTA介紹)是必要的,但請確保使用更大的副標題和清晰的段落將其分開。我們還建議使用圖像或圖標替代大量的文字來表達你的觀點。


"一張有用的圖片,勝過千言萬語。"

02.考量到視覺層次結構設計

隨著電腦螢幕和智慧型手機的發展,顯示訊息的技術不斷更新,設計師的工作仍然是以清晰的方式表達內容。你只需花幾秒鐘就可以吸引別人的注意力,並告訴他們你的網站是什麼。如果你為自己的訊息建立了清晰的層次結構,讀者就會無意識地跟隨你留給他們的瀏覽紀錄。然後使用顏色,對比度,大小和間距做進一步標示,請記住吸睛的網站都是有經過策劃的。我們在創造有力的視覺層次結構時,發現最佳設計元素之一如下圖的橫狀區域,有助於將你的網站組織變得清晰易懂。


橫狀區域是常被使用的呈現亮點的手法

03 做出簡單易懂的網站內容

“易讀性”可測出人們認識文字內容的簡易程度。當你的網站內容容易被理解,用戶將能夠有效地掃讀你的網站並在文字中接收訊息而不需要花太多心思。

要達到網站的易讀性相對簡單;嘗試以下關鍵原則:

1)對比度是關鍵

在文字和背景之間保持足夠的對比非常重要,這樣文字就很清晰了。你很可能精心挑選了屬於你的品牌標識的顏色,並且應在你的網站上顯示。自由地放顏色,也不會為了網站的創意性而犧牲它的可讀性。

2)太小的字看不到!

早期的網站有小字體,但隨著時間的推移,人們意識到12pt字體難以在線上閱讀。當螢幕距離人的臉部有24英寸時,大多數人都很難看得到較小的字體。你將在網絡上看到的典型經驗法則是保持內文至少有16pt的大小。這是一個很好的起點,但請記住,這個數字完全取決於你所使用的字體,我們常用的微軟正黑體符合這個通則。

3)不要用超過3種以上的字型

通常,不要在一個網站中使用三種以上的不同字體。 有些項目可能需要更精細的字體組合,但如果你選擇使用各種字體,整體效果應該是和諧的,而不是雜亂無章。


04.需要清楚的網站導覽

具有可靠導覽功能的網站可幫助搜索引擎將你的內容編入索引,同時提升瀏覽者的體驗:你可以將網站做的很酷炫,但請不要輕易捨棄網站導覽,如menu,不要讓訪客在逛網站時有不知道從何著手的尷尬。

1) 將你的商標鏈接到你的主頁:這是你的訪客習慣用的常見手法,並會為他們節省一些寶貴的點擊次數。 如果你沒有,那麼這是一個很棒的工具,你可以使用它來創造商標作為品牌推廣工作的一部分。

2) 注意你的選單:它應該位於你網站的上層(在標題裡),並根據每一區重要的部分進行規劃。

3) 提供一些垂直導覽:如果你的網站屬於上下滾動類型,請嘗試使用固定選單。只需點一下,使用者就能快速返回到首頁,向下到底或直接返回到網站的任何地方。

4) 頁面註腳:你的頁面註腳可能是你網站上最後一個看到的東西,所以記得在那裡包含所有重要的鏈接。這可能包括縮短版的選單,社交圖標以及訪客可能需要的其他重要鏈接像是(使用條款/常見問題解答/聯絡人/部落格等等)。

05.保持行動友善

我們生活在行動裝置的社會裡,訪客在移動的時間,進入我的網站是否看到的是適合手機瀏覽的視覺?

Wix會自動為你的網站創造適合行動友好裝置的版本,以便你可以跟得上行動裝置的世界。務必將自己置於用戶的立場,測試每個頁面,用戶操作和按鈕。


最後一個秘訣:永遠不要停止尋找靈感! 在網頁設計方面,靈感是創作過程中的重要組成部分。 我的建議是,多觀看其他設計師的作品。


bottom of page