十一个免费在线网站让你轻松自学网页设计

Author: Chris Song

其实,网站设计在整个产品设计体系里,不算特别大的类别。所以它的难度、工作量算不上最难得,比起后期市场崛起的ui设计交互设计用户体验设计等等算是轻松很多。市面上网页设计的教程书籍也不少,但现在的新手年轻设计师已经不满足于翻看书籍来学了,还希望有更好的自学网页设计的网站在线课程及视频。今天就借此机会分享十一个非常实用且免费的在线课程,希望这些网站能让你自学网页设计更轻松



01

-

Don’t Fear The Internet



这个网站所提供的学习系统旨在为用户提供系统的艺术类知识的学习,比如帮你称为设计师或者摄影师。现在网站加入了网页开发的课程,如果你正好拥有一个有待设计和优化的网站,那么这里的课程正好可以带你一步一步搞定网站的设计和开发。七个简短的视频,七个切实可行的步骤,跟着课程设计并开发好网站就好了。


官方网址:http://www.dontfeartheinternet.com/



2

-

Learn Layout



这个网站更多的是给有网站开发基础知识的人准备的,如果你对于HTML和CSS有基本认知的话,那么你可以从这里开始继续学习提高。教学过程中,网站提供了内容翔实的幻灯片,你可以按照你的状况控制学习进度。


官方网址:http://www.learnlayout.com/



3

-

Code School



学以致用是Code School的座右铭。的确,对于初学者而言,持续不断地保持热情并不现实。而这个网站就是为绝大多数不愿意折腾CMS系统,也不愿意学习繁琐技术细节的朋友准备的。虽然这种入门教程仅有8次课程,但是会为初学者带来不少帮助的。


官方网址:https://www.codeschool.com/



4

-

Dash General Assembly



这是一套为初学者准备的网页设计基础课程,通过一系列充满故事性,富有交互性的内容构成。和其他的课程类似,其中包含了JS、HTML和CSS的知识。作为一套轻量级的课程,这里并不会教授你如何自己写一个完备的电商网站,这套 课程更多的是让新手了解如何调整、使用一个全新的网站,在设计和程序编写上不会进行过于深入的讲解,总之,它会让用户无需花钱去购买那些看起来很高端的服务。


官方网址:https://dash.generalassemb.ly/projects



5

-

Channel 9 Web Development



如果你是一个没有任何编程开发经验和网页设计经验的初学者,那么这里的课程就很适合你了。这里针对初学者准备了21个视频,它们容易理解,循序渐进,并且覆盖了所需要的基础知识。


官方网址:http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners



6

-

Aquent Gymnasium



Aquent Gymnasium 是一个非常不错的站,时下流行的响应式网页设计、最新的前端技术、CSS样式和用户体验设计相关的课程,你都可以在这里找到。这是一个按照类别来划分的网站,有深入的设计知识,也有专业的编程视频,这里的一切,都是围绕着称为专业的网站设计师/开发者而进行的。


官方网址:http://gymnasium.aquent.com/



7

-

Alison’s Web Development



Alison的网页开发课程总共分为9个部分,这套简单易懂的课程能让你在自己设计并开发网站过程中,获得足够的成就感。课程主要覆盖了HTML和CSS等常见内容,涉及到设计、开发和发布等不同部分,循序渐进,在实战中学习,是你学习过程中不错的引导。


官方网址:http://alison.com/courses/Diploma-in-Web-Development



8

-

Webmaking 101



这是一套颇为不错的网页设计课程,不过如果你想深入钻研响应式和动效的话,那还是先不要看这套课程。这里的课程内容大多是从网上搜集整理而来,绝大多数的知识和内容都覆盖了,唯有近期流行的响应式和动效暂时还没填补上。有些技巧和窍门在这里并非一脉相承,所以看的时候,还需要你自己进行适当的打磨和钻研。


官方网址:https://p2pu.org/en/schools/school-of-webcraft/sets/webmaking-101/



9

-

Code Avengers



这个网站涵盖了100多个课程,其中覆盖了从嵌入式到设计JS动效等多种内容,有的课程甚至上手就教你怎么做APP。如果你的需求正好比较独特,说不定能在这里找到你需要的。


官方网址:http://www.codeavengers.com/



10

-

The New Boston



这是一个Web应用开发的网站,有53个视频,主要是针对HTML5和CSS3这方面内容的。这些视频详细介绍了HTML5和CSS3的相关规范,分析其中个功能和详细各个元素的含义和使用方法。


官方网址:http://thenewboston.org/list.php?cat=43



11

-

SumaArt Share



这个网站频道则是我们素马自媒体重点推出,且每天都有更新设计方面的原理、技巧、教程等方面的实用知识。如你对网页设计非常感兴趣,不妨搜索相关文章学习!


官方网址:https://www.sumaarts.com/share


相关阅读