Web设计师的路:自学网页设计的有用资源

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

Web设计师的路是充满挑战性的路。有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担。最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易。
我希望向对扩展自己设计方面的知识有兴趣的人介绍一些有用的资源。内容涉及从网页表单,教程,以及发表博客等到你可以想到的几乎每个话题。你唯一需要的就是强烈的学习意愿和决心!

创建标准网站

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

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

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

HTML学习资源

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

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

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

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

至高无尚的CSS

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

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

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

丰富的想象力

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

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

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

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

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

结论

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

转载请注明:
作者:RockUX–WEB前端
出自:自学网页设计

时间: 2024-09-08 13:18:10

Web设计师的路:自学网页设计的有用资源的相关文章

Web设计师应遵循的高效设计原则之三:对齐

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 摘要:<写给大家看的设计书>一书把复杂的设计原理凝炼为对比.重复.对齐和亲密性四大设计原则.本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具.本文为第三篇,讲述对齐在网站设计中的重要作用及辅助工具. 主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第三篇<

Web设计师应遵循的高效设计原则之二:重复

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 摘要:<写给大家看的设计书>一书把复杂的设计原理凝炼为对比.重复.对齐和亲密性四大设计原则.本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具.本文为第二篇,讲述重复在网站设计中的重要作用. 主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第二篇<Effec

DIVCSS网页设计总结:有用的3个网页制作技巧

网页制作Webjx文章简介:DIVCSS网页设计总结:有用的3个网页制作技巧. 我们在进行DivCSS布局的时候,非常关注CSS技巧的学习,今天向大家推荐3个所谓的 "顶级"CSS技巧!虽然没有什么新意,但对新手而言却非常重要! 一.在一行内声明CSS h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}  h2 {  font-size:18px;  border:1px soli

网页设计师指引:当前的网页设计趋势

文章描述:设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的.我们的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习. 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这

WEB设计师需要什么样的网页字体?

7月14日至19日,于 Atlanta 召开的 TypeCon 2009 上,人们讨论了如何在 Web 中嵌入字体(Web Font Embedding: The New State of the Debate),关于这次会议,有以下 Twitter 消息可以参阅,Stephen Coles 的 @typographica 以及 Grant Hutchinson 的 @splorp. Web 设计师们需要什么? Web 设计师需要更多选项,他们需要更多字体,目前,诸如 sIFR, Cufón 等

11个成为设计师好帮手的网页设计工具

如果你是一名Web设计师,想设计一些东西,但是你又苦于不到好的工具或者软件.又或者你想跳槽,不知道设计师该如何才能找到适合的工作,这个时候怎么办?又或者你觉得你的设计工作太枯燥了,想偶尔的娱乐一下,那么又该找谁?我想下面11个软件或者网站应该回对你非常有用. 1) CS6 & Creative Cloud:这两个软件都是值得拥有的,而我想其中的理由大家都懂. 2)Coda 2 for Mac:Panic最近发布了两款全新的应用, Coda 2就是其中的一款,而且是大家期待已久的Mac网页编辑器.

Web设计师应遵循的高效设计原则之亲密性

"亲密性"是"Web设计者应遵循的高效设计原则"中的最后一个.引导用户顺利浏览网站,合理使用空白间隔,把相似的内容放在一起,提供清晰的结构是"亲密性"设计标准的所有内容. 间隔与关联 图1Web设计的亲密性,即把相似或相关的元素组织在一起,对不相关或不相似的元素进行分离. 当元素之间发生重叠或接触,那最上层的元素就会获得主要的注意力.观看图1,你是否首先注意到"Proximity"这一部分?你的眼睛首先会被紫色部分吸引,之后向

给网页设计师的移动端网页设计简明指南

  早在几年前移动端的数据流量就已经超过桌面端了,手机和平板占据主流,而融合两者优势的巨屏手机更是大行其道.对于现在的设计师而言,真正的第一屏到底是桌面还是移动端界面,真的很难说了.也许"移动端优先"的说法并不准确,但是"移动端屏幕为主"的说法和实际状况已经非常接近了.打造优秀的小屏用户体验,已经是当今设计师深入骨髓的本能了. 那么造就优秀的移动端用户体验,最重要的是什么?精细的图片?雅致的图标?还是细致入微的UI界面?如果你经常浏览移动端网页,你最期待的应该还是无

Web设计师应遵循的高效设计原则

主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第一篇<Effective design principles for web designers: Contrast>的译文,内容如下: 如果你接受过设计方面的正规课程,你可能已经了解了高效设计原则,它包括四个著名的标准概念:对比(Contrast).重复(Repetition).对齐(Alignment)和亲密性(Proximity).很多人简称为PARC或CRAP.这四个设计原则是