2024年友好网页设计图手绘 篇1
插画
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年友好网页设计图手绘 篇2
两天已经看到好多萌新在问这个问题啦，这边还是解答一下。
1.板绘、手绘的区别只是工具的不同，一个以电脑作画，一个是现实生活中的传统作画。这两者的本质都是掌握对绘画、对美术的基础理念。
2.因此，只要你有一定的美术功底之后，无论是板绘还是手绘，都足以让你成为大佬。
只要你不是那种线条都画不直的萌新小白，稍微自学能力强一点的，其实先从板绘学起，也完全没什么问题！
毕竟现在绘画圈的交流也多以板绘为主，无论你现在是萌新的还是之后进阶都有一个很好的提升空间。
现在的板绘作品风格多变，悄咪咪的说其实在选画风这件事上，板绘的包容性比手绘更宽泛些~然后上色修改的时候容错性也大的多~
但是如果你能很快适应板子这个工具，你就会感觉到科学的力量有多么伟大hhhh（其实也真的没啥难度啦，多练练手就行）
线条擦除、一键上色、撤销、放大、缩小、变形......哪怕一笔画错了也可以大胆的修改，用电脑画画真是的方便呀！也是因为这个原因，很多人板子用着用着就越来越懒了hhhh，这可不是开玩笑呀~
中立的分析就说到这里，最后再总结一下：
1.如果你是线条都画不直，从来没有任何作画经验的小白。建议手绘学起。
2.如果你的初学只是没有系统的学习美术知识，自己以前就有过绘画（临摹）的经验。建议板绘走起~
3.如果你对自己的作品，一次成型没啥信心，喜欢修修改改的，也建议板子走起~
如果想要学习板绘的话，这边也给你推荐一下比较适合的板子：
毕竟是刚刚接触板绘的新人、学生党等：绘画主要是平日娱乐，如果资金比较紧张，那么推荐国产的牌子（像是友基之类的），其实也能很好的练习带你入门。
如果预算在500左右，建议购入wacom672 的板子，性能绝对足够，性价比超群。
当然你资金充足，想从事绘画行业，可以直接购买影拓系列，能带你从新手到专业~（这边也不建议买价格过高的数位板，因为这个阶段工具好坏真的区别不大。）
当然仅仅只是拥有工具是远远不够学习的，很多绘画专业技巧上的专业知识，是需要经过更专业的指导才能更好的被我们所掌握。我认识一位板绘绘画高手，他每天晚上8点都会在网上免费直播讲板绘原画插画课程，我特别喜欢听他讲课，不仅仅涉及到知识层面的东西，更重要的是教你如何打造自己的绘画思维和设计思维，很多零基础的同学也经常去他那边听课，我觉得与其自己瞎摸索，不如听听高手的经验，让自己少走一些弯路，何乐而不为呢，想学的同学可以到老师的围鑫（同音）：前边一组是：chahua,后边一组是：miaomiao2,把以上两组字母按照先后顺序组合起来即可，她会安排学习的。
2024年友好网页设计图手绘 篇3
作为设计师，收集素材，寻找灵感，欣赏优秀设计，提高设计能力，是一项非常重要的工作！以下列举设计师十大必备设计网站，看看你常用的有哪些呢？
1、46设计网 www.46design.com
致力于为网页设计师提供设计思路，设计方法，设计技巧的网页设计师网址导航网站。
2、花瓣网（http://huaban.com/）
“花瓣网”帮你收集、发现网络上你喜欢的事物。用户可以将网上看见的一切信息都保存下来，简单上手，玩味无限。花瓣网是一家“类Pinterest”网站，是一家基于兴趣的社交分享网站，网站为用户提供了一个简单地采集工具，帮助用户将自己喜欢图片重新组织和收藏。
3、站酷网（http://www.zcool.com.cn/）
“站酷网”聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。现有注册设计师/艺术家200万，日上传原创作品6000余张，3年累计上传原创作品超过350万张。是中国设计创意行业访问量最大、最受设计师喜爱的大型社区。
4、优波设计（http://ubuuk.com/）
全球优秀的知名设计网址导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。
5、牛大拿设计师导航（https://www.niudana.com/）
精选国内外优秀 UI/UX网站、灵感创意网站、素材资源网站。
6、求字体（http://www.qiuziti.com/）
以后不用再到处苦苦问高手和大神了，找这个网站就行啦~
7、SDC设计师网址导航（http://hao.uisdc.com/）
资源下载，设计教程，高清图库，配色方案，界面设计，网站导航，酷站推荐，灵感创意，字体设计，行业名博，交互设计，摄影美图等，应有尽有！
8、古田路9号（http://www.gtn9.com/）
国内专业品牌创意平台，以品牌为核心，集创意作品分享，活动招聘发布，广告推广，正版字体素材下载等多元化的交流分享平台。
9、pinterest（https://www.pinterest.com/）
采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片。
10、设计癖（http://www.shejipi.com/）
是一个帮助你「发现好设计」的网站，Pinterest堪称图片版的Twitter，网民可以将感兴趣的图片在Pinterest保存，其他网友可以关注，也可以转发图片。索尼等许多公司也在Pinterest建立了主页，用图片营销旗下的产品和服务。
这些设计师必备网站，你收藏了吗？
2024年友好网页设计图手绘 篇4
网站的页面设计行哈要有自己公司的特点，也应该具有一定的创新，同时也能够迎合大多数用户的兴趣和口味。
或者说不是迎合大多数用户的兴趣和口味，而是能够满足公司目标用户的兴趣和口味啦。
从网站特点来看的话，我们在学相关课程的时候，觉得网站设计还是需要具备一定的层特点和创新。其界面应该能够吸引用户的注意力才可以。
我觉得比较重要的几个方面是。
一是网站的层次感。因为就一般而言，网页的大小是有局限性的，就是电脑屏幕那么大，当然在设计的时候也会考虑不同尺寸的屏幕大小。如何来利用有限空间来发挥最大价值，不能够仅靠改变图片大小 文字大小来实现。而是应该合理布局，有一些层次感 从而才能合理展示。
二是网页的色彩布局要合理。色彩真的很重要，不同颜色会表现不一样的特点，甚至会有不同的专业性在里面。比如高通公司的界面一般都以蓝色系列为主（甚至很多科技公司都会以蓝色白色为主）。很少用到粉色之类，但是一些以少女为目标用户的网站设计就会考虑用粉色， 橘色一些更加明快的颜色，所以，网页设计也需要看看相关的色彩搭配，从而能够尽可能提高用户体验。
第三则是文字内容。文字多少 布局也是提高用户体验的一个关键内容。虽然说希望能为用户提供更多内容。但实际上，并不是文字越多越好，应该来说，还是选择一些有代表性的文字，能够提纲挈领的说一下，就能够吸引到用户就是很好了。
2024年友好网页设计图手绘 篇5
优秀网页设计的 5条原则：
1. 建站目的是基础
网站的消息传递和号召性用语 (CTA) 是支持其目标的关键。建站的目的可以很简单，如促进购买、讲述公司故事或提供教程。您应该能够用一两句话捕捉您网站的意图——想想使命宣言。
站点设计不是您应该在进行过程中弥补的东西。目的将为您提供清晰的计划并指导设计和内容创建。即兴发挥并不是实用的设计理念。
巩固网站目的的一部分是了解它是为谁服务的——您的受众是谁，他们需要什么信息，以及您的网站将如何提供这些信息？了解您的受众的人口统计数据和痛点将帮助您为您的网站找到正确的方向
2.视觉效果让人们参与其中
每个设计元素都应该反映和传达品牌的身份。照片、插图和其他图形平衡了文本并分解了网页，让眼睛从阅读中得到休息。
令人兴奋的英雄形象给人留下良好的第一印象。动画过渡和滚动触发的效果让人们移动，并将导航从无意识的必需品转变为交互式体验。无论品牌的风格如何，视觉效果都应该为设计增添活力，而不仅仅是占用空间。软件公司、快餐车和会计师都可以在保持品牌形象的同时，利用网站的图形发挥创意。
您的视觉效果应该是高质量的并且看起来不错——使用尺寸和分辨率合适的清晰、色彩平衡的照片和图形。糟糕的视觉效果会毁掉一个伟大的设计。
PithyMfweb使用可动的云朵吸引你的注意力
3.和谐
布局的每个重要元素都应该协同工作——一直到它的 HTML 和 CSS。如果对比色的超大按钮没有充分的理由不符合要求，它就会感觉不对。不协调会分散和中断用户体验。当感觉有些不对劲时，很难看到整体的伟大。同样，糟糕的用户体验会导致网站访问者跳出——损害您在 Google 中排名的机会。
一个好的设计师会让事情变得用户友好，并且知道什么字体、视觉效果和导航类型会吸引注意力。他们对如何将它们组合在一起有一个愿景。新设计师常常试图将尽可能多的兴奋塞进布局中。但是当太多的元素需要我们注意时，我们就会失去焦点。
熟练的网页设计师会考虑每个元素的重量，并且知道何时使用约束。他们知道如何创建易于导航的页面设计。这种和谐感也延伸到品牌标识上。从站点的声音和语气到调色板的一切都应该是一致的。NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
4.组织统一
内容应具有逻辑性、流动性并适合层次结构。你的内容应该引导你的观众得出一个不可避免的结论，每篇文章都建立在它之前的内容之上。每句话都应该更清楚地说明您的品牌和目的，让读者在阅读时期待接下来会发生什么。
标头标签应用于构建内容并帮助网络爬虫对您的网站进行网络搜索排名。如果在开始设计之前您没有所有最终确定的内容，至少使用标题来帮助构建您正在构建的内容。
还应组织视觉元素。用补充书面内容的图像和图形定义部分。
Blue Apron井井有条的网站设计使阅读他们的食品包订阅变得简单而诱人。
5. 留白创造平衡
留白、按钮和其他视觉设计元素有助于图像和内容的突出，并使版面不至于凌乱。留白，也被称为负空间，是任何功利性设计的一个重要方面。没有它，信息传递就会变成一个不明确的圆球。
丹·马查多 (Dan Machado) 的在线作品集使用了大量的空白和粗线条。
这五个指导原则几乎适用于您将访问的所有网站。例外总是有的但了解规则可以更容易地改变它们而不会破坏您的设计。
2024年友好网页设计图手绘 篇6
1、现在25岁要从零开始学设计的话当然可以，要从最基础的开始学习，并且一开始实习没有经验的话可能工资会低一些。
2、设计也分好多种，有视觉设计，范围也是很广的，大概包括平面设计会涉及到印刷物流相关的设计、电商设计和UI设计；除了视觉设计之外，也有一些建筑设计、园林景观设计、环境艺术设计、动漫设计等其他设计。
如果要学习其中一种设计，最好先明确一下自己对哪一个分类哪一个专业感兴趣，分类虽然多，任何一种专业只要你学精了都是前途无限的，最重要的还是要先给自己定个位~
图片作者：汪威
3、因为年龄说起来25虽然不算特别大才开始学设计，但是现实是：找工作一般会找有一定工作经验的；并且招聘一般会有一些年龄的限制，一般是30岁以下的居多。，并不是说30岁以上的不可以，主要是多数公司招聘条件多少都会有这样的条目的。
如果你有一定的经济基础，还有不是特别介意从助理开始做起的话，如果有人带，再加上自己如果会学习，善于思考总结，多练习，几个月之后是会有一定的收获的。
4、设计本身不是一朝一夕的事，需要不停的积累才好。若对设计基础有了一定的了解，并且软件基础也不错，剩下的就是要不断的提高自己的思考能力、观察能力、创意能力和动手实现效果的能力了。
图片来源于网络，侵删
平时仍需要多看多练，不断的去学习优秀的设计，并学习借鉴优秀的部分为自己积累经验，一步步的积累，一步步的提高，设计是个不断积累的过程！
5、如果你特别喜欢画画，如果有基础有天赋的话也可以尝试做插画设计师，就是单纯的画画也是不错的选择呢。现在无论是线下包装或商业插图，亦或者是电商网页banner或UI设计中都可以见到插画的影子，有手绘能力也是一种很不错的选择呢。
最后结合自己条件可以多方面综合考虑一下，看看自己到底想从事哪方面的设计，祝好！
2024年友好网页设计图手绘 篇7
个人会更倾向于让新手使用ipad来画画
毕竟手绘板是这样的，你眼睛是要看着电脑，手在板子上画画，很多萌新都要一个适应过程
手绘屏的话，就相对科学很多，可以直接怼着屏幕画，但是价格相对于手绘板会贵上很多很多
至于ipad怎么用大家都懂的，作为绘画工具使用也相当不错。
在作品呈现方面，说实话和板绘没有什么太大的区别，下面这些图不告诉你是用procreate（一个用ipad画画很好用的app，算是最近的主流啦/还有一个是Medibang Paint）画的你能分得清楚么？
手绘板和手绘屏都是一类，都要插电脑的。
ipad的话就比较轻便，只是萌新自娱自乐的话没有什么太大差别，当然如果是要走专业专业超精细风可能会不够用。
总结一下的话，只是追求工具上色速度，这边推荐procreate。
【ipad绘画软件】procreate软件工具及功能基础介绍-蓝铅笔
www.lanqb.com
图标
最后要强调的一点，以上说的几种方式，都只是以【绘画工具】的不同而区分，并不存在A以B为基础的情况，也就是说只要你是画画大佬，三种方式完全可以通吃！（顶多就是熟悉新工具要花时间而已）
无论工具怎么变，画画的本质内核都是不变哒~
系统学习画画的话，一般是走下面这个流程：
透视—素描—静物—人体—色彩—设计—构成—构图
如果只是自娱自乐学习画画的话，想要偏速成一些的话，建议：
透视—人体—色彩以这样简化的方式去学习
毕竟大多数人都是为爱发电，把喜欢的人物画好才是王道~
学习透视：
一、为什么学透视？
首先，我们总得知道为啥学吧。
我们接触画画时，都会大致上了解一些基本常识，例如近大远小，正方形要画成斜方形，正圆要画成椭圆形等等，但你想凭这些就征服透视？啧啧，小伙子，画得不好想得倒挺美！不信看下图：
上图按照“近大远小”乍一看是不是没毛病？但是事实上毛病非！常！大！
观察上图该学员犯了两点错误：
①立方体顶面（红色）底面（蓝色）的消失点不统一且不在视平线上；
②该透视为一点透视，但底面（绿色边线）没有与视平线保持平行。这种常见的透视错误也是没有系统学习过透视的新人会经常犯的。
世界这么大，只凭“近大远小”这样的口诀怎么能行呢？
二、什么是透视？
那么，近者要大到什么程度?远又要小到什么程度?正方形要画成斜方形，究竟如何斜法才算正确?这个时候，我们就不得不学习透视了！
到底什么叫透视呢？
“透视”即“透而视之”，通过一层透明的平面去研究后面物体形状的视觉科学。简单点说，就是在平面上表现出立体的感觉，这里立体包括物体体积感、立体感和空间距离感。如图：
是不是瞬间清楚多了？
三、透视由什么组成？
透视的组成部分，其实就是透视的基本要素，是学习透视之前必须了解的理论知识，这里简单介绍一下：
a. 视点：指人眼睛所在的位置，即眼球所在的一点。
b. 视线：视点与可视物体的任何部位之间的假想连线。
c. 中视线：视锥的中心轴。是视点与心点的连线，它与画面垂直。
d. 视锥：视点与无数条视线构成的圆锥体。
e. 视域：固定视点时目力所及的最大可见范围。（60度左右视角的视域叫舒适视域）
f. 心点：中视线与视平线垂直相交的点。
g. 视距：视点到心点相连的视线，是视线中离画面最短、最正中的一条，代表视点与画面的距离。
h. 视角：视点与任意两条视线之间的夹角。视角分水平视角和垂直视角。人单眼的水平视角最大可达150度，人单眼和双眼的垂直最大视角只有140度。双眼同时视物时两个视角重叠起来左右可达180度。
i. 灭点：透视线的消失点。物体由于近大远小的透视变化，渐渐缩小为一点，这一点就称为灭点/消失点。
四、有哪些透视？
大佬的透视世界是相当复杂的，我们需要了解一下有哪些透视，下文主要对最基本的一二三点透视作详细讲解。
1、一点透视
所谓一点透视，放在平面上讲，就是一个矩形平面在透视变化下有一组边线相交一组边线平行的透视
（顶视直视下的矩形 一点透视下的矩形）
如上图所示当矩形平面发生透视后，b与b`在远处相交，而a与a`依然与视平线保持平行但发生近宽远小的变化，这样的透视变化就是一点透视。
同样，在立方体结构下，立方体的长、宽、高三组平行线，一组相交到消失点，二组平行。（注意：一点透视下正面都很正。）
下面几张图片都是一点透视下的实例照片、与利用一点原理绘制的插画场景
（图一来源网络，图二来源画师： TokyoGenso ）
2、两点透视（成角透视）
同样用矩形平面举例，当它的长、宽两条边线分别在视平线上交于两点，那么这个平面就发生了两点下的透视变化。
如上图所示a与a`相交于消失点2，b与b`相交与消失点1
再观察下图两点下的立方体，可以发现立方体的长、宽、高三组平行边线，四条长线相交于一点，四条宽线相交与另一点，四条高线平行且与视平线垂直。
下图是现实照片中的两点透视、与插画作品中的两点透视。
（图一来源网络，图二来源p站）
3、三点透视
观察立方体，可以发现一点透视和两点透视分别是物体的长、宽发生透视相交，那么三点透视就是立方体的长、宽、高三组线分别发生透视相交。
注：1、三点透视下其中两个消失点通常画在视平线上，另一个点在视平线以外。
2、视平线以下为俯视大透视，视平线以上为仰视大透视。
下图是三点透视真实场景与插画场景
（图一来源网络，图二来源p站）
4、多点透视（散点透视）
（图源网络）
5、广角透视
（图源网络）
6、鱼眼透视：
（图源网络，侵删）
五、怎么练透视？
说完理论知识，是时候开始不断地练习练习再练习了。那么，透视的练习该怎么入手呢？
1、透视练习一般可以从几何石膏训练入手，由此了解基本形体在不同透视角度下如何去表现。
2、了解透视原理后就可以提高练习的难度，进行一些简单静物的临摹练习。
3、然后在慢慢提高练习的难度，挑选细节更多，形体更复杂的物体进行训练，在临摹的过程中，锻炼的不仅是透视基本工，同时也在锻炼自身的塑造能力。
4、有了一定的基础后，接下来就可以尝试建筑临摹、写生训练了。
（从简单到复杂的基础性训练 → 建筑与场景训练）
这里要注意了，请带着脑子去临摹。每次临摹你都要思考以下几个问题：
1）拍摄者是仰视、平视还是俯视？
2）视觉焦点在哪里？
3）和我们眼睛平行的那条线在哪里？
4）视平线上面的物体和视平线下面的物体看起来有什么不同？
5）拍摄主体离我们眼睛是远还是近？
6）远近的虚实变化是什么样子的？
直到可以自然的发现这些透视规律，这才叫临摹。
那么，日常生活如何随时随地学透视呢？其实透视的练习重在观察，尤其要敏锐的找准视平线。轻微角度的偏差投射到远处物体上可能就会导致形体出错。
这时候，理论都是废话，你有本事在三次元里给我把数据标上去试试？你要亲身体验感受透视的变化，比如用自己的手机拍摄同一个物体各自角度下的照片，去感受不同视角拍摄下物体的透视变动。