你要做的是网页设计,还是前端开发?

很多同学自己的专业,不是网页相关的专业。如不是计算机专业还是设计专业。初学者,傻傻分不清web设计和web开发,就以为"做"几个简单网页就是设计,用ps做几个网页设计稿,就是做网页。
这样导致:你不知道学什么好啊!最离谱的,做网页设计,必须精通js(工作多年的前端人员也不敢这么说)。

我来告诉你什么是前端开发,什么web设计。(工作之初,我也想做设计,但经过一段时间,我更偏向前端,所以我转向前端开发)

/*网页设计*/

1.什么设计,既然谈到设计,那么就学习视觉美感,而最直接的就是平面设计理论,如平面设计里面的三大结构,色彩,平面,立体。

2.网页设计,需要手绘功底吗?

很多人说设计不需要手绘功底,是不需要,但是你的最起码会用鼠标制作简单而精美的图标、图案……,所谓的手绘,我就拿电商的网站来说吧!

例如天猫网站顶部,这些图案多多少少涉及到美术基础知识,透视,明暗调子,这是一个网页设计工作者,很平常的事情。如何学习绘画,我只说一点,不要相信网上什么几个月就能怎么着画画的很好。

/*前端*/

1.作为前端,说白了,我们是网页设计的裁缝,对设计稿进行切图,不需要设计,我们只需要和设计师沟通,如图片太大了,会溢出等这样问题。

你说前端开发者是不是程序员。只能算是半个程序猿,另外的称呼,我们是伪装的程序员。

在亲切点,切图仔。

/* 代码的问题*/

1. 设计师要不要学习html、css?(这也是大家最纠结的问题)

答案是要学习,怎么学习,了解最基本的html结构,css的属性,css选择器即可。
作为设计师,你不要指望把他们精通,很多人说html结构简单?是简单,不要以为记住几个标签,写出网页出完事了。为什么还有很多人写不好结构,或者前端开发新手不适合写结构等问题了。你如果是想成为web设计师,应该把更多的时间花在设计上,代码只是辅助。

例如:当你听到什么浏览器的兼容性的问题,你不用管他,你需要与切图仔沟通,让他解决。

2.做为切图仔的我们,代码我们从何处起学习代码。

首先考虑自己ps、dw、Firefox、chrome(具的使用是最起码的事),切图人员的切的网页图片,没有像平面设计的格式那么复杂,常用就jpg,png,大致了解即可。

接下来开始学习代码(下面的这些代码,不论是前端还设计都改掌握的),按照列举依次学习:

html

1.什么叫标签?如<html> <p>

2.书写规范?如开始标记<html>,结束标记</html>

3.文本的标签

4.列表(table,ul ,dl)

5.链接<a>

6.图像

7.表单

8.视频和音频

css

1.css的基本样式属性

2.颜色

3.文本

4.盒子模型

5.列表、表格和表单

6.布局

7.图像

这些基本的东西,你可以在网上寻找“老师”,这老师可能是一本书,可能是一套教学视频(找不到,可以去这个:peixun.qietu.com,也可能是一个真实老师(一般勾搭上,比较难)。

这些都掌握了,前段学习者就在网上下载网页psd设计稿,拿着自己做,做出网页要多种浏览器显示,你发现的各种浏览器各种兼容的问题,然后把这些问题解决并总结,记住:这些总结方法是你的工作技能。

这些的工作,大概是你第一年头做的。当然了,在这一年,js这块也的学习,你了解最基本的基础概念,如函数,和各种循环(常用if(){……}else(){……}),立马转头,学习jq……

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833

http://dingxiangming.com

原文链接:,转发请注明来源!