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