您好,欢迎访问上海术业教育培训有限公司!

021-52657951

全国咨询热线

您现在所在位置:主页 > 集团新闻 > 学习资讯 > web全栈 >

网页前端设计快速入门技巧_零基础如何学习网页设计?

更新时间:2021-03-24

术业教育开设网页前端设计培训班聘请资深网页全栈工程师,经过多年网页设计教学总结出了网页前端设计快速入门的技巧,教你如何零基础学好网页设计

一、学习网页前端设计需要多看
1.看布局,看颜色搭配
设计一个页面,不是随随便便就能凭空想象出来的,前期要会简单的做效果图,设计前期主要是网页的布局形式以及网页颜色搭配。多看行业的网站,看什么?看布局,看颜色搭配。比如说要做一个“个人博客”,就百度搜索“个人博客”这个词,从第一页第一排开始点,看到你不想看,看烦为止。
2.看代码
鼠标右键,查看源码;F12,审查元素;这是两个常用的操作,比如要想看一个页面的源代码,鼠标右键,查看源码,看HTML代码写得是否规范,乱不乱,div布局合理不合理。F12,审查元素,比如导航栏颜色,文字间距,字体大小等等。

二、学习网页前端设计需要多做
1.做设计图
会简单的photoshop(ps)操作,能够简单的拼出网页的效果图。对于新手来说,东拼西凑,会截图,会拼图就行了,比如说,搜索“个人博客”看了大量的博客网站,哪些模块是你想要的,可以仿照的,就给截图下来,拼在ps上面,最后再在ps里面修改一些细节部分。设计图呈现的效果,要保持大小比例,因为最后html要还原设计图的效果,尺寸大小基本上要一致才行。
2.做页面
页面是根据效果图来做的,如果ps功底不好,也想节约时间,那就仿站,仿你认为好的页面,不是鼠标右键另存为,不是照搬别人的css代码,而是参考他的页面,自己规划html布局,然后写css样式。写不出来,就查看源码,或者f12审查元素,看看别人怎么写的,不要复制,一定要自己一遍一遍的敲出来,这样自己才会有印象。这里我说的仿站的原则就是,不要照搬,要有你自己的思维方式。

万事开头难,希望从你下定决心要学习开始,就一定要坚持下去!每一个人的成功,都不是轻而易举的。越努力的人会越幸运!当你决心走上的前端设计之路,术业教育与你携手前行,我相信我们每一个人都是幸运儿!
'

免费试听课程

课程顾问为您服务,与全球1000万会员一起提高学习掌握技能

免费试听热门课程
看不清?点击更换看不清? 立即申请免费试听

在线客服

ONLINE SERVICE

联系电话

021-52657951

返回顶部