如何將網站做的好看一點

本來今天打算寫一篇文章，專門介紹一下 Local Keywords 調研相關的方法，大綱都已經列好了。但昨天凌晨看了一個關于“如何搜索”相關的視頻，給了我一點如何設計優秀網站頁面的靈感。那“Local Keywords 調研”這個話題就往后面放放，這篇文章還是聊聊怎么零成本設計一個好看的網站。

對于像我這樣的“技術直男”來說，網頁的設計這部分是最大的頭疼項。一是因為我是真的不會網頁 UI 設計，更不懂得怎么去搭配色系。二是因為缺乏網頁設計的經驗，雖然有看過不少設計得很好的網站，但是真正到自己實操時，基本都是什么也不會。

所以過去我搭建的網站，都是直接導入一個模板，然后再在這個模板的基礎上修修改改。但是我們在做網頁功能的時候，難免會新增一些原模板上不存在的元素，這時便又犯難了。

正是因為過去這種做法，已經跟不上 AI 時代的潮流了。所以就覺得使用一些畫圖軟件，或者 AI 工具協助我們做網頁設計，就很有必要。比如上圖就是 Canvas 國際版免費提供的網站頁面設計功能，使用這個功能，能很大程度上協助我們做一些很高大上的網頁 UI 設計。

上圖便是我新建的一個網站設計項目，在左側邊欄里，有很多很多不同的網站樣式可以供我選擇。不過這里建議，在選擇頁面模板之前，最好先確定自己網站的主色系。然后再在 Canvas 軟件里根據我們確定的色系來選擇對應樣式的模板，這樣做能節省后續很多工作量。

基本上使用這個功能之后，原來我的 UI 設計瓶頸就很容易突破了。現在我需要做的便是在新啟動一個項目之前，先將各個頁面用 Canvas 設計出來，然后再在 WordPress 上使用編輯器完整做出來即可。

不過這里注意下，在 WordPress 網站上按照設計效果制作網頁時，最好還是在原有網站的結構上進行改動，而非全部推倒重來。其次就是盡量使用一些輕型化的頁面編輯器，至于為什么這么做的原因，在之前網站速度測試那個系列文章里，有著重解釋過，這里便不展開了。

當然，除了 Canvas 這款在線設計軟件外，還有一些 AI 設計工具，能夠一鍵生成整個網站。但是這種做法的缺陷其實也蠻大，并不適合我這種需要進行定制化開發的場景，所以就不推薦了。

適合自己的工具就是好工具，沒有一定之規。我想 Canvas 這款在線設計工具能讓一個完全不會設計的人做出一些有格調的作品出來，已經做的很好了。