模板库

你这行的网站，已经给你做好了。

下面每张图，都是那个起始模板真实生成的首页——直接从建好的网站截屏，不是为这一页画的示意图。挑一个跟你生意最接近的，然后想改什么改什么：文案、照片、配色，整块删掉也行。

40个行业起始模板
15种设计风格，随时换
66组配色方案
111个可编辑组件

同一家店，15 种样子

换风格换的是版式，不只是颜色。

下面是同一家面包店，做了 15 遍。中间一个字都没改——商品、价格、营业时间全都没动，是页面自己围着它们重新排。

面包店起始模板的招牌原作设计风格
招牌原作
面包店起始模板的夜色奢华设计风格
夜色奢华
面包店起始模板的清新明亮设计风格
清新明亮
面包店起始模板的鲜明张力设计风格
鲜明张力
面包店起始模板的经典隽永设计风格
经典隽永
面包店起始模板的拼贴海报设计风格
拼贴海报
面包店起始模板的静奢辑设计风格
静奢辑
面包店起始模板的霓虹夜市设计风格
霓虹夜市
面包店起始模板的墨韵设计风格
墨韵
面包店起始模板的琉璃设计风格
琉璃
面包店起始模板的巨幕海报设计风格
巨幕海报
面包店起始模板的薄纱晨光设计风格
薄纱晨光
面包店起始模板的丝绒包厢设计风格
丝绒包厢
面包店起始模板的炉火微醺设计风格
炉火微醺
面包店起始模板的天际线设计风格
天际线

每个起始模板都自带 15 种设计风格和 66 组配色方案，在编辑器里点一下就换。

挑模板、换模板

模板的版式可以改到什么程度？

整个版式都可以改。每一个区块都能拖拽——在画布上抓起来，或在图层树里抓起来，放到你要的位置；要加新的区块，就从组件面板拖进去，做法一样。每个区块带自己的内容页签，只列它真正拥有的字段（文字、图片、链接、开关），另外还有样式页签，带桌面、平板、手机三个断点。手机默认继承桌面，除非你主动覆写，而编辑器会把有覆写的字段标出来，所以手机版不会悄悄跑掉。组件面板里有 111 个组件、分成七类（基础、版式、导航、表单、商业、动效、刊物），再加上 31 种字体与 66 组配色，你不会被起始模板原本给的那几个区块绑死。

网站做好之后才想换设计风格，原本打好的内容会怎样？

内容跟着走，版式绕着它重建。每个起始模板在编辑器的设计面板里都带 15 种设计风格，点一下就换：菜单与价格、评论、员工、课表、房源、店家资料都会带过去，而直接改在区块里的标题与换过的照片会回到模板的样子，按一次撤销就把整套换回来。换风格换的不只是颜色——标题与正文的字体配对、圆角、导航栏形状（浮动或经典）、首屏的构图、照片的调色，以及每一个大标的字重、大小写与字距，都会跟着换。

两家店从同一个起始模板出发，最后怎么会长得不一样？

还没动到任何一个字之前，组合就有 40 个起始模板乘上 15 种设计风格，等于 600 种开场，而风格之间分开的是结构不是色调。14 种非默认风格各自对六个行业家族备了一套手调配色，合计 84 组，再各自带自己的字体配对、圆角、导航栏形状、首屏构图与照片调色。每个起始模板另外还带自己那一行的三色主色，所以面包店跟律师事务所不会从同一组颜色开场。接着编辑面再把它拉开一次：66 组配色分成七类（深色、浅色、鲜艳、柔和、大地、复古、灵感）、31 种字体，以及 111 个组件全部可以搬、可以删、可以加。

改了之后觉得不对劲，怎么办？

两道网子，都不必写信找客服。编辑器保留最多 100 步撤销，用平常的撤销快捷键往回、重做往前，而像整套换风格这种大动作只记成一步，按一次就整套退回。另一道是草稿与线上版本本来就是分开的：你的修改写进一份新的草稿版本，而已发布的网址继续送出你上一次推上线的那一版；只要编辑器无法证明线上跑的和你手上的草稿一致，它就会在上方挂一条提示。所以你可以在星期二下午把首页整个重排，而店门口那个网址还在送星期一的版本。