2024年网站设计如何自学 篇1
常用的设计网站
Behance - 全球设计师的作品展示平台
Dribbble - 界面设计推荐必去网站
CSSWINNER - 国外优秀CSS网站画廊
MUUUUU - 日本网页画廊，更新较快
韩国设计森林 - 韩国网页画廊网站
90设计 - 电商、海报源文件素材
abduzeedo - 每天创意灵感分享
创客贴 - 极简的平面设计工具，托拉拽创建精美设计
包图网 - 1000万套品质素材免费下载
视达网 - 专注（电商、平面）设计视频教学
摄图网 - 100万高清正版图片免费下载
Pinterest - 全世界的灵感都在这了 花瓣 | UI中国 | 站酷 设计素材UI干货
UI-Cloud - 海量UI资源，可当素材库或灵感库使用
flypixel - 目前已有800多个优秀UI资源
365psd - 每天一款高品质PSD素材
Pixeden - APP UI、网页模板、纹理等
优秀设计资源 - 不定期分享免费高品质干货
freebiesgallery - WEB, APP UI等PSD素材
365webresources - 分享网页和UI相关免费素材
DBL - 专门分享Dribbble和Behance的素材网站
Graph Berry - Mockup、icon、模板等素材分享
Freebiesbug - 综合UI素材网站网站模板
Themeforest - 质量极高的网页模板分享平台 也可以在这里找灵感
网站模板 - 不定期精选优秀PSD/HTML网站模板
Templated - 响应式模板分享站
Freewebsitetemplates - 免费网页模板分享，有的质量不错
网页模板巨人 - 提供多行业企业网站、CMS、商城模板图标
Easy icon - 图标搜索引擎(中英)
Icon Finde - r图标搜索引擎(英)
Logo EPS - 可以免费下载矢量LOGO模板的网站
Font Awesome - 流行的网页图标字体直接下载 | Cheatsheet
The Nounprojec - t高度可识别性的符号、图标
iconmonstr - 设计风格简约的图标素材
阿里图标库 - 阿里巴巴矢量图标库
Icomoon - 在线网页字体图标制作工具
Fontello - 图标字体制作工具
iconShock - 这里可以找到一些精致的拟物化图标矢量图 / 笔刷 / 纹理
Freepik - 百万级矢量素材库
Qbrushes - 有PS笔刷以及纹理素材
Subtle Patterns - 平铺背景分享，很漂亮
Textures - 3D类材质纹理素材
High Resolution Textures - 高分辨率纹理素材
Fbrushes - PS笔刷下载站
Brusheezy - PS笔刷、纹理背景
psdbox - PS教程及素材分享
Texture King - 纹理王，各种材质纹理素材分享
Sketchfab - 优秀3D模型展示社区字体下载
中国字体 - 中文字体下载推荐网站
dafont - 大量免费英文字体下载站
fontsquirre - l字体松鼠，可商用的免费字体
求字体 - 可通过图片查找对应的字体，也提供字体下载
Font Fabric - 提供漂亮的免费字体下载
Font CDN - Google Web 字体CDN
losttype - 非常多漂亮的英文字体，带banner展示
fontex - 免费可商业的字体下载站
Abstract Fonts - 较全的字体下载站
谷歌Web Font - 做英文站，来这里找字体吧，直接用在web上免费高清图片
Unsplash - 高品质图片素材，可免费用在任何地方
Pexels - 免费图片分享
Gratisography - 免费高分辨率真图片，可个人及商用
DesignersPics - 设计师图片素材
Foter - 超过2亿张免费图片
Girlydrop - 免费女子写真素材
Twnsnd - 免费怀旧、复古照片分享
Pixabay - 共有约 370000 张免费的照片、矢量文件和艺术插图
Pakutaso - 日本的免费写真素材站
Little Visual - s免费图片，可用于任何地方高清壁纸
Bing Gallery - 必应电脑桌面壁纸
WallHaven - 高清壁纸搜索引擎，原wallbase.cc
猫猫壁纸酷 - 众多类型壁纸下载
InterfaceLIFT - 有3000+免费壁纸下载
希望对大家有帮助！
我是李哨哨，希望与你分享生活中的插画，感谢关注哦！
2024年网站设计如何自学 篇2
网页设计需要学习东西还是比较多。
第一阶段：设计软件学习：例如 PS 、AI、Dreamweaver、等等。
Photoshop简称PS，是由Adobe公司开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像
Adobe Illustrator(AI设计软件) Adobe Illustrator是一个绘图软件包，允许你创建复杂的艺术作品，技术图解，用于打印的图形和页面设计图样，多媒体，以及 Web 。Adobe Illustrator提供了广泛的强大绘图和着色工具，其中包括：一个刷子工具，椭圆工具，徒手素描工具，刀子工具，自动跟踪工具，护罩，斜变工具，路径图案过滤器，混合工具，颜料桶，滴管，对齐工具及墨水笔过滤器。Illustrator有强大的图形处理功能，支持所有主要的图象格式，其中包括PDF和EPS。这个程序让你进行广泛的印刷控制，并可以支持工业标准的 Adobe 插件。
Dreamweaver ：一套针对专业网页设计师特别发展的视觉化网页开发工具，也是目前最新版本利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。本套教程结合目前网页中应用到的各种效果和技巧,全面讲解如何用Dreamweaver CS6去完成网页页面的排版设计，同时配合生动实用的案例使您更容易、更轻松掌握Dreamweaver CS6，帮您成就网页设计师的梦想.
第二阶段：网站的概述、网站的制作及设计、web 网页设计 专题页面设计 电商知识 企业网站制作 、后台系统设计、移动端页面设计。
第三阶段：编程语言的学习html 、 css 、 js 、 html5 、 css3 JavaScript 等等
这些编程语言都是开源的在网站很容易找到学习教材，但是要学好用好还是要通过不断的实践。
第四阶段：比较高级一点前端语言。
jquery:javascript框架，javascript函数库，极大简化了javascript。bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
AngularJS: 是一个 JavaScript 框架。
JSON: 是存储和交换文本信息的语法.
Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
Angular 2:是一个开源的JavaScript框架
React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
Vue.js ：是用于构建交互式的 Web 界面的库。
Node.js ：是运行在服务端的 JavaScript。
如果这些你都能有所掌握那么你将慢慢的走上编程之路了。
2024年网站设计如何自学 篇3
我可以负责任告诉你，肯定不容易。又是自学，难免学习过程中遇到各种问题。但是俗话说的好世上无难事只怕有心人，既然选择了，就应该坚持。熬过最艰难时刻，才会有甜头。
不知道你是否有过这方面的接触，还是对这方面感兴趣。如果是一个小白，从最基础开始那对你来说确实有一定的难度，但是我想说的，会网站设计的人也不少，他们也是从零开始的。只有经历了别人无法承受的困难，才会学有所成。
首先你的学历并不高，所以接受计算机语言有一定的难度，如果对计算机语言有浓厚兴趣，并且逻辑思维强，我想上手也是很快。而学习网页设计前提需要学习以下内容：1.html语言。2.服务器架设。3.css语言。4.div+css布局。5.数据库。6.动态语言，asp，php，jsp，.net(c#等）。7.javascript脚本。8.平面涉及软件。9.学习一种动态网页技术等等。涉及的知识也会很多，但是不要被这些知识吓到，有计划循序渐进的进行，先从最基本的入手，慢慢加深知识。首先培养起学习兴趣。下面我给几个建议希望可采纳。
一、相关书籍
我建议先在网上买一本基础一点、通俗易懂的书。先自己能看懂，然后再上机操作。一切知识的积累都是转变成现实的网页，这个才是最终的结果。所以自己先应该明白网页的结构和原理，然后再去学习语言，我觉得效果要好很多。通过一次次的模拟实操，自己的水平才会随着时间而提高。随着时间的积累，慢慢将知识加深，才能成为这个行业的高手。
二、相关论坛与微信群
可以加入一些这方面的群与论坛，因为这里面你会遇到很多的大咖级的人，相互学习才会成长更快，同时还可以咨询他们，也少走一些弯路，同时还能结交一些朋友。
关于技术类问题，大家还是很愿意帮助的。我也曾经学过一段时间的python，唯一和你不同的时，我有计算机语言基础，C语言、C++、JAVA都有了解，所以学习新的语言也是接受很快，我也加入了许多关于python的论坛，我在那里学习了很多的知识，同时自己感觉学习起来也很快，感谢那些耐心帮助我的人。所以寻找一些途径，可以让自己事半功倍。
三、自学网站，培训机构
找一些自学网站，网上有很多的自学网站，那里可以有你想学的所有课程，自己可以根据他的课节一步一步学习，其实也是一个不错的选择。1.可以节省了高昂的培训费，2.可以随时学习，时间上比较自由。社会上有很多机构可以培训这个专业，如果资金充足的话，可以选择一个口碑比较好的培训机构来学习。再加上自己的自学，我相信你在这个行业也会有所作为。前提是你一直专注学习，不是三天打鱼两天晒网。持续的坚持才会精通。
四、自己有一定基础
还有一种可能就是，你也接触过这个领域，有一定的了解。如果是这样的话，那我觉得你学习这个应该上手很快。尽管对于你这个门外汉来说有一定的难度，但是万事都有方法，只要自己找到了，慢慢走进这个领域，自己的能力只会越来越高。
综上几点是我对这个行业的一些了解与建议，希望可以帮助到你，在这个领域成为佼佼者。通过自己的努力与坚持换来的就是一生的财富，我觉得你也愿意去付出，那就行动起来，实现自己的梦想。
2024年网站设计如何自学 篇4
零基础能不能学网页设计，答案是：能！虽然设计这个词听起来很高深很神秘，但不是人人都天生是设计师，别人能会的，自己照样也可以。网页设计学起来不算很难，只要掌握了网页设计的软件工具，再了解一些网页设计的基本规范知识，就可以说您已经入门了。真正难的是入门后你能否坚持不停的学下去。下面来说一些零基础学网页设计的基本步骤：
一、熟练掌握photoshop设计软件
PS是最常用的网页设计软件，也很容易学，现在网站很多教程，也可以某宝搜下，很多视频教程。通过这些教程，学会ps的基本工具，一般时间很短就学会了，了解这些工具及菜单的用法后，要多找几个实例的教程来强化一下，目的是让自己看到一张图片或者效果后，马上就能想到用ps的哪个工具制作出来，达到这一步后，可以说你已经具备了网页设计最基本的能力了。
二、了解网页设计基本知识，学习借鉴他人作品
接下来，就要去了解一些网页设计的基本规范了，比如说：常用的网页设计尺寸、网页设计的常用字体字号、网页设计的布局规范等等，也可以多看一些别人设计的网页作品，一边看一边想，是通过PS的什么工具来实现的。下面就要看是实际设计网页了，可能一上来自己做出来的网页总感觉不专业，所以推荐多临摹别人的优秀作品，通过大量的临摹，慢慢积累就会发现自己的水平在不断的提高。这个时候，你已经对网页设计很熟悉了，就可以开始尝试把自己学到的东西运用起来，开始独立设计网页。
经过上面两个步骤的学习和积累，可能自己独立设计网页的时候，会感觉力不从心，脑子里的想法表现不出来，甚至一片空白不知道从和入手，出现这种情况，主要是因为自己积累的东西还不够多，因此，要坚持不懈的去多看多想，多浏览一些网页设计的网站，把自己喜欢的作品保存下来，认真去领会作者的构思和表现手法。也可以在设计之前，去搜索整理一些相关的网页资料，这样在整理的过程中，你的思路和想法就会越来越清晰，后面设计起来也就很容易了。
当你对网页设计越来越熟练，你会发现自己不会的东西也越来越多，因此要不断的去学习新技能，新知识。零基础可以学会网页设计，但一定要坚持下去，不然这样的学习，也只能是昙花一现。坚持自己的爱好，不断的深入探索，才能走的更远更高。