一、在自学网页设计之前,你需要知道的4件事
网页美工培训老师的建议是,如果自学网页设计,你首先得了解网站的制作流程。在有了全局的概览后,你才能对接下来所要学习的知识,做到了然于胸。然后再做有针对性的学习和训练,方能够更效率的入门网页设计。当然跳跳大路通罗马,方法并不是。
1.网页制作流程
通常情况下,任何一网站的建立,都会经过“分析策划--交互设计--视觉设计--前端制作--后端制作--上线”6个环节。我们平常所说的网页设计与网页设计则分别对应着6个环节中的视觉设计与前端制作,在实际的工作岗位中,其分别由“网页设计师”与前端工程师”去执行完成
很多初学网页设计的朋友,对着两者的关系往往是傻傻分不清的状态,对自己的专业定位没有清晰的认识。这就是导致学涉及的同学,后来感到了“前端工程师”的岗位,学前端的孩子开始萌猛补“设计知识”。
在这分工协作越来越明确的年代里,唯有专精自己所在的领域,才能脱颖而出,泛泛而学,只会变得平庸!如果想要成为多面手,也要得先一门核心技能。
2.网页设计是以视觉设计为主工作
网页美工培训老师觉得自学网页设计的核心任务是学习“视觉设计”相关知识点。如何更加的传达版面信息?如何规划页面路径?用什么样的排版,或者富有创意的表现形式?用什么样的颜色,以及多大的字号?这是新手学习网页设计应该划下的。
其中“视觉设计”的依据,源于前面的策划和交互设计,然后出具的“视觉设计稿”的负荷品牌定位,满足生产运营,以及用户需求,这是网页设计师必须的基本功。
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.网页设计视频教程
1)【基础】视觉设计基础理论:学习三大构成、素描基础。
2)【基础】必备网页设计软件:学习Photoshop视频教程、Dreamweaver视频教程。
3)【核心】网页设计专业知识:学习网页设计概述、制作流程、视觉元素、色彩搭配、以网页布局排版、切图、交互知识等。
4)【核心】网页设计视觉:学习网页设计思路,将文案创意到视觉化呈现的全过程,以及画面光影细节刻画的技能。
5)【拓展】更好的团队协作:学习html+css网页前端课程。