装修这一行的网站有两种完全相反的做法,选错了,再好的设计也白搭。一种是作品即销售:设计事务所、室内设计工作室、软装公司,客户是先被某一张图打动,才想起来问你是谁。这类网站要慢——大图、留白、克制...
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 款医疗健康与诊所官网模板:口腔、眼科、医美与养生分开挑
医疗类网站是所有行业站里最不能只看设计的一类。别的行业挑模板,考虑的是好不好看、栏目够不够;医疗行业还要多考虑一层——这套模板里预置的栏目,在国内能不能这么用。这不是危言耸听。本文收录的十四款模...
15 款轮播与切换效果:3D 卡片、滚动画廊与 WebGL 重型特效怎么选
写这篇之前先说一个可能不太受欢迎的结论:如果你打算做的是首页顶部那种自动轮播的大 Banner,先别急着挑效果。Jakob Nielsen 在 2013 年那篇讲自动轮播的文章里记录过一次可用性...
11 款导航栏与菜单效果:吸顶指示器、环形展开、故障风与移动端 12 形态
导航是整个网站上唯一每一页都出现的组件,改一次,全站受影响。所以挑导航效果和挑一个卡片动效不是一回事:卡片做砸了只是那一屏难看,导航做砸了是全站都不好用。判断标准也不该是好不好看,而是访客知不知...
10 款卡片与布局效果:Bento Grid、3D 倾斜、液态玻璃与 GSAP Flip
卡片这个东西,本身没什么设计可言——一个圆角矩形加点阴影,谁都会写。真正拉开差距的是卡片之间怎么排、鼠标碰上去发生什么、以及一屏里的注意力被引到哪张上。这三件事属于布局和交互,不属于装饰。下面这...
14 款个人简历与作品集网站模板:求职、接单、机构展示各挑各的
个人站最常见的失败方式不是做得丑,是做错了给谁看。找工作的人做了一个满屏动效的艺术网站,HR 三十秒里找不到你会什么;接单的设计师做了一份规规矩矩的在线简历,客户看完不知道你的审美长什么样。这两...
13 款 IT 与科技企业官网模板:解决方案商、AI 产品、安全与主机业务分开挑
科技公司的官网有个别的行业没有的难处:产品本身往往看不见。做建筑的可以拍项目照片,做餐饮的可以拍菜,做 API、做系统集成、做安全服务的,摆出来是什么?所以这一行的官网真正在解决的是同一件事——...











