如何从零开始学习网页设计，一步步达到精通水平？

有没有过打开一个网页瞬间就觉得“这页面长得也太合心意了吧？导航找得着重点明明白白,颜色看着舒服不刺眼,点哪个按钮都有反馈像跟人打招呼一样…”的时刻？反正我有,当时就在想“这是谁做的啊也太牛了”,后来才知道这背后藏着一堆学问——网页设计根本不是随便拖几个元素堆上去那么简单,但也没网传得那么吓人,只要跟着节奏一步步来,零起点也能摸到精通的门儿，坦白讲...。

很多人上来就问“我要学网页设计,先看HTML还是PS?”,其实这俩压根不是一回事儿! 咱先把话说明白:网页设计分两派——一派是“视觉设计师”,主打一个“让页面好看”;另一派是“前端开发”,主打一个“让好看的页面能正常跑起来”，一言难尽。。

官宣。 如果你是看到一张漂亮的海报想“I can do it!”那种人,那优先冲视觉基础;如果你的梦想是把设计师给的图变成真正能点击能跳转的网站,那前端技术得先拿下。

咱就是说,再酷炫的代码也拯救不了丑页面!不管你以后 我坚信... 要不要写代码,视觉素养都是 webpage 的魂儿。

第一个密码:构成——别让元素乱成一锅粥

上学时美术课学过的 “点线面”?其实早就在悄悄支配你的审美了! 比如一个导航栏:如果把按钮排得东倒西歪,用户看的时候眼神就得来回蹦迪;要是用对齐加留白,瞬间就显得清爽多了。 再比如首页 banner:大标题要放在视觉重心,别堆在角落让人找不到重点——这叫格式塔原理,简单说就是 “人眼会自动把有规律的东西当成整体”。

第二个密码:色彩——选对颜色比加滤镜管用100倍

别再说 “我喜欢红色就全用红!”这种话了…过来人告诉你,色盲用户看红色和绿色可能没区别,高饱和颜色放久了会让人眼疲劳! 正确做法是:先定一个 “主色”,再找两个 “辅助色”打配合,再说说用 “中性色”兜底文字和背景。