你是不是也遇到过这种情况：辛辛苦苦做了个网页，结果手机上点不开、加载慢得像等泡面、朋友看了直摇头说“这页面看着就累”？其实问题很可能出在最基础的设计思路上——不是工具不行，是没踩对网络设计的三个核心原则。
原则一：可用性优先
网页不是设计师的画布，而是用户的操作台。按钮太小、链接颜色和背景混成一片、表单提交后没反馈……这些都不是细节，是直接把人赶走的理由。比如一个注册页，如果密码强度提示藏在鼠标悬停才显示，新手用户根本不知道该输多强的密码，转头就关掉页面。
实操建议：所有可点击元素至少保留44×44像素触控区域；文字与背景对比度不低于4.5:1；每个操作都要有即时反馈（哪怕只是加个loading图标）。
原则二：性能即体验
很多人觉得“网速快就行”，但真实场景是：地铁里信号断续、老家爸妈用着4G老手机、咖啡馆Wi-Fi时好时坏。一个首屏加载超过3秒的页面，53%的访客已经溜了。别光盯着图片压缩，JS脚本是否阻塞渲染？字体文件是不是全量加载？第三方统计代码有没有拖垮首屏？
举个例子：
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>原则三：渐进式增强
不是所有设备都支持CSS Grid，也不是所有浏览器都能跑WebAssembly。与其拼命兼容IE8，不如先保证页面在纯文本浏览器里能读完主要内容，再给现代浏览器加动画、拖拽、离线缓存。就像做菜：盐和米到位了，再撒葱花；不能为了摆盘，连饭都不蒸熟。
典型反例：用Flexbox布局写导航栏，却不设display:block回退样式，低版本安卓微信打开直接菜单堆成一团。