为了让店家打造富有变化的商店设计，我们推出了 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 描边或加上阴影，使顾客能更清晰地查看。
评论