一、主页设计入门

在互联网高度发展的今天,拥有一个个性化的网站已成为许多企业的迫切需求。而使用模板进行一键设计的理念应运而生。其实,这些网站制作模板的设计逻辑有着共通性,意思就是说掌握了其中一个装修模板的技巧,运用到其他模板中也能举一反三。

首先,我们来到网站后台主界面,找到“在线商店”→“模板”,选择适合你需求的模板,进入自定义页面进行操作。

如果你想要更换装修模板,可以在“模板库”添加新的模板。这样一来,你可以根据自身需求随时调整网站的视觉效果。

二、公告栏设计

公告栏位于网站的顶部,是吸引顾客眼球的重要位置。

  1. 文字编辑:在公告栏的文字编辑框中,可以修改文案内容。通常情况下,我们会将活动、通知、优惠和欢迎语放在这里,以增强顾客的参与感。
  2. 配色按钮栏:通过更换公告栏背景色,使整体风格更符合网站主题。
  3. 链接栏:可以在链接栏中填入跳转链接,让顾客点击后直接跳转到对应页面。

三、标头设计

标头指的是公告栏下方的内容区域,包括独立站logo、菜单导航栏和背景色等元素。

  1. 配色方案按钮:用于更改背景底色。
  2. logo图片模块:可以上传独立站的logo,自定义其大小和在较大屏幕上的位置。
  3. 菜单:更换菜单导航项。
  4. 显示分隔线:设置标头及其下方模块之间的分隔线是否显示。

四、图片横幅设计

图片横幅占据网站版面的极大篇幅,不仅可以装饰网站,还能展示活动信息。

  1. 图片模块:用于更换展示图片。
  2. 横幅高度调节:调整展示图片的大小。
  3. 文本位置:调节图片中的文字框在图片上的位置。
  4. 移动布局:专门针对移动端显示效果的调整。

五、富文本设计

富文本由标题、文本和按钮组成,可以起到装饰、说明和宣传的作用。

  1. 标题:设置富文本的标题。
  2. 文本:编辑所需的文字内容。
  3. 按钮:增加行动按钮,引导顾客进行相关操作。

六、特色产品系列设计

该模块用于展示产品,让你将重点推广的产品置于显眼位置。

  1. 右侧菜单:更改展示产品的标题、产品系列、展示产品数和图片比等。
  2. 图片调整:统一调整图片大小比例。

七、拼贴画设计

拼贴画模块由视频、产品和产品系列组成,为顾客提供更多展示内容。

  1. 视频模块:输入URL链接进行展示。
  2. 产品模块:增加产品信息。

八、多列设计

多列模块适用于产品细节、风格介绍、服务说明等,提高网站的可读性和美观度。

  1. 添加列:通过左侧菜单增加图文框数量。
  2. 调整模块内容:在右侧底部调整图片、标题、描述文本、链接标签和跳转链接等。

九、产品系列列表设计

产品系列列表可以整合展示产品系列,为顾客提供直观的产品分类。

十、带文本的图片设计

带文本的图片与多列模块类似,但形式更多样,方便你进行更丰富的排版设计。

  1. 调整图片:选择所需图片,设置图片比例和背景颜色。
  2. 文本布局:改变文字和图片在页面中的位置。

十一、特色产品设计

特色产品模块能让热卖产品更突出,提高产品的曝光率。

十二、电子邮件注册信息设计

通过模块收集顾客邮箱,方便进行EDM营销活动。

十三、联系表设计

联系表模块供顾客反馈问题,模块框架固定,只需修改标题。

十四、自定义Liqid设计

若需要创建自定义功能,可使用自定义Liqid进行代码编写。

十五、页脚设计

页脚包含页尾菜单、邮件注册框、社交媒体图标和付款图标等元素。

十六、产品系列页面设计

在装修页面上方切换调整页面,从“Collection”继续介绍产品系列页面的设计。

十七、产品网格设计

产品网格模块主要控制展示产品的数量、图片比例等信息。

十八、购物车设计

  1. 商品模块:设置是否显示厂商选项。
  2. 小计模块:开启或关闭购物车备注功能。

十九、结账页设计

结合“模板设置”板块,上传Banner、调整logo位置和背景等信息。

总结:

通过以上这些设计技巧,你可以轻松制作出一个实用且简单的网站。在实际操作过程中,不妨多尝试不同的设计元素,让你的网站更具个性魅力。希望本文对你在网站制作方面有所帮助!