2024年网页设计书范例 篇1
设计是个很考验耐心细心和费脑子的工作。
要做网页设计的话，从画图工具开始学。
主要学习ps，看视频比较好(不太建议看书，因为好多书都ps版本都很古老)，免费的教程很多，网易云课堂 腾讯课堂 慕课都有，挑个详细的看。
AI也要学下，画图标的时候可能会用到。
其他工具可以先放一边，以后再学，ps ai你都需要一段时间学
哦，对，先看下李涛的ps视频，前三课多看几遍，先把色相 饱和度 明度 看懂。
其实入门最好找个网上的培训班最好，找个靠谱一点的，因为有互动，而且会详细一点，毕竟人家收费了，而且会有点氛围，自学比较苦。线下的培训班就不去了，太贵。这个看你自己决定。
工具学习属于零基础入门，就按视频上的顺序学就行，也没什么太多好说的，钢笔工具 路径 形状工具 蒙版 等等。抠图一定要学好，能扣到基本看不出破绽最好，这是你以后修图的基础，还有布尔运算，这是做图标用的。
这个你时候已经可以画图了，开始了解简单的html和css，看视频或者去w3school网站，也可以买书，我买的是工具书，就不推荐你看了，你做设计不需要懂太多，知道个大概就行，到时候跟前端好配合，这也是大多数公司的要求。
工具学完之后你已经能画出来东西了，但是感觉不好看。这个时候你要学排版配色等等。学排版就可以看书了，买本《写给大家看的设计书》(一定要买)，《形式感-网页视觉设计创意拓展与快速表现》，也可以再买几本设计基础类的书，没事看看站酷 behance dribbble 上的网页设计提高审美，有教程的话也去看看。
在学习排版配色 这些设计理论基础的同时，多临摹，也要多做些作品(自己想的网页或者改版不好的网页)，拿着你的作品去找工作，千万不要拿临摹的，刚开始工作肯定不太好找，多面试几次，向面试官问自己的缺点，并且改正。面试的简历最好做成PDF的格式，方便hr复制你的信息。
大概就这些，还有不懂可以问我。
手机码字 没好好排版，见谅。
最后强调一下，如果学网页设计的目的不是因为很感兴趣，而是因为好找工作之类的，最好不要学。
2024年网页设计书范例 篇2
推荐设计师的书单（不一定单指平面，还包含UI和用户体验ux设计师）
1《写给大家看的设计书》这本书是我看的第一本设计类工具书籍，亲密性、对齐、重复、对比四大设计基本原则，确实是入门
2《视界·无界》王涵，牛MO王的良心之作，很接地气的一本书
3《破茧成蝶》网易设计师出的一本关于用户体验设计师的书
4《移动设计》关于设计原则、细节、动效、客户端设计适配、创新的一些思考
5《交互设计那些事儿》阿西UED的一本书，受到起点学院、人人都是产品经理、网易云课堂的推荐，也是接地气很具体写交互的基础教材
6《设计入门教室》四册一套，日本作家坂本伸二著，非常细节的教什么做设计
7《UI设计必修课》星火时代的一本教材，做UI设计可以参考
8《认知与设计》重点理解 UI设计准则
9《术与道 移动UI设计必修课》又是一本关于UI设计方面的思考
10《为什么设计》为什么设计？当然，一本书来阐述
11《设计调研》书里介绍了很多设计调研方法，和互联网公司很多职业一样，做之前思考先行。做研发，先做技术调研，那么做设计前，先做设计调研。这些调研方法具有通用性。分析市场上竞争产品，没有竞争产品则找相关有参考性的产品分析，思考和设计理念很重要，设计是有逻辑的
12《平面设计原理》原作者来看美国，王敏译的一本书，主要讲空间、统一、页面设计和字体四大部分
13《设计师的自我修养》买它的时候想起来周星星那本《演员的自我修养》，这本书初次看设计的同学估计看不出什么，正文用大量案例去介绍文字和字库，适合有一定设计思考和设计经验的人看
14《About Face4 交互设计精髓》交互设计的业内经典之作，一本厚砖，高阶设计师必看
15《设计师要懂心理学》设计师其实需要是一个善用心理学的高手，要平衡产品、设计、用户、盈利等等需求，你要站在产品经理角度考虑产品的价值，你要站在开发角度和设计角度考虑可行性，你站在用户角度考虑可用性、用户使用习惯和体验，要站在运营角度考虑后期推广，更要站在创业人和投资方角度考虑商业化。
16《设计几何学》关于比例与构成的研究，黄金分割，设计中的视觉分析。确实摄影、绘画、设计都需要有比较几何构图的能力
17《动静之美》一本介绍Sketch的教程，网上有太多视频，现在我还是觉得直接打开软件再加一本书是最快的。多看、多想、多做
18《设计中的设计》，大师之作，必看。
设计学习资源
国内知名互联网公司设计部门
腾讯用研与体验设计 http://cdc.tencent.com/
腾讯ISUX品牌体验设计 http://isux.tencent.com/
腾讯移动互联网设计 http://mxd.tencent.com/
腾讯游戏官方设计团队 http://tgideas.qq.com/
阿里用户体验中心 http://www.aliued.cn/
百度用户体验中心 http://mux.baidu.com/
网易用户体验中心 http://uedc.163.com/
京东用户体验中心 http://jdc.jd.com/
国内外优秀设计作品网站
Behance www.behance.net
俗称BE，全球知名设计师汇集于此，在这里可以看到非学多优秀的作品
Dribble www.dribble.com
俗称追波，采用邀请制，对作品质量有很高的要求
站酷网 www.zcoolz.com.cn
国内知名设计师网站，有大量优秀设计师在此，还有很多UI设计大赛
UI中国 www.ui.com
国内最早的UI设计师聚集地，前身是iconfans，UI方面的知识、规范、交互在上面都有
优秀网页设计 www.uisdc.com
优设也是国内目前设计师网站中人气前名前三的，有大量的文章和作品
花瓣网 www.huaban.com
国内设计师设计素材录感库，比较受设计师和非设计师欢迎。
我在自己理性梦想家的公众号上写过关于设计师的一篇小结文章，有兴趣可以去看看。
2024年网页设计书范例 篇3
、一流的网站制作师需要掌握什么软件如果仅仅是设计网页，熟练掌握photoshop、IIIustator、flash等这些平面设计或者动画设计软件就行，有些又称网页美工，而制作网页，就需要使用dreamweaver、dw、PageAdmin系统等一些网页制作方面的软件了，当然，对代码的熟悉，明确网站主题和内容，熟悉HTML/CSS/JS等网页基本元素也是必要的。其实很多朋友纠结的这个问题，无非是没有准确定位好自己将来的目标，自己现在的基础等等，不管是网页设计还是制作，都是一套系统的学习流程，如果真的想学，去这个群，前三位：464。中间三位：245。最后三位：307。当然了，既然是学习，三天打鱼两天晒网的心态是断然不行的。不做好努力的准备，浪费了自己的时间，也浪费了别人的时间，难道不是吗？二、为什么说掌握html就能掌握网页制作html究竟是什么，说的简单一点，你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码。可以说，学习网页制作，代码师核心，不管你是天才，还是普通人，这一项必须要学。网页制作是动手性很强的知识，所以学习html也需要系统的规划，不是说简简单单找几本资料就可以了。三、关于html可以说这是最基本的知识，也是最难掌握的。如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。四、说说你不知道的设计师的地位因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位——网站设计（Website Designer）和网站管理者。这也就是为什么很多年轻人追寻这个行业，简单来讲，就是高新。五、为什么很多同学学了很久还是不会做？这个问题是大部分想学习网页制作的同学都面临过的一个问题，学了很久，到头来还是和零基础差不多。这就是没有定位清楚自己的水平。如果你什么都不懂，上来就去背一些代码，上来就学习如何编写之类的，假以时日之后，你还是什么都不会。所以老老实实的定位自己，从基础的开始，还是那个概念，系统，学东西就要系统，没有一套系统的头脑，做什么都是很困难的。六、最后——合适的工具尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前选择比较多的就是dw，除此之外,还有图片编辑工具,如firework 、Photoshop 等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。
2024年网页设计书范例 篇4
设计师必备的灵感网站大集锦，双手奉上，已做好分类。
因为设计师的专业分类很多，有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等，所需要的网站元素也不同，从灵感搜集、字体、配色、Logo素材，设计师门户网站等等这里统一汇总，整合国内外优秀设计网站，还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站，打开速度很快，图片数量多，还是免费！缺点是质量层次不齐，需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心，超多高清图片素材，壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高，很多都是摄影作品。除了不可以将图片转载到其他图库外，可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站，很多夸张风格的图片素材，包括人物风景等等，想要找一些“震撼”的图片，不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了，各种尺寸比例的图片都有，但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内，可以调整样式，颜色，间距等等，简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源，采用瀑布流的展示效果来展示每天都会更新的设计资源，只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站，平时也经常去逛，里面收录了很多优秀的海报，作品都很优质，点击相应的海报，会列出该海报的介绍，来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台，依托于全球设计文化对各个领域的影响，及庞大和活跃的用户群表现出极强的互动性，用不同的观点，出色的内容，聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志，它是由一群广告人、媒体人、设计师共同创办的，你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网，有点类似于咱们的UI中国，是一个集合了个多种设计品类的交流平台，在台湾本地，号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站！，于2010年推出，用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站，汇集了众多的优秀设计作品，包括安卓、iOS、Windows、WEB等设计作品，多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站，也是台湾最多人看的艺术网站，关注国际艺术动向，提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网，认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天，每天坚持出一张海报，产量颇高！上面的风格独特，色彩绚丽，创意俱佳。
10、优设网
上面有许多的设计干货，现阶段属于免费阶段，缺点可能就是没办法登陆收藏自己想要的干货，不过收藏网页也是一样的
11、Adobe Create Magazine，
Adobe的官方站点，有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库，但是，emmm，非免费
13、图虫创意
也是一个正版图库，同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用，不用开PS，可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站，可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有，游戏音乐，以及杂七杂八的小图标，在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的，看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多，还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件，但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎，各种类型的图标素材都有，并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站，各种姿势各种动作的小人可以下载，缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点：中文版本，软件的服务器在国内访问速度快，国内的单品能找到品牌供应商；
缺点：高质量的图少，软件不够流畅，功能不够强大；
2、board
优点是：灵感图片多，可手机上搭配方案，操作流畅；缺点是：不落地，英文版本使用略不方便；
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest （现需要翻墙）
7、inspirationgrid
8、behance
七、配色网站
1，Color Hun
2，uiGradients - Beautiful colored gradients
3，http://nipponcolors.com/-日本的，不要太强
4，配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5，Colours-可以查看其它网站配色
6，The Color Scheme Designer
7，Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片，而且能免费下载，都是一些高清摄影图，采用和花瓣一样的信息流模式，浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理，可以很快速地根据类目搜索自己想要的图片，图片涵盖范围很广，有高清摄影图，也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站，还有一些具有时代感的插画，部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库，网站有近30万张图片素材，并且虽然是国外的网站，但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站，一个拥有近5万张PNG素材的图片库，素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一，支持修改颜色，支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站，支持分类以及搜索，大部分素材免费可商用，但缺点同样是好的素材要花时间找。
5、千库网（千库网_免费png图片背景素材下载,做设计不抠图）
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站，一键下载并支持预览，做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站，样式多品质高，点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站，纹理样式多，提供了瀑布流的预览方式，同时也支持直接搜索。
3、Pattern Library
数量不多，但每个都是精品。默认提供大图预览方式，点击右侧的功能键也可以查看全部的纹理图案。