零基础入门网页设计难吗？
时间：2022-07-31 05:12:01 | 来源：网站运营
时间：2022-07-31 05:12:01 来源：网站运营
网页设计关注者
246被浏览
98,80523 个回答
李汶骏从平面入行到网页UI设计，Web前端爱好者！
任何知识的学习都是入门容易，精通难！零基础学习网页设计同样也是如此，只能说站在前人的肩膀上，按照相对正确的流程来系统学习网页设计，对于入门，能够变得相对轻松而已。后面有平面设计学习日记网整理的网页设计入门教程推荐！
▽图例：优秀的电商网页视觉设计。作者：尚云。
一、关于网页设计行业
现如今，常见的网页设计类型有：1.企业站。如：某某公司的网站，以展现公司形象以及业务信息为主。2.门户站。如新浪，搜狐，以大量图文信息为主。3.专题活动页面，如每年天猫双11的活动促销页面，或者新品发售的宣传页面。以上三类网页，都是以信息呈现为主，是我们平日里最常见的三种。除此之外还有论坛、地图、音乐、网站后台界面等，以功能型为主的网页设计。
行情：高级网页设计师，平均工资8180，这个水平通常是3~5年的一个薪资待遇，而1~3年的新手则常停留在5k上下。随着电商的兴起，市场对网页设计的需求量巨大，其中蕴含着无穷商机！新公司企业建站、淘宝商品的介绍页面、店铺装修、促销专题页面、括移动端页面等等，着都需要网页设计这个岗位。
二、自学网页设计之前，你需要知道的4件事。
自学网页设计，你首先得了解网站的制作流程。在有了全局的概览后，你才能对接下来所要学习的知识，做到了然于胸。然后再做有针对性的学习和训练，方能够更高效率的入门网页设计。当然条条大路通罗马，方法并非唯一，以下就结合自己的学习和工作经历做个总结，希望能对初学者有所帮助！
▽图例：优秀的网页设计作品。类型：企业站。来源：http://t.cn/R5qjT2v
1、网页设计的制作流程
通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。我们平常所说的【网页设计】与「网页制作」则分别对应着6个环节中的【视觉设计】与「前端制作」，在实际的工作岗位中，其分别由“网页设计师”与“前端工程师”去执行完成。
很多初学网页设计的朋友，对这两者的关系往往是傻傻分不清楚的状态，对自己的专业定位没有清晰的认识。这就导致学设计的同学，后来干到了“前端工程师”的岗位，学前端的孩子开始猛补“设计知识”，这个就是要走偏的节奏。
▽图例：优秀的网页/平面视觉设计作品。来源：Behance
在这分工协作越来越明确的年代里，唯有专精自己所在的领域，才能脱颖而出，泛泛而学，只会变得平庸！如果想要成为多面手，那也得先精通一门核心技能！
2、网页设计，是以视觉设计为主工作。
自学网页设计的核心任务是学习“视觉设计”相关的知识点。 如何更加高效的传达版面信息？如何规划页面路径？用什么样的排版，或者富有创意的表现形式？用什么样的颜色，以及多大的字号？这是新手学习网页设计应该画下的重点。
▽图例：优秀的网页/平面视觉设计作品。来源：Behance
一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。视觉+交互，是网页设计师的核心竞争力。
其中“视觉设计”的依据，源于前面的策划和交互设计。最后出具的“视觉设计稿”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！
3、网页制作，是以前端代码为主。
网页制作在流程上，是在设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML、CSS、以及JavaScript、jQuery等前端代码，来还原网页设计师的“视觉设计稿”，以及交互动画等。
“前端工程师”除了要配合网页设计师外，还要配合做后端工程师，做好网页端的数据收集处理等工作。如果你要励志成为一个优秀的网页设计师，请牢记自己的岗位职责和学习重点，在没有认清“视觉设计”前，要当心自己是不是越位到Web前端开发这个坑里去了。
▽图例：优秀的电商网页设计作品，视觉合成。作者：尚云
再比如优化网站所需的SEO、Ajax等技术，虽无需你动手实践，但能做到了解一二，也是不错的加分项。在设计的时候，也可充分利用这些规则和技术来规划你的版面，使其更加的专业友好。
4、那么问题来了，新手学习网页设计要学些什么？
(1).首先要精通设计软件，把Photoshop玩转，这是网页设计的主力工具！
(2).深入学习排版设计、色彩构成，掌握视觉基础规律（构成、透视、光影）
(3).掌握网页设计规范，了解常见的网页布局形式，学习交互设计等基础知识。
(4).了解前端代码HTML、CSS、JS、JQuery的运用，学一款代码编辑软件（如：Dreamweaver）
(5).了解你设计网站的公司及产品，熟悉这个公司及其产品面向的人群！
(6).拓展学习网站优化、开发、后台数据处理常识（加分项目！）
前四个是基本功，后面的是加分项。越靠前越重要！
三、通过视频教程和书籍，来系统学习网页设计。
1.网页设计书籍推荐
(1).网页设计实践畅销：《界面设计模式(第2版)》
(2).设计入门启蒙书籍：《写给大家看的设计书(第4版)》
(3).色彩搭配实践书籍：《互联网产品(Web/移动Web/APP)视觉设计·配色篇》
(4).网页交互设计经典：《简约至上：交互式设计四策略》
(5).如何制作响应式网页：《响应式Web设计实践》
2.网页设计视频教程
学习流程参考：http://www.xxriji.cn/career/7.html
(1).【基础】视觉设计基础理论：学习三大构成、素描基础。
(2).【基础】必备网页设计软件：学习Photoshop视频教程、Dreamweaver视频教程。
(3).【核心】网页设计专业知识：学习网页设计设计概述、制作流程、视觉元素、色彩搭配、以网页布局排版、切图、交互知识等。
(4).【核心】网页设计视觉提高：学习网页设计思路，将文案创意到视觉化呈现的全过程，以及画面光影细节刻画的技能提高。
(5).【拓展】更好的团队协作：学习HTML+CSS网页前端课程。
其中视频教程和书籍，里面涉及到的知识点有少许重合，开卷有益，希望大家学有所成！真诚推荐，望以对初学者有所启发！
(完)
未经许可禁止转载，侵权必究！
在线咨询
