网页设计的基本概念有哪些？

网页设计到底是什么？

那天我在咖啡馆里点了一杯拿铁，旁边的老友跟我说：“你知道网页设计到底是啥吗？”我笑着摇头，心里那股说不清的疑问像个小怪兽在耳边嘶叫。

一张页面背后的大脑

其实吧，网页就像是一个小盒子。盒子里装的是文字、图片、视频，还有那可爱又有点捣蛋的链接。我们把它们用HTML标签塞进去，然后再用CSS给它们穿衣服，再用JavaScript给它们跳舞。搞起来挺像拼图的，但如果拼得乱七八糟，那盒子看起来就像一堆粘土，我始终觉得...。

为什么要关注用户体验？

说实话， 当你打开一个页面却看到加载条卡住三分钟，然后才出现内容，你会不会想：这也太慢了吧？用户耐心比金子还贵。他们只有几秒钟的时间来决定是停留还是离开。所以布局要简洁，导航要直观，图片不要太大，要压缩到合适尺寸。

响应式设计——从桌面到折叠屏

你想... 以前只要给个960px宽度就行了 现在手机屏幕千奇百怪，有刘海、有挖孔、有瀑布屏……我们得写媒体查询，让每个元素都能自如伸缩。嘿，我有一次把所有手机样式都写错了只好去修正半夜三更——别提痛苦了。

工具箱里的好伙伴与坏伙伴

来日方长。 咱们这行没工具真的是手无寸铁。VS Code是最常用的， 主要原因是它轻巧又插件多；Dreamweaver听上去高大上，可拖拽功能总是出错；Figma适合UI原型，但感觉缺少灵魂；还有 Sublime Text 那种轻盈感，一开始很爽，可后来发现找不到某些文件就尴尬。别担心，这都是成长的一部分。

SEO——让搜索引擎也爱上你

SEO听起来像魔法，但其实就是给搜索引擎发短信。