Web设计师:网页设计如何自学成才

开发 前端
Web设计师的路是充满挑战性的路。有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担。最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易。

我希望向对扩展自己设计方面的知识有兴趣的人介绍一些有用的资源。内容涉及从网页表单,教程,以及发表博客等到你可以想到的几乎每个话题。你唯一需要的就是强烈的学习意愿和决心!

创建标准网站

对于那些不熟悉标准网站的人,你其实只需要学习一门语言。HTML5是W3文档系列***发布的版本。在这里我们可以发现结构化的基于标签和属性的树状层级语言。

Web设计

然而如果只有HTML,你能做的可能只是没有真正创造力的乏味的格式。CSS是一门用名-值对来书写的样式语言。在这些文件里,你针对页面目标元素写代码并更新它们的样式。它些样式可能是字体号或字体,背景色,位置,边框或基本上你能想到的所有其它方面。

有这两门语言就可以很容易的在几天内创建一个网站。它们的学习曲线不是很陡峭,一旦你理解了两个语言如何互相交互,那剩下的几乎就只是学习新的和不知道的标签了。它就像学习一门新语言一样——一旦你理解了基本语法,主要的挑战就在学习不同类型的词汇上了。

HTML学习资源

如果你从来没有学习过HTML或只是想扩展你的知识,我可能会推荐Net Tuts+(http://net.tutsplus.com/). 他们是一个流行的网页开发博客,上面发布了许多非常有用的HTML代码片段。

他们不仅仅关注HTML,所以你可能会看到很多其它类别的文章。他们的类别包括PHPJavaScriptPythonRuby以及其它许多分类。

W3Schools HTML5 page(http://www.w3schools.com/html5/default.asp)是另一个很有价值的资源。如果你有2-3个小时的空闲我强烈推荐你学习一下他们简单的课程。每个方面都被提到,每个元素之间的过渡也很好,直到创建你的最终网页。

如果要更专业一点的话,我找到了一些特别的站点。Dave Woods写的标题为HTML 5 教程 – 入门的文章,概括了在你创建***个网站时需要了解的所有主要内容。

至高无尚的CSS

如果HTML足够简单并且你想提高你的CSS技巧,我推荐一些类似的资源。W3Schools实际上突出两方面的课程。首先是介绍标准的CSS类如何装饰你的网站。这包括字体,颜色,标题,链接与及导航菜单。

为作它们中的高级成员他们的***的CSS3 release提供了***特性的深度解析。这些新特性在现在越来越流行,比如阴影效果和圆角。

类似的,还有大量的文章可以参考。与CSS技术一起,很多开发者已经在整合CSS3教程。

丰富的想象力

一旦你学习设计到了一定的程度你就会觉得很容易创建一个简单的网站。它不需要最漂亮,但是如果你想了解从头到尾的整个过程那接下来就需要学习一些新的前沿知识。

一些设计师倾向于图像艺术。这可能是图标或logo设计,插画或矢量图,背景,以及其它形式的图像。数字艺术基本上通过Adobe的软件套装就可以建立,并且使用它们会感觉到很轻松地表达创造力以及创建网页布局。

在相似的规模下网站的规范化会很大程度地影响用户心情。如果你熟练画图和徒手画图工具,尝试使用Adobe Illustrator。使用它很容易创建矢量图,用于吉祥物,logo,甚至是Flash的背景图。

图标设计也是一个相似的,设计师会用Photoshop或Fireworks来做。顺便学会设计图标会带来区大的好处。

你可以在新开的Web Design Tuts+博客中找到这些文章。他们专注于设计页面图像,布局,线框之类的。总之这是一个需要掌握的很好的技能,因为它们使得网页开发更容易。

结论

现在做网页设计比以前任何时候都容易。历史上网页是用来公开讨论和分享知识的地方。网页设计社区很乐意帮助别人去理解.
 

原文链接:http://rockux.com/archives/%E8%87%AA%E5%AD%A6%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1

【编辑推荐】

  1. 开发移动版网页的技巧:一个案例
  2. 网页设计师晋阶必知的十个小窍门
  3. 网页设计的80/20规则 你可知道?
  4. 中国的网页设计为什么这么烂?
  5. 推荐25个非常优秀的网页表单设计案例
责任编辑:陈贻新 来源: RockUX
相关推荐

2020-01-21 22:00:34

程序员技能开发者

2020-11-04 10:21:37

机器学习技术人工智能

2017-01-10 14:59:03

开发者故事

2016-01-27 10:36:25

程序员自学

2017-02-09 16:52:33

开发者优势劣势

2015-04-07 13:29:06

编程自学开发应用

2021-12-22 10:57:26

机器学习人工智能计算机

2017-01-10 10:14:47

新手学习编程

2020-08-04 08:42:10

Python开发工具

2015-07-27 15:26:47

设计

2011-05-07 16:57:30

网页设计师网站

2016-02-01 10:12:22

网页设计移动端

2019-04-30 14:36:36

程序员技能开发者

2013-12-19 10:35:32

产品设计jue.so工作坊

2011-08-03 11:08:27

HTML 5

2011-01-25 14:50:50

Chrome扩展

2017-09-01 16:38:35

Chrome

2021-02-18 00:09:23

程序员编程技能

2015-11-09 10:29:05

设计师前端

2009-06-29 09:05:23

Web开发手册
点赞
收藏

51CTO技术栈公众号