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

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

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

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

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

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

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

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

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