今天抽空把aellen设计公司的官网搞定了，整个过程踩了不少坑，不过效果还挺满意。我直接从零开始撸袖子干，从头跟你们唠唠。

第一步：扒光同行网站找灵感

接活那天我就知道这钱不好挣，甲方开口就要“高大上但又不张扬”。先去翻了二十多家顶级设计公司官网，发现他们特爱用全屏大图配极简文案。我直接照葫芦画瓢，把电脑塞满参考网站截图，连厕所都抱着手机刷案例。

第二步：手绘草稿被毙三次

用铅笔在A4纸上唰唰画布局，第一版甲方说像卖保险的，第二版说像科技公司，第三版直接暴走：“我们要的是艺术感！”后来蹲在星巴克观察那些设计师客户，发现他们都用超宽屏Macbook。赶紧把布局改成横贯屏幕的色块分割，左侧放工作室照片，右侧飘着两句装逼文案，这回甲方终于点头了。

• 设计公司官网就得把作品集当祖宗供着
• 文字必须少到像在打哑谜
• 留白要留得让人心慌才行

第三步：字体配色玩心跳

翻烂了字体网站锁定两款：标题用笔画带缺口的实验字体，正文用最普通的无衬线体。调色时更刺激，先试了高级灰被说像水泥厂，换成莫兰迪色又说像网红店，用纯黑当底色，点睛色从甲方老板的劳力士表盘上偷了个金绿色，才算过关。

第四步：作品集展示耍花招

甲方甩来三百多张案例图，我全铺开差点窒息。连夜研究出三种骚操作：鼠标悬停时图片自动播放过程稿，滚动时用视差效果制造空间感，点击项目弹出设计师手写稿背景。为这个特效秃了三天，但客户滑了两下页面就喊“哇”，值了。

第五步：移动端适配要人命

桌面版做得正嗨，测试时用手机打开直接裂开——导航栏挤成麻将牌，特效全变PPT动画。赶紧把横排版改成瀑布流，字体放大到像老人机，点击区域全部加宽。最绝的是把作品集缩略图改成指纹形状，滑动时像在翻电子画册。

验收时甲方围着投影仪啧啧称奇，我后背全是汗。总结下来就五个字：少说话，多装逼。下次再做设计类网站，打死我也不接这么龟毛的客户了！