做过餐饮网站的人大概都知道一个尴尬的事实：一个餐厅官网上，真正被点开的页面只有两个——菜单，和「你们在哪儿、几点开门」。剩下的品牌故事、主厨介绍、环境画廊，不是没用，而是它们的作用发生在别的时刻...
14 款鼠标与光标特效：拖尾轨迹、揭示遮罩、引力跟随与悬停微交互
鼠标特效是最容易做过头的一类效果。它的诱惑很直接：改一个光标，整个页面立刻有了「这是个用心做的站」的气质；但它的代价也很直接——用户每移动一下手，你的代码就要跑一次。这一类和背景动画有个本质区别...
14 款后台管理系统模板：通用型大体量、主题可换，和贴着业务做的专用后台
后台管理模板是所有模板品类里最容易买错的一类，因为它长得最像「系统」。但它不是系统。你下载到的是一堆静态 HTML：侧边栏、表格、图表、表单、登录页，数据全是写死在页面里的演示内容。真正吃时间的...
14 款装修与家居服务网站模板：设计事务所、家装施工、维修与保洁园艺
装修这一行的网站有两种完全相反的做法，选错了，再好的设计也白搭。一种是作品即销售：设计事务所、室内设计工作室、软装公司，客户是先被某一张图打动，才想起来问你是谁。这类网站要慢——大图、留白、克制...
14 款网页背景特效：纯 CSS 渐变、季节氛围、粒子交互与 SVG 纹理
背景是一个页面上占面积最大、却最不该被注意到的东西。它的成败标准和别的组件正好相反：按钮做得好是「被看见、被点击」，标题做得好是「一眼抓住人」，而背景做得好是「没人特意去看它，但整个页面显得贵了...
14 款教育与在线课程网站模板：大学官网、LMS 网课、幼儿园分开挑选
「教育行业网站」其实包含四五门完全不同的生意。大学官网本质是一个内容目录——几十个栏目、上百个页面，访客大多带着明确目的进来（找招生简章、找某位老师、找某个学院的电话），成败在于「找不找得到」。...
14 款电商与商城网站模板：综合商城、生鲜、家具、3C 与母婴分开挑
挑电商模板的时候，大部分人的第一眼都落在首页上——首屏大图好不好看、商品网格排得整不整齐、配色和自己的品牌搭不搭。但真正把站做起来之后你会发现，首页几乎没有人挑得出毛病，出问题的全是那些具体的下...
14 款 Three.js 与 WebGL 网页 3D 特效：粒子、着色器与无限画廊
网页上说「3D」的时候，指的可能是三件毫不相干的事。一件是 CSS 的 transform 加 perspective 做出来的伪 3D——卡片翻转、立方体旋转、悬停倾斜，这些本质上还是二维元素...
14 款 GSAP 动画网站模板：滚动叙事、文字分割与视差怎么选
模板详情页上写着「集成 GSAP 动效」这几个字的时候，你拿到手的可能是三种完全不同的东西。第一种，GSAP 只负责元素进场——滚到哪一屏，那一屏的标题和图片淡入上浮。这件事 AOS、WOW.j...
14 款医疗健康与诊所官网模板：口腔、眼科、医美与养生分开挑
医疗类网站是所有行业站里最不能只看设计的一类。别的行业挑模板，考虑的是好不好看、栏目够不够；医疗行业还要多考虑一层——这套模板里预置的栏目，在国内能不能这么用。这不是危言耸听。本文收录的十四款模...
11 款导航栏与菜单效果：吸顶指示器、环形展开、故障风与移动端 12 形态
导航是整个网站上唯一每一页都出现的组件，改一次，全站受影响。所以挑导航效果和挑一个卡片动效不是一回事：卡片做砸了只是那一屏难看，导航做砸了是全站都不好用。判断标准也不该是好不好看，而是访客知不知...
10 款卡片与布局效果：Bento Grid、3D 倾斜、液态玻璃与 GSAP Flip
卡片这个东西，本身没什么设计可言——一个圆角矩形加点阴影，谁都会写。真正拉开差距的是卡片之间怎么排、鼠标碰上去发生什么、以及一屏里的注意力被引到哪张上。这三件事属于布局和交互，不属于装饰。下面这...
