网页设计必须要懂得的那些事儿

网页设计必须要懂得的那些事儿身为 UI 设计师，我们就必须掌握网站设计的法律规范和理解网站运行的原理，才能更好地驾驭这个平台。那本文就跟大家好好说说关于网页设计的那些事儿~ 网页设计是什么？ 网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来猎取资讯，但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多。 从 1987 年钱天白教授向德国发出第一封电子邮件到 2025 年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到现在网站遍地。中国的网站高速进展了近三十年。 我是在小学开始去网吧“上网冲浪”的，那时的电脑屏幕非常小，分辨率只有 800 600 像素（对比一下，iPhone8 的分辨率是 750x1334px），网速也很慢，常常掉线或者加载失败。 那时的网站性能和体验都不好，而现在网站设计和过去已经有了巨大的变化——注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及，网站仍然是人机交互中非常重要的平台之一。 那么作为 UI 设计师我们就必须掌握网站设计的法律规范和理解网站运行的原理，才能更好地驾驭这个平台。 今日就向您好好说道一下网站必须懂得的那些事儿。 首先让我们来看一下网站设计的工作流程，除了之前介绍过的用户讨论、撰写产品需求文档、市场文档、做竞品调研等工作之外，与设计师密切相关的网站项目流程可以分为：原型图阶段、视觉稿阶段、设计法律规范阶段、切图阶段、前端代码阶段、项目走查阶段六个阶段。 每个阶段都需要设计师参加和了解，千万不要只在意视觉稿这个阶段，有很多前期与后期工作同样需要得到我们的重视。 好，让我们一个一个来了解它们吧。1. 原型图阶段 原型图阶段中设计师需要和产品经理沟通需求，这时要注意，并不是产品经理向设计师下发需求，而是需要相互就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有更好的方式，这时需要在设计之前与产品经理达成一致。 构建网站原型图（工具：Axure RP ）2. 视觉稿阶段 视觉稿阶段就是我们要根据原型图确定的内容和大体版式，完成网站的界面设计。在设计网站的时候，我们需要一些图像和灵感的素材。比如：做世界杯专题时，我们除了收集很多素材之外，也可以设计一个“情绪板”（Mood Board）。 简单说情绪板就是将一些与主题相关的资料和素材拼...