2024年前端网页设计 篇1
学习UI设计和web前端属于两种分类，一个是设计师是不用写代码的，偏重于设计，一个是网页前端开发，偏重于代码编程，还是要学习很多开发代码知识的，比如html，js，css，h5等，这些都是网页开发的必备知识，其次还要学习各种成熟的端框架，比如jquery，easyui，extjs，vue，Angular，Bootstrap，Node.js，React.js等等。在学习这些内容之前取决于你是想要一些参考素材网站还是想要一些教学资料网站，如果是素材网站就比较多了，设计方面比如千图网，千库网，包图网，花瓣网，ui中国，学ui网，致设计，一起学设计，优阁网等。web前端，比如17素材网，W3Cschool，前端学院，runoob.com，h5之家。也建议多看看论坛，博客园，csdn，希望对你的学习有所帮助。
2024年前端网页设计 篇2
做前端设计、网页设计的，素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。
我大学时候，在一家非常小型的创业公司实习。公司人员只有几个，所以在那时我基本上算是独立开发了一个旅游酒店订购平台，前端设计、后端开发、公众号开发等等都涉及，那段时间基本是我最全能的时候了。
所以当时我也收集了许多的前端素材，在这里一并分享给大家。
一、图标类
每一个Web开发者，尤其是前端开发人员一定都会需要icon图标来为项目增色。Font Awesome Icons
Font Awesome提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
Icon Monster
特点：免费，高质量,。非常简洁的icon图标库。
IconFinder
这是一个比较有设计感的Icon图库，并且已经打包分类好，缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。
附上圣诞特辑！
Iconfont-Alibaba
阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。这个相信大家都用过！
二、图片素材
无版权限制的图片素材PEXELS
Pexels可以说是图片素材界的超级网红了，说到图片肯定哪里都有它，我自己都推荐好几次了。可以免费下载各种各样的分辨率，包括原图尺寸。
网址：(https://www.pexels.com/)
例如搜索：圣诞节（Christamas）
PNGimg
这个主要用作素材，是不同种类的无背景素材图片！直接可以免费用。注意它是全部都是无背景图片，非常适合那些需要PNG透明底配图的。
(http://pngimg.com/)
例如搜索：Birds
KaboomPics
KaboomPics是以生活化免费高质量图片素材为主的图片素材库。里面的图片都是摄影爱好者摄影后通过审核上传的。并且可以应用于任何项目，没有版权限制。
自媒体可以从中找封面图，摄影爱好者也可以从中欣赏或着学习。
Unsplash
（https://unsplash.com/）
先这样~希望这些资源对你有帮助，下次还会更新一些web开发的常用工具。
如果有帮助，欢迎关注我以示支持，也以防错过下一波干货！~
2024年前端网页设计 篇3
网页设计师主要的工作是用photoshop或者是类似的软件来将页面画出图形来。而前端工程师是将网页设计师画出来的设计图形变成真实的网页。这是完全两种不同的工种。
一般来说网页设计师都能做一些平面设计和ui ue的设计，甚至你拍了几张照片儿，也可以要求网页设计师帮你ps一下，美化一下。而前端工程师一般来说都不会做这相关的东西。
前端工程师是一个编程类的岗位，他需要掌握的语言有html和css，还有js。
简单点说，网页设计师就是画画的，而前端工程师是写代码的。
以上文字只是我的个人观点，如果各位看官有不同的观点，欢迎在评论区中讨论留言。
如果喜欢我的回答，可以给我点赞，转发并关注我，我在这里谢谢大家了。