提升網頁設計技能的 13 個快速技巧

設計公司網站可能是一項具有挑戰性的任務。 您必須兼顧許多利害關係人的期望，並且經常會遇到阻礙新想法出現的障礙。

我在一家大公司網站擔任設計經理近六年，在那段時間裡，我發現自己失去了對目標受眾真正需求的認識。 稱之為「隧道視野」。 當您在同一個網站上工作時，退一步思考新方法通常會有所幫助。 這就是這篇文章的目的。

以下是創建出色網站設計的一些提示、技巧、快捷方式和一般建議。 您可以嘗試其中任何一個來將您的網頁設計提升到一個新的水平嗎？

1）用灰色陰影進行設計，然後添加顏色

如果您的網頁設計師在視覺設計之前創建線框，那麼您就會知道從灰色陰影開始的價值。 將您的線框轉變為灰階視覺設計，添加您的攝影，然後一次仔細地為設計元素添加顏色。

這將防止網站“過度設計”，並有助於僅突出需要的項目。

2）使用Keynote（Mac）快速建立頁面原型

您不需要 Photoshop 即可建立網頁、登陸頁面、號召性用語或其他 Web 介面元素的快速原型。 圍繞著使用 Keynote（Apple 版本的 PowerPoint）創建模型，存在著完整的地下運動。

甚至還有一個 線上儲存庫 包含用於在 Keynote 中進行線框圖、原型設計以及測試行動和 Web 應用程式的使用者介面設計範本。

3) 將網頁字體加入您的企業風格指南中

現在是 2015 年，如果您的公司風格指南不包含網頁字體，那麼您需要考慮添加這些字體，以便您的網站具有與公司文件和宣傳材料相同的治理。

如果你還沒研究過這個， 谷歌字體 是一個很好的起點。 找到合適的網頁字體並在公司風格指南中定義用法，以便您在網路上一致使用它

4）埋葬那些社群媒體偶像

您做了所有工作來吸引人們造訪您的網站，但您卻邀請他們離開？ 當您將社交媒體圖示放置在網站的顯著位置（例如標題中）時，您就是在這樣做。 將圖示埋在頁腳中。

如果人們造訪您的網站，您希望他們留下來、了解並可能詢問您的服務，而不是查看 Facebook 上的公司野餐照片和保齡球郊遊。 社群媒體應該將人們引導到您的網站，而不是相反。

5）放棄幻燈片/輪播

當主頁幻燈片/圖像輪播開始流行時，這是一種在網站首頁獲取大量資訊的方法。 問題是大多數人在頁面上停留的時間不夠長，無法體驗所有的圖塊/訊息。

更重要的是，這些訊息和圖像通常與潛在客戶的第一次訪問無關。 訪客應該從網站訪問中帶走什麼？ 宣傳一件事——通常是你的公司用外行的話來說所做的事——然後放棄其餘的。

6) 簡化導航

減少訪客的選擇可能看起來違反直覺，但它實際上可以幫助引導人們存取您最有成效的內容。 不要用每個頁面的連結淹沒您的網站訪客，而是簡化您的導航。

消除下拉式選單，尤其是只有最熟練的滑鼠使用者才能導航的多層下拉導航，並進一步減少網站標題或側邊欄中的連結數量。

7) 刪除側邊欄

在過去的十年裡，側邊欄一直是特別流行的網頁設計趨勢，尤其是在部落格上。 許多公司發現，當他們從部落格中刪除側邊欄時，會鼓勵讀者專注於文章以及最後的號召性用語。

刪除公司部落格上的側邊欄後，號召性用語圖形的點擊次數增加了 35% 以上。

嘗試透過查看 Envato 市場上的新內容中心主題集合來實施此策略。

8）從大自​​然中獲取色彩靈感

正在努力尋找適合您的網站或號召性用語圖形的完美顏色組合嗎？ 從大自然中獲取靈感。 您可以使用自己的相機拍攝周圍的自然奇觀，也可以在網路上找到風景照片，然後使用顏色選擇器選擇顏色。 大自然的調色板永遠不會失敗。

9）遠離電腦

我相信好的設計始於優秀的規劃。 將您的想法寫在紙上或白板上可以幫助您迭代設計、完善設計並在設計過程中添加細節。 在白板上繪圖還可以使設計過程具有協作性，並允許其他團隊成員提供意見。

您也可以輕鬆地從紙上擦掉鉛筆或從白板上擦掉記號筆並進行快速更改，一旦您有了具體的工作內容，就可以用手機拍張照片並開始在螢幕上工作。

10) 使用 Pinterest 建立情緒板

當您為新網站收集靈感和想法，或重新設計網站的一部分時，您需要一種方法將靈感收集在一個地方以供將來參考。

您是否知道可以使用 Pinterest 創建您最喜歡的圖像、顏色、佈局、圖案、範例網站和概念材料的情緒板？ 使用 Pinterest 的另一個巨大優勢是其他設計師也可以創建和分享情緒板，並且他們已經策劃了大量可供您使用的資源。

11）增加字體大小

版式在網頁設計中非常重要。 文字在電腦螢幕上很難閱讀，因此您必須突出顯示重要的內容。

一種方法是增加字體大小，尤其是標題和重要文字區塊。 也可以考慮增加普通字體的大小。

12）使用空白

可能很難相信使用空格是一種駭客行為，但我每天都會評估可以使用更多空格的網站。 並非螢幕的每個空白區域都需要填滿。

儘管留白和簡潔現在很流行，但太多公司試圖將所有內容塞進一個小空間，或者更糟的是，「在首屏」。 給您的設計空間以呼吸，您的網站訪客將能夠更輕鬆地找到東西。

13）使用斜視測試

想要快速了解您網站上最突出的內容嗎？ 遠離電腦螢幕並瞇起眼睛。 大多數東西都會變得模糊，只有更大、色彩更豐富、更突出的特徵才會被注意到。

據說這種技術可以幫助設計師了解首次訪客在掃描您的網站時可能會注意到的內容。 訪客會注意到最重要的是什麼嗎？

雖然這是一篇關於小設計技巧的大型部落格文章，但我確信您有一些我在這裡沒有想到的技巧。 你最喜歡的設計技巧是什麼？ 為什麼不在下面的評論中分享呢？ 讓我們看看你能添加多少個！