[{"data":1,"prerenderedAt":43},["ShallowReactive",2],{"category-设计":3},{"name":4,"posts":5},"设计",[6,18,26,34],{"path":7,"title":8,"description":9,"date":10,"updated":11,"tags":12,"category":4,"cover":15,"draft":16,"pinned":17,"featured":16},"\u002Fposts\u002Ftypography-over-color","排版比配色更决定气质","把同样一套颜色交给两个人排，出来的东西可以完全不同。这篇讲我怎么用字重、行距和留白，在不换颜色的前提下改变一个页面的脾气。","2025-10-28",null,[13,4,14],"排版","CSS","\u002Fimages\u002Fcovers\u002Ftypography.png",false,true,{"path":19,"title":20,"description":21,"date":22,"updated":11,"tags":23,"category":4,"cover":11,"draft":16,"pinned":16,"featured":16},"\u002Fposts\u002Fstop-using-cards","别再用卡片装一切","卡片是个好东西，但它有明确的使用条件。当每一块内容都变成同样圆角同样阴影的卡片时，页面就失去了层级，读者也失去了方向。","2025-08-22",[4,24,25],"布局","反思",{"path":27,"title":28,"description":29,"date":30,"updated":11,"tags":31,"category":4,"cover":11,"draft":16,"pinned":16,"featured":16},"\u002Fposts\u002Fdark-mode-design","暗色模式不是把颜色反过来","反转配色是最省事的做法，也是最糟的做法。暗色模式需要重新设计对比度、阴影、饱和度和层级关系。","2025-07-25",[32,4,33],"暗色模式","可访问性",{"path":35,"title":36,"description":37,"date":38,"updated":11,"tags":39,"category":4,"cover":11,"draft":16,"pinned":16,"featured":16},"\u002Fposts\u002Fmobile-first-375","写给 375px 的界面","移动端不是缩小版桌面。底部 Tab 栏、可达的拇指区、iOS 安全区——这些细节决定了移动端体验的下限。","2025-06-02",[40,41,42],"响应式","移动端","交互",1794113902402]