很多同学自己的专业,不是网页相关的专业。如不是计算机专业还是设计专业。初学者,傻傻分不清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