网页设计学到什么程度才算得上精通？

时间：2024-02-15 00:25:01 | 来源：网站运营

时间：2024-02-15 00:25:01 来源：网站运营

网页设计学到什么程度才算得上精通？：中国有句古话：泉水挑不干，知识学不完。作为设计师，很难做到样样精通。在不同的学习阶段，把最能排上用场的知识掌握好，做到精通，这就是最有效的学习。学习的过程，就是不断地去补齐木桶最短的那一块板，然后这个木桶能装下的水，自然会越来越多！

△图例：学习网页设计的木桶理论示意图。

一、明确网页设计需要学些什么

软件技能、创意表达、视觉刻画，这是网页设计师的核心技能。网页设计是生产运营中的一个技术支撑环节，其最终输出的作品，都是在为企业或商业产品做服务。

所以学会理解你的服务对象，将企业的文化价值、产品的功能属性准确传递给潜在客户，这就是网页设计的目的。通过不同类目学科知识的学习，也将丰富你对网页设计的理解维度，作为初级网页设计，能把软件技法、创意表达、视觉刻画这三个维度做好，也算得上是精通了。

二、网页设计师的工作日常

1.信息的收集整理（前期调研阶段、竞品分析、受众分析）

说人话：首先要分析理解自己的设计内容，设计初期可以先收集一些同行、或竞品相关的网页设计、或者图片素材做参考。

2.信息的归纳提炼（策划设计阶段）

说人话：把收集来的信息加以提炼，归纳整理出适合自己的网页设计的有用信息，以此来把握整体的网页设计风格及大的方向。

3.信息的视觉化表现（软件制作及执行传播阶段）

说人话：信息的视觉化表现也就是，在Photoshop软件中完成排版布局、页面的icon设计、图片的合成处理等，以及推广banner海报的设计，然后切图交接给web前端开发。

三、网页设计的常见类型

△房地产官网设计，作者：腾讯-郭亮，来源：网页设计高级教程

目前，关于网页设计的常见类型及方向有：淘宝天猫类型的电商视觉设计、企业官网的设计、新品宣传、活动专题类型的网页设计、后台管控类的网页端UI设计。在日常的工作中这几种也许你都会接触到。在学习之初你还得从软件技能、排版布局、图像处理、切图输出等这些具体的点着手熟悉。

四、学习网页设计的具体知识点

(1).首先要精通设计软件，把photoshop玩转，这是网页设计的主力工具！

(2).深入学习排版设计，以及三大构成中的平面构成、色彩构成、立体构成，掌握一定的素描基础，以明确：光影变化、透视结构、构图平衡的基本视觉规律。

(3).掌握网页设计规范，学习网页设计概述、制作流程、视觉元素、色彩搭配、以网页布局排版、切图、交互知识等。

(4).学习网页设计创意表达的思路流程，如何将文案创意具体到视觉化呈现的全过程，以及画面光影细节刻画的技能提高。请参考：网页设计高级教程。

(5).了解一点前端代码HTML、CSS的运用，学一款代码编辑软件，推荐网页设计师用Dreamweaver。

(6).了解你设计网站的公司及产品，熟悉这个公司及其产品面向的人群！

(7).拓展学习网站优化、开发、后台数据处理常识（加分项目！）

五、学习网页设计，你要知道的以下三点。

1、网站的制作流程

引用于：自学网页设计，需要了解的网站开发流程

通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。

在实际的工作岗位中，一般由“网页设计师”负责「视觉设计」板块，即我们平常所说的「网页设计」。而「前端制作」环节则主要有“前端工程师”来负责，即用代码来重构还原设计师的视觉稿，这一环节也就是我们平常所说的「网页制作」。

很多初学网页设计的朋友，对这两者的关系往往是傻傻分不清楚的状态，对自己的专业定位没有清晰的认识。这就导致学设计的同学，后来干到了“前端工程师”的岗位，学前端的孩子开始猛补“设计知识”，这个就是要走偏的节奏。

2、网页设计，是以视觉设计为主的工作。

自学网页设计的核心任务是学习“视觉设计”相关的知识点。用什么样的排版，去梳信息的层次逻辑，用什么样的颜色，以及多大的字号？如何让画面表现更具视觉创意、交互体验会更好，这是新手学习网页设计应该画下的重点。

一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。视觉+交互，是网页设计师的核心竞争力。

其中“视觉设计”的依据，源于前面的策划和交互设计。最后出具的“视觉设计稿”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！

3、前端制作，是以前端代码为主。

前端制作在流程上，是在视觉设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等网页前端代码，来重构网页设计师的“视觉设计稿”，以及交互动画等。

“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。如果你要励志成为一个优秀的网页设计师，请牢记自己的岗位职责和学习重点，在没有认清“视觉设计”前，要当心自己是不是越位到Web前端开发这个坑里去了。

△图例：优秀的电商网页设计作品，视觉合成。作者：尚云

再比如优化网站所需的SEO、Ajax等技术，虽无需你动手实践，但能做到了解一二，也是不错的加分项。在设计的时候，也可充分利用这些规则和技术来规划你的版面，使其更加的专业友好。

再往后

上面所说的，都是网页设计师必须掌握或了解的基本功。在基本功掌握扎实了以后，则可围绕着创意表达、营销传播、用户心理、交互体验的维度在进行深入学习探讨，以指导你做出更好的设计。这一阶段，则是思维层面的提升，可购买相关领域书籍进行学习。

—

原创回答，禁止转载！图片版权归原作者所有。