想给自己那间面包店做个网页的人，常常被两件事难住。一种是页面太"商场"：轮播大图、弹窗优惠券转来转去，面包还没露面，先被一堆花里胡哨的东西挡在身后；另一种是什么都往里堆，价格、介绍、联系方式散落得到处都是，客人想知道"今天几点出炉哪种面包"，得翻上半天。做面包的人讲究时辰和火候，网页其实也该这么直白——所以我们做了这套「云希烘焙坊」主题，把一间社区面包店该有的样子，按看的人的顺序，一次摆明白。

首页像一块挂在烤炉边的小黑板

打开首页，先看到的是一句话和一张刚出炉面包的照片。照片的边角别着一张可以随手撕下来的小手签，写着今天第一炉几点出炉、烤的是什么——就像店里挂在烤炉边、被面粉蹭得发白的小黑板。往下走是一条深色的数据带：老面养了几年、每天烤几炉、常驻多少款面包、回头客占几成。四个数字，比任何形容词都先把一间店的底气讲清楚。

招牌面包做成价签，出炉排成时刻表

招牌面包是一张一张的价签卡：虚线边、绳孔、品名、价格、一句实在的介绍，卡片角上还别着小标签写明这一炉的讲究。排中间那张是主推，右上角多一枚"招牌"小签，第一次来的人一眼就知道从哪块吃起。再往下是今日出炉时刻表：几点、出炉什么、这一炉的讲究，按时间一路排下来，时间点做成圆角小签；到了哪个时辰，对应的炉次自己会亮起来，像在说"现在烤的正是这一炉"。几点来就吃哪一口热的，这件事在页面上看得见。

定制蛋糕，四步说清楚

定制蛋糕那一区，左边是四步流程：聊想法、定稿报价、手工制作、取件验货，每一步配一句话；右边一张深色卡，写着预约规则、尺寸范围和价格起点。事情怎么办、多少钱起，全都摆在明面上，不用先留电话才能看。

同一批文章，三种摆法

店里日常写的东西，这套设计给了三种排法。面包单版式一行一行像菜单，标题和日期中间拉一道虚线，像价目表一样干脆；麦讯版式左边一个大的日期块，适合记日常琐事；面包卡版式图文并排，适合晒新面包。同一批文章，摆出三种脾气，随内容挑。文章页则做成一张配方卡：分类胶囊、标题、一道点线，下面正文安安静静地读；文末附一个"保存与回烤"的小框——当天吃最好，吃不完切片冷冻，回烤三分钟，外壳就恢复脆了。

手机上也好用

窄屏下，导航收成一个按钮，价签卡、时刻表自动排成单列，字和图都不挤。揉面的人手上沾着面粉，掏出手机也能顺手把店里的事发出去。

这套设计现在作为一件完整的作品上线了。它不追求"看起来很美"，追求的是像一块好面包：材料清楚、工序明白、当天卖完。面包要趁热吃，网页要趁新鲜看——说的就是这个道理。