2024年网页设计作品成品 篇1
有啊，看情况的，有些是直接得到要求脑子里面就有了草图，只不过和甲方爸爸的要求可能会有些出入，很多设计老板不满意，就是想法上面和甲方爸爸的默契度不高。
但是我之前认识一个插画大师级别的，超级厉害的，说话口才也好，基本上都是带着甲方爸爸走，他说什么就是什么，甲方爸爸服服帖帖的，就算是错的，他也能圆的很好。
我开始画插画的时候就遇到过这样的问题，我理解的画面和甲方爸爸的理解不太一样，一个作品整了半个月，也是折磨人的，后来实在是改不下去了就没办法了，最后还算完美的，结了尾款。
做的多了什么问题都会遇到，画画的经验也是累积起来的，我是从平面设计转的插画设计，感觉平面是基础，插画才是我想要涉及的领域，后来做了设计类软件教学，闲来没事录制教程，感觉看的人越来越少，别人收费的都那么多人看，我的免费没人看，我也是无奈的很，真想说老罗的那句话：“这东西不赚钱，交个朋友” 可惜朋友没有交到，反而让自己的粉丝掉了一地，这年头自媒体涨粉越来越难，以前涨粉的时候还是很开心的，感觉聊天的人也很多，现在呢！大多数都是点点赞就走人了，评论区也看不见有人了，私信也没人发我了。这让我感觉非常的寂寞，难过啊
如果有人看到我的回答，能不能加个关注，让我心里好受一些，有什么问题也可以和我说，让我在有做视频的信心，不然我都不知道做视频有啥意义了，各位爸爸求指点指点。谢谢啦
希望我的回答能让楼主满意，有什么问题可以相互交流学习，共同进步。
2024年网页设计作品成品 篇2
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
1.1载体
平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。
平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。
再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。
再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。
最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。
1.2用途
平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。
平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。
画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。
1.3技能
因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。
二、网页设计
网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。
2.1载体
网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。
2.2用途
刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。
2.3技能
在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。
三、总结
设计这个行业是一个充满了很多无奈的地方，表面光鲜，后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话，如果是因为看到了这个行业挣钱就来这里做的话，可以，没有问题。但是如果你很难使自己喜欢上设计的话，那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话，挣在再多钱也很难坚持下来，半途而废虎头蛇尾的事在这行里很常见的。
最后我一直跟人分享的一句话就是师父领进门 ，修行在个人。作为设计师你需要了解的是这个世界上最新的东西，紧跟时代，任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训，一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高，你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年网页设计作品成品 篇3
插画
01
Flow Lava
https://flowlava.club/
一个免费的插画库！
02
Open Peeps插图库
https://www.openpeeps.com/
60万个手绘人物插图库，免费可商用
03
undraw
https://undraw.co/illustrations
这是一个插画网站，每幅画都是作者自己话的不定时更新，大多都是扁平化PNG图。
04
Tim Ruffle
http://www.timruffle.com/
插画设计-提供丰富的原创动漫、插画、动态漫画等，各种非常有创意的作品集合
创意
01
abduzeedo
https://abduzeedo.com/
设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域，除了看到这些精彩的作品外，你还能看到作品背后的创作过程。
02
BODIES IN MOTION
bodiesinmotion.photo
BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站，旨在记录人体动态姿势的力量和美丽。
03
Creativen Boom
https://www.creativeboom.com/
《Creativen Boom》是英国的一家成立于2009年创意行业杂志，以艺术，手工艺，设计，插图，摄影为重点，其中插画专题栏介绍。介绍了大量插画类别的优秀内容，每一个插画专题点进去都有对插画师的介绍，以及插画背后的故事，可以激发你的想象力。
艺术
01
Colossal
https://www.thisiscolossal.com/
展示各类艺术作品，雕塑、绘画甚至科技创新也有涉及。
02
Artparasites – How Art you today
http://www.artparasites.com/
柏林艺术网站，聚焦城市艺术。作品与都市生活息息相关，一个风格独特的艺术网站。
03
streetartutopia
https://streetartutopia.com/
街头艺术乌托邦 ，展示世界各地的街头艺术。
04
American Art Collector
https://www.americanartcollector.com/
美国艺术杂志，包含世界级藏品的解析。
素材
01
pngimg
http://pngimg.com/
一个很优秀的免抠PNG图片网站，
上面收藏了近8W的免抠素材，
直接下载就可以使用。
02
stickpng
https://www.stickpng.com/
StickPNG 是一个免抠背景图片的素材网站，网站所有图像都是已经去背景，无需再次抠图，同时这个网站拥有多种流行常用的分类资源，目前已有数28000+张透明 PNG 背景图像免费下载。
03
iconstore
https://iconstore.co/
IconStore 是一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享的，发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。
04
Flow Lava
https://flowlava.club/
一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点
网页
01
awwwards
https://www.awwwards.com/
Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站，Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手，网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路，可以从Awwwards找到大量的实例。
日本风
01
Flow Lava
https://flowlava.club/
Webデザインリンク集：一个日本的优秀网页赏析网站，非常精美
02
Cinra
https://fcinra.net
日本网站，分享设计师专访，帮助了解设计师思维演进过程
03
Straightline
bm.straightline.jp
这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站，风格包罗万象，非常值得一看。
04
日本デザインネットワーク（日本设计网）
https://www.japandesign.ne.jp/
这个网站包含的门类较多，有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等，还有关于日本各大学学生的毕业作品展，它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站，如同泉水源源不断，而且不需要翻墙就可以浏览，很棒的！
05
日本デザインセンター（日本设计中心）
Nippon Design Center, Inc
https://www.ndc.co.jp/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年网页设计作品成品 篇4
手工也有很多种，这里开篇就先简单分为两大类吧～一类是教程类，适合各种新手按照教程自己操作；另一类是观摩展示类，适合已经有一门手艺的手工玩家，参考别人的成品和设计。
另外，教程类下分为生活DIY类（例如废物利用，亲子手工这种）以及手作手工类（例如粘土，滴胶，花艺等等）两个大类，供大家各取所需，详细分类会在网站名下方描述。
国内的网站已经有答主详细回答过，这里就提供一些国内可上的国外手工网站，如有需要的话还会提及一些简单的分类选择方法，无语言障碍压力～
先马了再说(｡･ω･｡)觉得有用的手工玩家们欢迎点赞哟。
教程类（生活DIY类）
Country Living（乡村生活网）
网址：https://www.countryliving.com/diy-crafts/
手工教程网站大合集，内容大多都是一些用生活物品diy的教程，成品包括节日贺卡，装饰品等等。
一篇文章内就有好几十个diy教程，看到图片感兴趣的就可以点进去瞧瞧，然后再点击对应图片下的“Get the tutorial at ***"（参考下图）就能看到分布教程了～
Diy Joy（手工乐趣网）
https://diyjoy.com/
上图中标了分类，传到悟空似乎有点模糊……
这个网站也是手工教程大集合，一个文章里好几十个的那种，直接点击图片就可以查看教程，相当方便。排版也是简单粗暴，一看就懂，相当推荐。
Good Housekeeping（好家务网，翻译过来太接地气了）
https://www.goodhousekeeping.com/home/craft-ideas/
依然是相当方便的合集网站，不多介绍，记得按照上面的网址看哦，点进去就是手工diy分类。
DIY Network（手工网）
https://www.diynetwork.com/how-to
这个网站的分类相当详细，适合按需找教程的手工玩家，上面标注了几个大类的翻译，下面的就需要大家自行查询喽。
DIY Projects for Teens（青少年手作教程，其实是全年龄向的）
https://www.diyncrafts.com/
这个网站也是排版非常简单，只要点标题，然后点击图片即可，操作性很高，教程也很多，分类参考上图。如图，连画狗狗的30种方法也有，相当适合打发时间的一个网站！
教程类（手作手工类）
这一部分因为分类比较详细，基本上每个网站都是针对某一门手工，所以文字部分就不多做介绍啦，分类就直接标注在网址隔壁，会大概描述风格主题+一个比较有代表性的作品图片。
https://myvian.com/（软陶粘土类）
新手教程多，大多为软萌风格的粘土首饰等小物，有分步骤教程。
http://crumbavenue.com/tutorials/
软萌的粘土手作教程网站。
https://www.deviantart.com/
相当强悍的手工网站，只要输入你想要的手工分类+Tutorial（以粘土举个例子，就输入clay tutorial），教程多到数不清，值得你下载一个翻译软件查查看。
https://www.resinobsession.com/category/resin-tutorials
滴胶网站，有200多个滴胶教程。
https://jennyspins.typepad.com/jenny-spins/miniature-tutorial/
迷你粘土食玩教程
https://yourcrochet.com/
钩编教程网站
观摩展示类
Etsy（外网最大的手工制品零售网站）
https://www.etsy.com/
国外手工网站中的淘宝，地位绝对高崇，之前写到的另一个回答里提到过，从实体商品（粘土，软陶，滴胶首饰，自制家具等等）到电子版的高清壁画应有尽有，而且都是手工制作为主，很适合灵感枯竭的手作人作为参考和启发（但是不鼓励抄袭哟）。
DIY & Crafts（DIY与手作）
https://www.diyncrafts.com/
这个网站的分类简单粗暴，而且覆盖面很广，很适合喜欢用各种生活用品玩手工的人看，但是缺点就是文字量很大，还是有一定的语言障碍，所以虽然有教程，还是归到了展示大类，推荐英语ok的玩家浏览。
Art Fire（DIY成品商城之一）
https://www.artfire.com/
和etsy同类型的网站，依然是手工制品网上商城，灵感聚集地。
Handmade Artists' Shop（手作艺术家商店）
https://handmadeartists.com/
年纪偏大的妈妈奶奶们更常用的手工网站，比较传统了，适合年纪大了依然爱玩手工的爱好者们。网站比较老了所以分类也很详细，连蜡烛这种稍微冷门的手作也有专门的分类。
先介绍这么多啦，如果想知道更多网站的话，评论区见～记得点赞哟
2024年网页设计作品成品 篇5
鼠标右键别人作品用浏览器打开→鼠标右击→检查（审查元素）取决于浏览器，建议学前端的话统一用谷歌浏览器。
以上步骤结束在电脑屏幕就会出现两部分区域，代码块和作品块。这个时候，鼠标移到作品中你想了解的位置，单击左键，就会有相应的数据显示在代码区域。以上步骤完成，呈现出的代码就是鼠标点击网页区域的html盒子布局及css定位边距等信息。这个时候，把盒子一层一层打开，细细琢磨，基本就能从中多少获得一些收获。记得要多练，光看不练是IT域大忌；