2024年网页平面设计案例教程 篇1
一、现状痛点
现如今的网络，可以说，从来不缺平面设计教程。相对缺少的是体系化的学习思路，以及可行的自学方案。。当你拿到一大堆平面设计课程时，依然不知该从何下手，不知道该先学啥后学啥，不知轻重缓急，反而越发混乱，挫伤初学者的学习积极性。二、教程分类
要解决这个问题，我们首先要对市面上的平面设计教程做个大致分类，方便我们在学习时，做出高效的抉择。在设计教育这一块，我个人还是有相当经验的，我习惯把市面上的平面设计教程，分为以下4类：
1是软件教学。比如PS教程、AI教程、InDesign教程、C4D教程。
2是基础理论教学，比如三大构成、素描基础、创意方法构思。
3是项目实战教学，通过平面设计项目案例（海报、名片、画册、书籍装帧、产品包装...），穿插讲解色彩、排版、构成、字体的运用。
4是视觉表现形式的教学，比如各种形式的插画、字效、合成等。三、解决方案
以上4类教程的数量，可以说非常之多的，我们当然不必都去一一学习，而是要有选择的先学习。具体学那些，请看下面分解。1、软件部分，先学PS与illustrator即可。
前者是位图处理软件，后者是矢量图形处理软件，几乎能帮你完成所有平面设计工作。后续你在继续深挖PS、AI的软件功能，会有更多收获。2、理论基础部分，先学创意方法构思。
学习这部分知识，主要是让你学会在接到平面设计任务时，该如何处理客户需求。如何将客户的口头表述、文字诉求转化为视觉意向，然后去执行表达。3、项目案例部分，先把排版做扎实。
排版是平面设计师最重要的基本功，学习排版也就是学习如何组织图片、文字、选择字体、颜色，这都是对平面设计师综合能力的考验，通过下面这两个案例教程，将帮你快速成长。4、视觉表现，先学字体设计！
学完上述提及的教程，其实你可以胜任很多【印刷品的设计】工作了。不过，当你真正投入到设计工作岗位时，你会发现视觉表现形式，是激活你创作动力的源泉，我们平面视觉设计师一生都在追求的东西。
所以，接下来可以多多累积图形设计、字体、字效设计、PS合成方面的视效表达能力。与此同时记得同步体自己的素描理论、构成的基本功。但最开始，还是建议从字体设计开始，这可以为你以后执行品牌设计累积经验！具体教程可以参考：
至于其它未罗列的类目，可以等你学完上述课酬，再做学习。在未来：手绘技能、PS创意合成、三维表现... 这都可以成为你的职业能力的拓展方向。
路漫漫其修远兮，先把上述4个类目的基础课程掌握扎实，一步步走下来，你的设计生涯，也会更加的敞亮而自信！
2024年网页平面设计案例教程 篇2
这个行业是发展了很多很多年的成熟行业，早已经没有了前景这个概念了。但是行业的需求一直非常巨大，然而达到行业技术要求的人总是少之又少。因此，与其说行业的前景如何？不如说你能不能保证你的能力达到行业的需求？如果能达到，那么工作是非常容易找到，而且可以说在四十岁之前，打工都完全不存在失业的问题。
要从业平面设计的话，有三样能力是必须踏实具备的：
1、软件必须精通，至少熟练。（操作软件跟控制自己的手脚一样熟练，这样才会有效率，有了效率，才能挤出更多的时间来审视自己作品的质量，和拥有更多的学习时间）
2、美术基本功扎实。（设计是建立在美术基本功之上的技能，如果基本功不过关，那么做图肯定会有各种犯错，怎么看怎么别扭，作品合格都谈不上，更别谈成大师）
3、设计理念全面丰富，并且能分析作品和在作品中合理应用起来。（这是最核心的部分，这也是学校毕业生和机构毕业生找不到工作和在工作中无法坚持下来的最根本原因，可以说九成以上的学校和机构都是把软件皮毛教学当设计教学——软件只是设计创作过和中使用的工具，除此之外几乎跟设计能力扯不上更多的关系。软件和设计之间是隔着几座大山的差距的！所以务必确保自己学习的是设计而非软件皮毛操作！）
如果还有4，那就是拥有资深人士多年行业工作经验的传授。
新人如果要学平面设计，我想着重提醒的是，学校和大型培训机构你都要特别小心，尤其培训机构，越大型越可怕，你最好可以百度搜索一下，万恶的百度搜索引擎搜索出来的培训机构排名最前的那些基本都是骗子，或者约等于骗子，跟莆田医院的性质一样。很多有名的机构都被媒体揭露过他们的诈骗本质，比如臭名昭著的的达内，什么帅，什么星，等等，陷阱特别多，希望你别掉进去。这样浪费掉的不只是几万块，还有你的一两年的青春，是非常可惜的。另外，几乎在中国所有的学校教设计都是教皮毛，实际教学跟社会需求严重脱节，让学生毕业后特别难找工作，即使找到工作，由于基础打的不扎实，基本上也会在半年内放弃，转行。人士带领入行，这样，不但工作可以得到绝对的保证，也有很大的机会在短时间内成长为优秀设计师。
如果是打算找人带领入行的话，那么可以告诉你：高效教学，有四要素，缺一不可：1、有丰富设计工作经验的导师；2、非常合理、务实的教学方式；3、有好的，约束学员全力以赴努力的规章制度；4、导师强大的社会责任感，从头到尾全力为学员的学习和工作能力着想，全程照顾。
我呢，是广东人，从业设计有十来年了，刚毕业到现在。主要做平面设计、电商美工。然后因为在十几年UI设计师兄弟的影响下，慢慢也开始钻研UI，和学习各种三维软件，视频软件。也就是说，工作稳定了，就不断拓展自己的能力范围，使自己增值。但是，必须提醒初学者，学太多也会有很致命的缺点，会造成术业不专，这样在社会是很难生存的，所以一定要保证自己的工作稳定以后再学习更多。
我的前许多年都在广州，然后又转战上海，当了两年设计总监，现在又回广州。平常工作室接些单子，同时还带一些徒弟，数数也带出来几百名徒弟了。
现在呢，还在不断学习，学习新的知识，行业需要什么学习什么，早已经把学习当成一种乐趣了；而且不止关于技术了，如何宣传，如何拉业务等等，各种综合能力都要加强，不然，设计师年龄大了，能力再行没有业务来源也很难生存。
做设计的朋友有问题可以知乎私信我，最好能加Q。有软件问题，设计问题都可以随时问，回答别人的问题也是在使自己进步。不过瘾的，可以来广州找我（或者去深圳找我的UI兄弟）我带你轻松入行，到时想留在广州工作或者回家乡发展都没问题，一线城市的工作完全可以胜任。保证你在四十岁之前在设计行业不可能面临失业的问题。（四十岁以后，真的没多少人还打工了，都在努力创业）。
2024年网页平面设计案例教程 篇3
继 Pinterest 之后，Behance 也走上了被墙的道路
设计师们：没关系，我们还有国产的花瓣！
然而，花瓣之前也因为某种原因挂掉了
这个事实在设计圈引起了轩然大波
尽管花瓣通过 实名认证可用-换域名回归-原域名回归 三步走重新回到大众视线
但是不少设计师仍然心有余悸
纷纷开始寻找“灵感备胎”
除了花瓣之外还有哪些可以访问的好的设计网站呢？
NO.1 坚强存活着的 Dribble
网址：
https://www.dribbble.com
Dribbble 是一个设计师交流社区，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。以今年来较为流行的UI、LOGO、网页、动效、插画等类型为主
NO.2 可根据颜色筛选 Reeoo
网址：
https://designer.reeoo.com/
在 reeoo 你可以通过不同的颜色来筛选，很多网站设计比例与 PPT 常用的 16:9 比例非常相似，目前该网站已经收录了近 2000 个网站案例，是网站设计师寻找灵感和案例的必备网站之一，同时也是 PPT 设计师寻找灵感的一个好地方。
NO.3 设计师必备的灵感搜索引擎 Niice
https://niice.co/
Niice 是一个颜值超高的网站，内容来自Dribbble，Behance 和 Designspiration ，如果不想单独收藏 Dribbble、Behance 只看这一个就够了。
可以说是设计师必备的灵感搜索引擎，而且 Niice 搜索出来的设计资源质量都很多高，即使你输入的关键字很“接地气”检索出来的资料质量同样会很高，这就是 Niice 的特性。
NO.4 国内人气最高的设计师学习平台 Uisdc
网址：
https://www.uisdc.com/
优设网是有着良好职业交流氛围的设计行业联盟。为设计师提供高水准的行业设计讲座和领先的设计资讯分享。
NO.5 品牌形象综合性设计网站 古田路9号
网址：
http://www.gtn9.com/index.aspx
国内专业品牌创意平台，以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的交流分享平台。
可能是中国最具影响力的品牌形象综合性设计网站
NO.6 国外“典藏级”设计资源网站合集 The stocks
网址：
http://thestocks.im/
一个小而精的的国外设计资源导航网站，从图片到色彩、字体、图标等日常设计必备的资源，都有收藏，而且质量非常高
网站的资源分为 6 大类：图片、色彩、图标、视频、样机和字体，点击分类的小图标
在下方左侧边栏中网站一目了然。
说不定你偷偷压箱底的资源网站，你也会在这里发现它的身影呢
NO.7 全球酷站中心 酷站头条
网址：
http://iiimg.cn/
每日自动同步全球优秀设计，建议收藏
NO.8 国外设计教程翻译 Dribble
网址：
http://www.960px.cn/
分享国外优秀设计教程及资源，可以说是想要了解国外设计趋势，但是又无法爬墙的小伙伴们的福音，同时该网站还提供部分免费素材资源
NO.9 出色的视觉艺术分享 辣椒酱
网址：
http://www.ifavart.com/index.html
辣椒酱( iFavart )是一个秉承分享美，传递美，热爱美，发现美，欣赏美，享受美的宗旨而创办的视觉艺术和艺术家站点，为广大设计艺术爱好者,专业设计师提供学习交流空间，分享来自世界各地，各行各业的 独特，新锐，原创等作品。
2024年网页平面设计案例教程 篇4
很多学设计的朋友一开始都走了很多弯路。
年轻最不缺的就是时间，很多人一开始都愿意自学，通过网上东拼西凑的教程，学一些皮毛，很多都走了弯路，免费的教程背后都是为了收费，免费的都是不值钱的，很多爱好者为了网站优化引流等目的，录制了很多粗制滥造的教程，根本就是严重的误导，极少有专业的教程，即便有，也是通过免费的体验绞尽脑汁把有需求的人专为收费的，免费的是最贵的，新人不了解套路，不知道学习软件的深浅，投其所好，教一些华而不实的东西，严重脱离实战，等你进入行业，才觉得所学没用。
确实学习一个软件入门不需要太多时间，但是这恰恰是很多人觉得很简单不愿意花钱，以至于过了几年还是在用那些皮毛，甚至还骂软件一大堆毛病。
在工作的环境里，物以类聚，所遇到的也是这样的人，还认为他们的水平给我一样，其实，都是一群略微会那么一点的操作的同事碰到了一起，然后相互在交流中可能也会学到一点，觉得操作有提升，可以慢慢积累。时间就是这样耽误的，很多人在工作半年到一年基本就干不下去转行了。
行业现在很缺人，对软件的操作要求不是那么高了，很多应聘的从网上下载作品应聘蒙混过关，导致工作能力露馅，经常面临找工作的问题，慢慢对行业失去信心，到转行都不知道自己的问题在哪。
成功的人是少数，是因为觉大多数的人错误的选择，让那些花了钱的人轻易脱颖而出！
这才是悲剧的所在，所有行业都这样，不仅仅是平面设计行业，如果真的需要帮助，加我微信给你更多帮助！
祝大家事业有成！
2024年网页平面设计案例教程 篇5
如今是互联网时代，对于专业UI设计师的需求是越来越大，做出来的UI作品能不能收获用户的心，很大情况下还是要看UI设计师对色彩这一块的运用。而参加一家水平过硬的UI设计培训机构，在实操这一块就会有较大投入，也能更好的去运用色彩的魅力！
深圳UI培训哪家好？千锋深圳UI培训将产品知识、交互知识、动效知识融入课程当中，课程共分为三个大阶段：平面全案设计阶段、Web页面设计全流程、移动端设计全流程，每个阶段案例设计都围绕着行业前沿的设计理念和工作流程。接下来，就跟着千锋老师一起来了解下有关的色彩搭配原则！
首先，设计色彩可以用以下原则：
1.我们会寻找真实的世界中的参照物。尽管界面是虚拟的，我们还大量的从现实世界中找灵感。因为我们在现实世界中几十年的经验，我们只会期待光线和颜色的效果按特定的方法显示。
2.我们将使用HSB颜色系统。简而言之：它是最广泛使用的颜色系统（用于Sketch和Photoshop等等）。如果你不知道是什么色调、饱和度和亮度，后面会讲解到。
其次，遵循以下原则选择颜色
1.较深的颜色=更高的饱和度+更低的亮度
随着亮度下降，饱和度上升。不能用黑色覆盖的的原因是在HSB中，添加黑色相当于降低亮度。相反，我们希望在降低亮度的同时也增加饱和度。但事实上黑色不会为颜色添加任何饱和度！
为什么在现实世界中，拥有较高饱和度的颜色比较深？这是因为当光的亮度的强度超过饱和度的强度的时候，颜色必然变得更加清晰，反之亦然。
2.较轻的颜色=更低的饱和度+更高的亮度
变换会给我们带来更亮的变化。如果我们一直继续降低饱和度并提高亮度，最终会变成白色。有两种非常简单的方法可以将白色添加到颜色中：减少元素的不透明度或者是在元素顶部添加一层半透明的白色。
大家下次在UI设计中可以试试上面的这些方法，或许会有意想不到的效果呢！深圳UI培训哪家好？选择靠谱的很重要。千锋深圳UI设计讲师都是资深的网站工程师和设计讲师,很多讲师拥有着数十年网站设计与教学经验以及上百个网站项目成功案例的经验，帮助每一个爱好UI设计的同学快速掌握技能！
2024年网页平面设计案例教程 篇6
先基本熟练使用PS和AI，简单的P图和名片展架之类的估计够用了。
给你推荐一些我自学的地方：
先说明不是广告什么的啊，都是我自己平常用的觉得好的。
1、学PS先看李涛的教程，网上能搜到，站酷有，咸鱼有。李涛的PS课讲的通俗易懂，PS也算是adobe旗下设计软件的基础了，ps了解的差不多AI、CDR这两个平面设计常用的上手也快了。（网上的教程很杂乱，视频都是几百G。找的不好的话，看了虽说能学到东西但是浪费时间，工作之余自学时间最宝贵是不是）
2、去站酷关注 研习设 平面设计讲的很详细很好。我是无意中在站酷看到的，关注了他们的公众号，平时有空都会看看。这个公众号里12月28日发过一篇《2017年研习设内容总结》这里面归纳了一年的教程分析贴。（不清楚这里能不能发链接，就不发了，你可以自己找一下。随便看几篇，就知道我推荐的好不好了）
3、推荐个找教程的搜索引擎——史莱姆搜索。这里能找到各种教程，都是百度网盘的，有点可惜的是都是别人分享的，很多链接都失效了。这里推荐你找“开心老头”的平面设计教程，这个我能确定在史莱姆上还没失效。
开心老头是什么人你上站酷搜索就知道，也是个牛逼的人。
如果实在找不到可以再找我，分享给你。
4、一个对学设计很有帮助的网站，一个“设计导航”。这里面包含很多，素材、配色工具、UI平面的设计规范、尺寸等等都有。非常强大
5、pixabay、visualhunt、photock、别样网这几个是不用翻墙也能上的图片网站。里面都是高清无码大图，而且都是免费商用的！免费商用的！免费商用的！分辨率也高能印刷
最后多说一句，网页设计、UI设计规范多，重交互。平面设计创意多。
贪多嚼不烂，既然是工作中有需求，那就按需学习，这是高效自学很关键的一点。
一些个人想法和经验，菜鸟一只，不喜勿喷，欢迎大家补充。
睡觉，早起看书，哼
刚想到，再给你推荐一本书。适合工作中人文字打交道的人，《写给大家看的设计书》。对平常做个PPT排版什么的很有帮助。