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

資訊集合

News & Insights

設計模版快速上手,三步驟變成自家品牌網站-台灣特色美食

已更新:2021年12月16日


我們建議,先依照模版的框架填入對應的內容與依照下列步驟調整,完成網站的初版。在執行期間便能熟悉工具,越來越有自信。接著再來思考,在現有的版本建構什麼需要的內容,每個人的注意力都有限,請不要把所有的想法與內容都放上網站,精簡才是王道。


至於整個網站大改版?在經歷過上述流程後,你會知道什麼時候是最佳改版時間。接著就讓我們開始介紹如何三步驟快速把模版變成自家品牌吧!



關於模版的原始內容:

適合用戶:小型餐廳、小吃店,有想法的餐飲產業。

現有風格:年輕現代風格,對比感受強烈,有個性。


👉 Tips:進入模板之後,先快速逛一下,並思考目前框架所需的內容。





第一步:調整符合品牌個性的顏色


進入模板的第一件事是挑選適合自家個性品牌的顏色,可從圖片中的工具選擇。


這邊會有兩個思考的地方:

  1. 如果我的品牌、產品或服務擬人化後,會是什麼樣的個性?

  2. 我的個性適合搭配什麼顏色?


個性的部分,通常小型事業體或公司多會是創辦人個性的展現與延伸,所以可以詢問朋友如何敘述有關你的個性關鍵字,如:熱情、友善、有想法等等。如果是想塑造有市場性差異的品牌個性,也可以更深入探討此篇文章:





您也可以參考以下顏色及所對應的含義及相關參考的品牌,從個性關鍵字開始設定您的顏色。



👉 Tips:顏色設定需分主色與輔助色,模版中的顏色2跟3通常是主色,其他則是輔助色。


主色是大量應用在畫面上的顏色,通常不會超過2個,輔助色則是部分點綴使用。通常顏色搭配時感覺對比越強烈時,比較適合較活潑或情緒高昂的品牌。如您的個性是較為穩定或優雅,就可使用單一的顏色。





第二步:調整符合品牌調性的字體


第二個步驟是調整字體。由於Wix本身並無內建中文字體,所以只能從內建的英文字體來挑選所呈現的中文字體。如想使用像圓體或是書法字體的部分,也可以Google Fonts下載需要的字體後再上傳到Wix網站上。


選擇字體時同樣需要思考到所屬品牌個性說話談吐時,會如何來說話?

同樣會有兩個思考的地方,黑體(Sans Serif)或明體(Serif)字型:

  1. 黑體(Sans Serif),如大家熟知的微軟正黑體、蘋果黑體、思源黑體等,看起來現代簡潔俐落,適用於大部分的內文字,如第1~3段。如果品牌個性較為現代感,也適用於標題設定。

  2. 明體(Serif),如大家熟知的新細明體、宋體、楷書體等,看起來字體收尾有不同的表現,有點文藝氣息的感覺。建議如果要使用明體的話,絕大部分在標題上使用就好,因為過於文藝感的網站設計會顯得時代感較重,除非這是您想要的效果。



👉 Tips:字體選用請不要超過3種,會顯得過於紛亂與複雜。黑體與明體的搭配需要拿捏,全黑體設定最為安全,明體可在大標或點綴


第三步:跟換自家圖片(或挑選適合個性的圖片)


在網站建立初期,您可以先跟換不符合自家產品的照片或是菜單、電商上的產品圖照片,因為這是消費者會實際接觸到的產品,更與建立品牌信賴感有關。


而其他的圖片,我們稱之為品牌氛圍圖。在Wix內建的圖庫中有相當豐富的資源可以尋找,您的功課,是挑選出適合您所設定的個性的圖片:




而如何讓您挑選的圖片更帶有品牌個性?兩個方法供給您:


1.簡易上色:

您可以降低圖片的不透明度,加入前文中所設定的品牌色彩。因為Wix內建的圖片大多較為中性,這作法能適合大多數的圖片。


而如果想做更細緻的調整,也可以點選設定按鈕右邊的「相片工作室」編輯,有更細部的顏色與其他的選項可以細修調整。






2.維持相片的風格一致性:

在更換挑選相片後,請切記網站正式發佈前需要在檢視所有的圖片是否在亮度、飽和度、色溫及對比上看起來差不多。其中色溫的判斷較為簡單也重要,如果網站有些照片看起來偏藍、有些偏紅,便表示需要有其中一方需要調整。通常偏藍色(寒色溫)較理性,大多適合科技產業。而偏紅、橘黃(溫暖色溫)較為感性,適合食品、餐飲等產業。




您的下一步:


當以上三步驟完成後,再跟換上自己的相關資訊。恭喜您!一個屬於您自家的網站基本上完成了。在經過這些步驟後,相信您Wix相關設定與工具有了初步的熟悉,建議您可以先將網站上線運作,在得到使用者的回應後再持續更新,如同經營社群媒體,網站一樣需要持續灌溉。


網站只是一個工具,讓您持續與支持者溝通,在搜尋引擎中佔有一席之地,協助您的事業與生意更上一層樓,沒有如藝術品完美的網站,只有善用網站成為溝通橋樑的贏家。



bottom of page