想自学网页设计与制作，有没有比较系统的教程？
时间：2022-08-30 20:39:01 | 来源：网站运营
时间：2022-08-30 20:39:01 来源：网站运营
想自学。但是网上都是什么“一点通”，“从入门到精通”，“新手必看”等等，感觉教程一点都不系统。求大神推荐！关注者
22被浏览
51,5164 个回答
李汶骏从平面入行到网页UI设计，Web前端爱好者！
想要自学网页设计，你首先得了解网站的制作流程，有了全局的概览后，再做有针对性的学习训练，才能事半功倍，后面有比较系统的教程推荐。
0、网页设计的制作流程
通常情况下，任何一网站的建立，都会经过“策划阶段—交互设计—视觉设计—前端制作—后端制作—测试上线”六个环节。题主上面所说的【网页设计】与「网页制作」则分别对应着六个环节中的【视觉设计】与「前端制作」工作。
1、网页设计，是以视觉设计为主的工作。
自学网页设计的核心任务是学习“视觉设计”相关的知识点。 如何更加高效的传达版面信息？如何规划页面路径？用什么样的排版，或者表现形式？用什么样的颜色，以及多大的字号？这是新手学习网页设计应该画下的重点。
一个网页被设计出来，是给人用，给人看的。 要好看（简洁）、要好用（高效）这才是一个设计师需要反复考虑的。视觉+交互，是网页设计师的核心竞争力。
其中“视觉设计”的依据，源于前面的策划和交互设计。最后出具的“视觉设计稿”得符合品牌定位，满足生产运营、以及用户需求，这是网页设计师必修的基本功！
2、网页制作，是以前端代码为主的工作。
网页制作在流程上，是在设计之后。这部分工作通常是由WEB前端工程师来完成的，工程师通常会运用到HTML以及CSS等前端代码，来还原网页设计师的“视觉设计稿”。
如果你要励志成为一个优秀的网页设计师，在没有认清“视觉设计”时，要当心自己是不是越位到Web前端开发这个坑里去了。优化网站所需的JS、SEO、Ajax等技术能知道便可，更无需你动手实践。
3、那么问题来了，新手学习网页设计要学些什么？
(1).首先要精通设计软件，把Photoshop玩转，这是网页设计的主力工具！
(2).深入学习排版设计、色彩构成，掌握视觉基础规律（构成、透视、光影）
(3).掌握网页设计规范，了解常见的网页布局形式，学习交互设计等基础知识。
(4).了解前端代码HTML、CSS、JS、JQuery的运用，学一款代码编辑软件（如：Dreamweaver）
(5).了解你设计网站的公司及产品，熟悉这个公司及其产品面向的人群！
(6).拓展学习网站优化、开发、后台数据处理常识（加分项目！）
前四个是基本功，后面的是加分项。越靠前越重要！
4、系统学习网页设计的视频教程和书籍
(1). 书籍推荐
网页设计实践畅销：《界面设计模式(第2版)》
设计入门启蒙书籍：《写给大家看的设计书(第4版)》
色彩搭配实践书籍：《互联网产品(Web/移动Web/APP)视觉设计·配色篇》
网页交互设计经典：《简约至上：交互式设计四策略》
如何制作响应式网页：《响应式Web设计实践》
(2). 视频推荐
地址：网页设计自学教程 - 来自BAT网页设计师的实力巨献 (http://www.xxriji.cn/career/7.html)
上述网页设计教程分为四个部分，从视觉理论基础，到网页设计软件技法，再逐步深入到视觉设计提高及思维训练，最后再是拓展HTML、CSS等前端基础知识。相信大家能从中系统的掌握网页设计这门技能。
其中视频教程和书籍，里面涉及到的内容知识点很少有重合的，开卷有益，希望大家学有所成！
真诚推荐，望以上，有所帮助！
在线咨询
