设计相关 最新 Bento Grid布局设计实战：2026年最流行的网页卡片排版 打开苹果官网、Notion、Linear、Stripe这些网站，你会发现它们的首页长得越来越像：一堆大小不一的圆角卡片，拼成一个错落有致的网格，大的占两块、小的占一块。这个版式有个专门的名字，叫Be... 设计相关 2026-08-12 2 #Bento Grid #网页布局 #UI设计 #CSS Grid #设计趋势
设计相关 暗色模式设计没那么简单：对比度、层级、纯黑陷阱，一次说清 前阵子给客户网站做暗色模式，我以为就是「把背景换黑、字换白」，结果做完被客户一句话问住了：为什么这个弹窗看起来像浮在黑洞里？我这才发现，暗色模式的门道比我想的多。2026年做网站，暗色模式基本是标配... 设计相关 2026-08-10 14 #暗色模式 #UI设计 #网页设计 #对比度
设计相关 微文案设计：按钮上改两个字，表单提交率涨了18% 做网页设计的人，眼睛都盯着大块头：配色、排版、动效、图片。但真正影响用户做决定、掏钱、留联系方式的，往往是你最容易忽略的小字——按钮文字、表单提示、错误提示、空状态文案。这些东西有个名字，叫微文案，... 设计相关 2026-08-09 18 #微文案 #UX设计 #转化率 #网页设计
设计相关 高转化落地页设计：7个细节比砸钱投广告管用 广告点击费一年比一年贵，落地页留不住人更亏。有个数据你可以记一下：落地页跳出率每降10%，获客成本跟着降10%到15%。也就是说，同样的预算，把页面改好一点，比多充一万广告费划算。 七个细节逐个说 第... 设计相关 2026-08-08 20 #落地页设计 #转化率 #UI设计 #网页设计
设计相关 2026年网页无障碍设计实操：EAA法案之后，这是必答题不是加分项 去年六月欧盟的《无障碍法案》（EAA）正式生效，面向欧盟市场的商业网站，达不到无障碍标准是要担法律责任的。这个事在国内关注的人不多，但对做外贸站、跨境电商的同行来说，影响是实打实的。我认识一个做欧洲市... 设计相关 2026-08-07 22 #无障碍设计 #EAA法案 #WCAG #网页可访问性 #a11y #对比度
设计相关 CSS View Transitions API实测：页面切换动效不需要JS了 Chrome 126正式支持CSS View Transitions API以后，我花了两个周末把项目里的页面切换动画全部用原生CSS重写了一遍。之前用的是React Router + framer-... 设计相关 2026-08-01 40 #CSS #View Transitions API #网页动效 #前端开发
设计相关 2026年网页设计在发生什么变化 2026年过去一半了，网页设计这行有几个变化值得说一说。不是趋势预测那种虚的，是真的在影响实际工作的事。AI生成UI开始能用了2024年、2025年的时候，用AI生成网页UI基本属于看着还行，用起来一... 设计相关 2026-07-31 40 #网页设计 #UI设计 #2026设计趋势 #AI设计工具
设计相关 你的网站能过无障碍检测吗？2026年Web可访问性实操指南 去年底一个政府客户提了个硬性要求——网站必须通过WCAG 2.1 AA级无障碍检测，不通过不验收。逼着自己啃了一个月的规范，发现大部分改动不复杂。先说颜色对比度。这是最容易被检测出来的问题。浅灰色文字... 设计相关 2026-07-29 37 #Web无障碍 #WCAG #可访问性 #设计规范
设计相关 2026年了，做网页设计还在用Figma？看看这5个新选择 Figma确实是好工具，但2026年已经不是唯一选择了。特别是Figma被Adobe收购（虽然后来分了）以后，定价涨了好几次，免费版限制越来越多。我试了市面上一圈替代品，挑了几个能打的说说。 1.... 设计相关 2026-07-28 47 #网页设计 #Figma替代 #设计工具 #Penpot #Pixso
设计相关 网页无障碍设计不是「给盲人做的」——2026年实操指南 去年公司被一个视障用户投诉，说我们的注册页面读屏软件根本读不了验证码。法务说这在美国可能违反ADA。我们紧急修了两周——这件事让我第一次认真研究无障碍设计，发现它根本不是"边缘需求"。 根据WHO... 设计相关 2026-07-27 45 #无障碍设计 #WCAG #网页设计 #可访问性 #用户体验
