為了讓店家打造富有變化的商店設計，我們推出了 Ultra Chic 的版型，幫助你打造符合品牌風格的商店！
＊注意：若您目前的商店方案為正式方案，且僅有「社群購物」方案，將無法變更商店版型。
一、自訂網店顏色
前往「商店後台 > 網店設計 > 網店分頁」，點按「＋進階分頁」建立新的分頁，或點按任一支援 SHOP Builder 的既有分頁旁的「編輯」按鈕。
前往「店面級別設定 > 色彩」，您可以針對進階分頁的不同區塊自訂適合的顏色。各區塊的預設顏色為您原本設定的顏色。
使用色碼可以控制整個網站的按鍵、重點資訊、底線顏色，請使用 HEX 六位數色碼（請避免使用淺色以提高可讀性）。色碼參考：https://htmlcolorcodes.com/。有關詳細的色彩設定方法，請參考店面級別設定｜SHOP Builder。
二、快速建立精美品牌官網
1. Banner 製作
前往「Shop Builder > 頁面佈局 > 頁首」，點按「新增元件」。
選擇「圖片組合」，只保留一個圖片並拖曳到頁首區塊頂端。
2. 全幅顯示行銷廣告
Ultra Chic 首頁 Banner 採用全幅顯示。Logo、目錄會出現在圖片上方，由於頂部區域的顏色會影響視覺效果，若 Banner 選用顏色較單純的圖片，可使 Logo 與目錄顯得更清晰；反之，若使用色彩或構圖較複雜的圖片，整體呈現將有所不同，您可以依品牌風格與設計需求自由選擇。
- Banner 頂部純顏色
- Banner 頂部顏色多元（將字體放大、調為白色提升可辨識度）
當顧客向下捲動網頁時，目錄會呈現白色背景，提升文字的清晰度，更方便閱讀。
＊注意：
- 只有預設主頁的頁面，頂部的 Banner 會以全幅顯示，請參考：管理網店分頁。
- 設定 Banner 時，圖片記得關閉「上下間距」及開啟「顯示全寬圖片模式」，圖片才能以全幅顯示。
3. 建議 Banner 比例
- 桌機版建議圖片比例
- 長方形 - 長寬比 2：1。單圖建議尺寸 2000 × 1000px。
- 長方形 - 長寬比 3：4。單圖建議尺寸 1500 × 2000px 。
- 正方形 - 長寬比 1：1。單圖建議尺寸 2000 × 2000px。
- 手機版建議圖片比例
- 長方形 - 長寬比 2：1。單圖建議尺寸 1080 × 540px。
- 長方形 - 長寬比 3：4。單圖建議尺寸 810 × 1080px。
- 正方形 - 長寬比 1：1。單圖建議尺寸 1080 × 1080px。
在 Ultra Chic 版型中，logo 和目錄會預設顯示在進階分頁的第一個圖片元件上。如果不希望與首個「圖片元件」重疊，可以在頁面最上方新增一個沒有內容的「文字元件」，作為留白區塊，讓版面看起來更整齊清晰。
4. 置中對齊商品細節頁的商品描述
Ultra Chic 的商品細節頁，沒有商品分類的側邊欄，商品圖片以更大的尺寸清楚呈現，能讓顧客注意力聚焦在商品介紹本身；由於寬度較大，商品描述建議使用置中較為美觀。
5. Instagram 元件照片尺寸放大
我們重新設計了進階分頁裡的 Instagram 元件，在手機、桌機版呈現的效果更加精美清晰。
6. 純白色 Logo 新增陰影／描框
白色 Logo 在黑色版本的標題背景搭配有很好的效果，
但當轉貼官網連結、寄發 EDM 給顧客時，會直接抓取商店 Logo。若使用白色 Logo，在純白的背景下會看不見，如下圖於 LINE 轉發。
所以建議將純白 Logo 描邊或加上陰影，使顧客能更清晰地查看。
延伸閱讀
評論