行，今天就来唠唠我捣鼓那个甜品网站首页设计的破事儿。

琢磨阶段

一开始嘛就想着得弄个让人一看就流口水的首页。甜品这玩意儿，第一眼感觉太重要。要是看着不好吃，后面说啥都没用。核心就是怎么把“好吃”、“想买”这两个感觉给做出来。

我就先没急着打开设计软件，而是找一堆别人家的甜品网站、美食博客什么的看。主要是看他们怎么放图，用什么颜色，整体感觉怎么样。特别是那些看起来挺火的店，肯定有值得学的地方。发现大部分都用特别馋人的大图放首页。

动手搞草图

看一圈，心里大概有点数。我就拿笔在纸上瞎画，大概勾勒一下首页长啥样。上面放个大大的 logo 和导航条，这个是必须的。然后下面，最重要的就是第一屏，浏览器一打开就能看到的地方。这里我打算放一张当天最诱人的甜品大图，旁边配点简单勾引人的文字，比如“今日限定”或者“招牌必尝”之类的。再放个显眼的按钮，让人忍不住想点进去看看。

往下，就不能光是图。我打算分几个小区域：

• 产品分类： 比如蛋糕、饼干、饮料啥的，放点小图和名字，点进去就是对应的列表。
• 用户评价： 找几条看着真实的评价放上去，增加点信任感。
• 关于我们： 简单几句话说说店的特色或者故事，不用太长。

整个布局就想着要简单点，别搞得花里胡哨的，让人找不到北。

视觉设计这块儿

草图画完，就该上电脑具体做。这步主要是搞颜色和图片。

图片是重中之重。我找一堆高清的甜品图，必须是那种色彩鲜艳、看着就想舔屏幕的。特别是首页第一屏那张大图，简直是成败关键，挑好久才定下来一张草莓奶油蛋糕的，看着就有食欲。

颜色搭配也挺头疼的。甜品嘛一般都用暖色调或者柔和的颜色。我试几种，选米白色做底，搭配点柔和的粉色和棕色做点缀，感觉比较温馨、有食欲，也不会太腻。按钮颜色用稍微亮一点的暖橙色，突出一点。

字体也选两种，标题用个稍微有点设计感的，但不能太花，正文就用普通的黑体，保证看清楚最重要。

细节调整和最终效果

把图片、颜色、文字都放进草图的框架里，首页的雏形就出来。然后就是反复调整细节。比如导航栏是不是够清楚？按钮够不够显眼？图片加载速度会不会太慢？手机上看会不会变形？（虽然这回主要搞的是电脑版，但心里得有这个数）。

我还特意加点小动画，比如鼠标放图片上时稍微放大一点点，增加点互动感，但没敢搞太复杂的，怕影响速度。

捣鼓出来的效果，自己看着还行。第一屏大图确实挺吸引人，下面的分类也清楚，整体感觉比较干净舒服，应该能勾起人想买的欲望。反正我是照着这个思路一步步做下来的，具体效果还得看用户买不买账。

差不多就是这么个过程，也没啥特别高深的技术，主要就是琢磨用户心理，然后一步步把它实现出来。下次再搞别的再来分享。