采访月薪3W的网页设计师，整理出这几个高薪重点！

当代在互联网公司，UI设计是一个至关重要的岗位，薪资也比较可观，因此越来越多的毕业生想涌入这一领域。不过想要成为一名合格的UI设计师并不是报个培训班就能转行成功的。市场对于UI设计师的要求不断的更迭，总的来说，这三点是一定必要的：1、基本功 —— 理解UI产品受众，掌握美术基础知识；2、绘图工具 —— 熟练掌握Sketch、Pixso等UI设计软件；3、思维 —— 理解产品交互功能逻辑、理解用户。

如果你有兴趣入行网页设计，又认为自己具备一点的能力，那仔细阅读这篇文章，将会分享网页设计的学习经验。

一、网页设计是什么

网页设计：是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。进行网站建设，大致是这么一个流程：

很多人容易把网页设计与网页制作混为一谈，虽然很多牛人可以独自将两块包干，但更多情况下，制作网页，会拆分成两块“设计”与“制作”这两块。

交互设计和视觉设计属于UI设计师的工作范畴，后者则属于编程开发，需要用到Java、PHP、CSS等语言，题主问“网页设计该怎么学”，应该是想了解设计范畴的工作。既要想学习，还得要了解网页设计的具体工作内容。

二、网页设计的工作内容

「UI设计师」 —— 从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。一名UI设计师，其主要工作在于注重页面的呈现效果，在考虑界面美观程度对用户体验的影响下，来进行设计。

图源：behance

从网页UI设计师来举例：当你打开一个网页，看到其中的导航栏、界面元素或icon等等，这些视觉产物都是UI设计师的作品。当然，在设计过程中UI设计师也要参照团队方案和参考产品经理的想法，来进行深入设计。

三、新手该怎么学？

开篇已经提到，网页设计需要掌握的技能无非这几点：

1）基本功 —— 理解UI产品受众，掌握美术基础知识

2）绘图工具 —— 熟练掌握Sketch、Pixso等UI设计软件

3）思维 —— 理解产品交互功能逻辑、理解用户

该怎么学？主要也是三点：

1）勤练

—— 光说不练假把式，设计类的专业，唯有多练习多创作才能得到进步。

目前网页设计师算是一个高薪职业，越来越多非科班出身的人加入这一行，各类培训班如雨后春笋般开满了，但上再多的课，学再多的理论知识，终究只有把基本功练好了，把绘图软件玩转了，才能有资本去敲开企业的大门。

2）多看

—— 练习很重要，但偶尔也要停下脚步多观摩大佬的作品，不能一味的埋头苦干。通过模仿和揣摩，可以学到更多。

图源：behance

除了多浏览作品，多看看一些设计类书籍与理论也是有必要的。

▶  《设计心理学》

▶  《界面设计模式》

▶  《简约至上》

▶  《认知与设计》

3）多思考

—— 练习与浏览过后，更需要回顾自己的不足，看看哪一方面需要调整，这样才有进步的可能。

图源：behance

四、工具推荐——Pixso

既然要做网页设计，那总要会一款矢量设计软件吧？如果是新手入门，那Pixso非常适合你，原因有五点！

方便！打开网页就能设计，无需下载、安装软件，试错成本极低！

免费！可以免费用到天荒地老，比起安装即需付费码的其他软件，Pixso对新用户极其友好！

简单！中文生态，符合国人的使用习惯；功能精简，满足UI设计的需求又不会过于复杂！

全面！虽然是轻量级软件，但该有的功能一个不少，从矢量网格到自动布局，全都安排上了！

而且无需安装插件，Pixso内部就配置了素材资源库，内置素材2300+，新手起步时都可以用得上~

目前市面上确实也有不少UI设计软件，例如海外的sketch，但与之相比，Pixso有不少自己的优势：

01 全平台适用：基于web的软件，不像sketch只支持mac用户，Pixso适配macOS、Windows、Linux等平台。

02 在线设计，云端储存：不用下载，无需更新，打开网页就能快速设计！

03 多人实时协同工作：可以多人同时在一个文档中进行操作，各司其职互不干扰。

04 团队共享资源库：所有组件、样式资源云共享，一处修改，全局更新。

05 一键交付设计稿：一个链接分享设计稿，点开就可获取最新设计文件~

附上Pixso传送门，大家可以点击一下开始体验