网页设计该怎么做.pdf

找 知识产权 服务上汇桔网 网页设计 也被称为 Web Design 、网站设计、 Website design 、WUI 等。它的本质就 是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是显然基于 个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多： 从 1987 年钱天白教授向德 国发出第一封电子邮件到 2000 年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到现在网 站遍地，中国的网站高速发展了近三十年。 现在网站设计和过去已经有了巨大的变化： 注重用户体验、 注重页面动效、 富媒体等设 计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及，网站仍然是人机交 互中非常重要的平台之一。那么作为 UI 设计师 我们就必须掌握网站设计的规范和理解网站 运行的原理， 才能更好地驾驭这个平台。 今天就向您好好说道一下网站必须懂得的那些事儿。 首先让我们来看一下网站设计的工作流程吧： 除了之前介绍过的用户研究、 撰写产品需 求文档、 市场文档、 做竞品调研等工作之外， 与设计师密切相关的网站项目流程可以分为原 型图阶段、 视觉稿阶段、 设计规范阶段、 切图阶段、 前端代码阶段、 项目走查阶段六个阶段。 每个阶段都需要设计师参与和了解， 千万不要只在意视觉稿这个阶段， 有很多前期与后期工 作同样需要得到我们的重视。 原型图阶段 找知识产权与科创服务，上汇桔网 找 知识产权 服务上汇桔网 原型图阶段中设计师需要和产品经理沟通需求， 这时要注意， 并不是产品经理向设计师 下发需求， 而是需要相互就自己擅长的方面进行沟通。 视觉方面具体呈现也许设计师会有更 好的方式，这时需要在设计之前与产品经理达成一致。 视觉稿阶段 视觉稿阶段就是我们要根据原型图确定的内容和大体版式完成 网站的界面设计 了，在设 计网站的时候，我们需要一些图像和灵感的素材。 设计规范 当视觉稿通过后， 很多设计师可能不会主动去做设计规范。 其实每一个可迭代的产品都 需要设计师来总结设计规范， 设计规范就是所有页面中共性的东西， 比如说字体不同的大小、 图片的尺寸、 按钮的样式等， 这些共性也是用户访问网站时会理解成固定概念的凭证。 比如 同样的分享功能如果采用两种截然不同的样式就会让用户困惑。 那么设计规范主要也是在约 束设计师我们自己，在用户有限的记忆力中减少思考的成本。 同时，设计规范也可以保证同一个项目的不同设计师都能输出一样风格的设计来。 最后， 设计规范对于设计师个人来说也是对项目影响的一个佐证， 可以证明你的思考和你在项目中 的地位。所以我认为设计师应该主动去做设计规范和项目总结。 设计规范如何去做 ?其实设计规范就是把主要页面的元素固定成统一元素即可。具体来 说一个产品的设计规范应该有：字体规范、主体色规范、图表规范、图片规范等不同分类。 找知识产权与科创服务，上汇桔网 找 知识产权 服务上汇桔网 切图 网页设计师通常不需要为前端工程师切图。 因为前端工程师通常需要掌握 PS 软件技能。