网页设计有哪些好的网站？
43 个回答
谢邀。
题主既然想要的是一些参考实例，俺就分享一些实用的站点，当然巧妇难为无米之炊，还有一些网页设计必备的素材网站，可以然你以后不用找素材找到头秃，别问俺为啥知道的orz...
当然收藏几个比较精髓的就可以了，没有必要一上来就整得太花里胡哨(#^.^#)！
话不多说，Let’s rock！
0.Ibaotu
直达链接： https://ibaotu.com/?spm=zhjjsy
这个站点就有不少网页设计的模板和参考实例，可以按照热度进行筛选，包括可视化数据大屏、首页登录界面、后台网页界面等都有，随意截了个图，可以看到质量还OK！
1.Freebiesbug
这是一个开放免费的网页设计站点，包括各种HTML、网页模板、字体等素材都有，分类非常明确，支持关键词搜索。
2.UI中国
这是一个非常知名的用户体验分享社区，各种高质量的创意案例和素材能够都可以随心所欲地找到，无论是手机端，还是电脑端的都有，简直不能再爱啦！
3.Adobe设计周报
这也是国际上非常知名的一个创意设计分享站点啦，是知名软件公司Adobe旗下的站点， 基本上涵盖了各个设计和创意领域的案例、素材和软件支持。
4.Behance
这也是一个非常知名的创意设计交流站点，可以按照领域、颜色、位置和学校等对相关创意作品 进行搜索，直接简体中文检索。
5.pixabay
这是一个免费的图片素材站点，基本上做网页设计都会用到这里的图片素材，最大的特点是免费，内容质量也相当不错，身边不少做网页设计的朋友都在用！
6.500px
这个站点也有不少 网页设计相关的素材，当然也有一些优秀的设计案例，就是网站打开速度一般，需要耐心等待。
7.花瓣
这个站点也是国内不少设计师都在用滴，基本上都是由用户自主上传，包括案例、图片、视频和字体等类型的素材都有，也有一些banner和海报可供你进行使用。
8.forgraphictm
包装网页有时候也需要用到一些Mockup素材，那么这个网站就有提供海量相关的高品质success 啦，特别是展示设计的时候，这个站点就特别好用！
9.The Dieline
这个站点则是最早专注于包装设计的啦，成立至今已经16年啦，基本上各种相关的高品质素材都有，有这方面素材需求的朋友也可以试试看。
10.Unsplash
这个站点则以各种摄像类的图片素材为主，如果你的站点需要更多的图片美化的话，那么这里的生活场景类图片素材，就可以提供给你免费商用，简直不能再良心了！
11.JDN
这个站点则有不少艺术类的案例作品 ，如果你想将网页设计为较为复古或者小清新的风格，那么这里的作品就是不错的参考。
12.Cinra
这个站点则集中了不少设计师的专访，可以了解到设计的一些灵感和方向，帮助你更好地理解一些一些创意背后的故事。
13.Artstation
这个站点则收录了各种非常高品质的插画，可以应用于你的设计作品之中，随意截了个图，可以看到质量都非常高！
14.Designspiration
这个站点的作品则以设计灵感的为主，当然也有一些较为时尚的作品，需要登录后才能进行使用。
15. NounProject
这也是一个相当不错的矢量图素材站点，但是仅支持英文搜索，所有的素材都支持编辑，简直不能再好用！
16.Dribbble
这个也是知名的设计师与灵感聚集地，各种有趣的设计师都会在这里展示自己的作品，平时没事都会来这里逛逛，总能找到不一样的灵感。
17.flickr
这是一个相当不错的摄影分享社区站点，而且所有素材支持免费下载，都是专业摄像机拍摄哒，质量有保障哦~
18.Iconfont
这也是一个非常好用的图标素材站点啦，全部都是来自设计师的自主上传，网页设计的不少图标都可以找到！
19.优设网
这是一个设计导航站点，基本上汇聚了国内外各个设计领域的知名网站，一键即可直达，刚入门设计领域的同鞋记得马克哦~
20.DADA
这个站点则有不少的创意视觉图像，并且可以跟其他设计师进行互动，激发你自己的灵感，也有利于借鉴别人的优秀作品。
21.Logosc
这个站点则聚合了国内外的优秀图片素材网站，随意输入关键词，即可进行搜索，支持多国语言。
22.Subtle Patterns
这个站点则以纹理素材为主，而且全部都是由知名设计师进行上传，可以免费下载后进行使用， 也支持关键词搜索功能。
23.Vecteezy
非常良心的矢量图形下载站点，甚至支持你搜索最新的素材后在线编辑，更新速度也是我用过里面比较快滴，简直不能再良心啦！
24.nipponcolors
这个站点的风格则比较偏向日式设计，而且可以继续色彩的选择，基本上各种类型的都有，直接复制编码即可 使用。
25.coverr
同样是非常高质量的背景素材图形，而且也有延迟摄影和慢动作图片等，支持下载可以免费商用的视频素材。
26.天空之城
这个站点的素材则以各种高品质的摄影作品为主，其中的航拍作品也是我非常喜欢滴，主要是国内的摄影师拍摄哒，质量有保障！
27.New old stock
这个站点则主要提供了一些覆盖和历史类型的作品，包括图片和插画都有，而且数量也是我用过里面最丰富的。
28.Instant logo search
这个站点则以logo类的素材为主，基本上全球的知名公司，你都可以下载到相关的logo，格式的支持也是非常多滴。
29.Freepik
海外一个非常知名的设计素材站点啦，各种高质量的矢量图都有提供，而且包括一些 PS必备的素材，都可以随心所 进行下载。
30.Photoshopvip
这个站点的话也是一个网页设计宝库，包括各种PSD和UI素材都有提供的哦，还有上千个合辑，简直不能再良心啦！
31.数字艺术在线
这个站点则以各种视觉设计效果、平面设计和新媒体相关的高品质素材为主，随意截了个图，可以看到素材质量也非常高，相信总有你喜欢哒！
32.khroma
一个非常强大的智能配色工具，可以根据你的需求搭配合适的网页方案，快速制作出想要的网页色彩效果。
33.flaticon
图标站点里面比较靠谱的一个啦，用于UI设计特别合适，基本上都是可以免费下载哒，素材质量高达100w+！
最后：
这些网页设计素材网站，都是俺亲测比较好用滴，如果你还有其他网页设计方面的困惑，欢迎评论区留言探讨和交流哦~
那我就来补充一些我搜罗来的一些网站和博客：涵盖了设计教程，免费资源，设计趋势，设计新闻等等等等。
Line25 Web Design Blog
Line25 以教程、文章和访谈的形式为创意工作者展示各种网页设计的思路，帮设计师获取灵感。
Web Design Tuts+
Webdesigntuts+ 是著名的网页设计师社区，其中包含了大量的关于设计理论、排版、工作流程、网页设计等不同主题的教程和帖子，都是干货。
Net Tuts
这个网站是 PSDTUTS 的创始人所创立的另外一个网站，这个网站主要为网页设计师提供教程和建议的，你可以在这里学习PHP、JS、Wordpress、HTML5、CSS、Ruby等编程语言。
CSS-Tricks
CSS Tricks 是一个流行的网站设计社区，你可有在这里找到大量有趣有用的设计文章和教程，对于网页设计师和开发者而言都颇为实用。
Net magazine | Creative Bloq
这个创立于1994年的杂志是世界上最畅销的网页设计师和开发者相关的杂志，你能在他们的网站上看到所有最新的行业资讯和信息。
Best damn website on the planet.
在这个网站中，著名的网页开发者和Wordpress主题设计师 Chris Pearson 教你如何快速搭建网站，从SEO优化到网站的个性化设计，不一而足。
WebDesigner Wall
WebDesigner Wall 是Nick La 所创立的一个博客，其中内容主要专注于网页设计、教程和现代设计趋势。
Design Inspiration | Abduzeedo
Abduzeedo 是目前最有影响力的学习平台之一，你在此能够学到关于网页设计、PS、AI等相关的只是，还能发现炫酷的设计资源，获取灵感。
Six Revisions by WebFX | A Web Design & Development Blog
Six Revisions 专门发布各种关于网页设计的教程、资讯和文章。
Webdesigner Depot
Webdesigner Depot 每周会更新各种网页设计趋势、最新的设计资源，各种设计知识甚至工作技巧，网站的主要运营是来自温哥华的设计师 Walter Apai。
Web Design Ledger - By Web Designers For Web Designers
WebDesignLedger 是一个供网页设计师和和开发者发布内容的网站，它涵盖的内容非常广，PS，网页设计和摄影，等等。
Best Website Gallery – Web Design Inspiration – by @davidhellmann
Make Better Websites 的页面设计简约而友好，所有的网页设计案例都被一个清爽的图库所承载着，所有的图都是David Hellmann 亲手挑选的。有一点像网页设计领域的Unsplash。
Design Inspiration & Ideas from Envato
Creattica 是一个在线的灵感图库，其中内容涵盖了网页设计，LOGO设计，平面印刷设计，摄影等不同类型的案例。
Design Bombs
Design Bombs 将最佳的网页设计都搜罗到了一起，为你日常的设计添砖加瓦，你还可以向这里投稿。
WebCreme
WebCreme 能够提供令人印象深刻的网站设计灵感，网站本身的设计也很不错，结构科学。
Web Developer Plus
Web Developer Plus 可以成为你网页设计和开发资源的重要来源，你会在这里找到许多有用的内容。
Designora
Designora 为你展现了艺术和功能碰撞下的网页设计，网站中的文章都是平面设计师和网页设计师所撰写的。
Minimal Exhibit - minimalist web design gallery
Minimal Exhibit 作为一个图库，为我们提供了简约的网页设计都是什么样的，也是相当专业的灵感类站点。
（如果有帮助的话可以点赞支持或者多多关注留意一下，我会时不时回来更新哒~）
如果有什么问题可以留言或者私信给我哈~
相关更多干货分享可以关注个人公众号：artfans_study
着陆页设计的目的在于如何吸引用户、留住用户，提升转化率。许多网站的成功，关键体现在它们的着陆页设计。这些成功的案例无一例外都有一个共同点：它们拥有最棒的UI/UX设计师，拥有最吸引人的页面设计。
优秀的登录页所展现的内容不仅仅是华丽的页面视觉设计，更是提升用户体验，提升转化率的良好契机。优秀的设计师应该知道，一个正确的登陆页面设计应清楚地传达产品或服务的独特卖点（USP），并专注于一个行动号召（CTA），例如让访问者进行注册或购买。
优秀的着陆页设计仿佛自身就具有吸引用户的魔力，潜移默化的指引用户如何获取信息，完成注册和购买。那我如何设计出属于自己的优秀的着陆页面呢？ 不妨先思考几个问题：
1. 网站的目标群体是谁？
是对你产品一无所知的新访客，还是对产品已经有所了解的用户？这两个想要看到的到达页内容相对也有所不同。
2. 设定转换目标。
你希望访问者是留下电子邮件，下载App，购买商品，注册会员或阅读更多文章？
3. 准确传递服务/产品信息。
不同来源和到达页的信息一定要清楚对等，千万不要挂羊头卖狗肉，否则只会让你的跳出率飙高。用户到达着陆页的目的是为了解决疑问，他们只想找到正确的答案！
4. 是否需要响应式网页设计（RWD）？
不多说，响应式设计是解决着陆页在手机、平板、电脑等不同设备显示友好性最好的办法。
5. 数据分析和A / B测试
没有绝对100%优秀的页面，别人的成功范例也不见得适合你，多观察数据进行优化，了解访客的停留时间，跳出率，转换率，看了什么，点击了什么...红色Button和绿色Button谁表现好？A文案还是B文案好？那就A / B Test让使用者说话。
综合以上几点，小编整理了一些个人认为特别优秀的着陆页设计的案例供大家参考学习。
1. Mailchimp
页面设计亮点：
- 白底黑字
- 特色logo
- 用户定位清晰
简洁的白色背景，加粗黑色字体，吸引用户目光，突出其邮件营销的品牌定位。
左上角大猩猩形象的网站logo深入人心，清楚地表明这个注册页面是由MailChimp创建的。右上角并排的蓝底注册按钮和白底登陆按钮颜色反差，提高潜在用户注册率。并且，“免费注册” 一词也很可能会立即引起游客的兴趣。
简短的描述语句表明了Mailchimp自身的品牌地位，同时客户定位为中小型企业，拉近与个体用户的距离，从心理角度提升用户体验。
2. Landing Page - Website
页面设计亮点：
- 产品展示鲜明
- 业务流程清晰
这是 Ramotion在Dribbble上展示的一幅着陆页设计作品。主打蓝色调背景，硕大的银行卡凸显了该网站的主要产品和服务。横向展示的业务流程清晰顺畅，用户点击各流程点便可跳转至同页面该流程的具体介绍。展现了该网站的最主要的特征和卖点，用流畅的服务吸引用户注册办卡。
可点击的流程节点和跳转流程介绍丰富了产品的展示和呈现，尽可能的在同一页面为用户展示足够的细节，同时也降低了着陆页的跳出率。
3. Upwork
页面设计亮点：
- 聪明的CTA按钮设计
- 诱导性的文案设计
着陆页设计最好的做法是将最主要的CTA按钮放在首位。显然Upwork将这一点利用的很好。从他们的CTA设计，很容易看出他们的目标是吸引企业和自由职业者的注册。
从用户体验的角度来说，绿底的“Post a Job”按钮目标用户群体是企业，小字的“What type of work you need?”则是针对自由职业者群体。
他们的文案设计也十分具有导向性。他们聪明的避开了死板的“雇主：在这里注册”这样的CTA，而是使用效益驱动的语言（“让自由职业者更多地完成工作”），然后以一个行动为导向的CTA告诉潜在用户在这里“发布你的工作”。
4. Captico - Animation
页面设计亮点：
- CTA+动画展示
- 扁平化风格
扁平化的页面设计干净、简洁。着陆页流畅的动画展示让用户对网站的服务特色一目了然，自然平滑的过渡也是一大亮点。左侧的CTA butto与右侧动画的创意组合使得整个页面的用户体验自然而生动。活泼的动画也与网站响应式的主题相得益彰。
5. Slack
页面设计亮点：
- 协作功能拟人化设计
- 突出品牌色
- 简单易操作的CTA按钮
固定头部的滚动风格允许在页面滚动的时候显示所有必要的信息，让访问者无需在页面上下移动即可接收信息。
Slack最重要的协作功能以拟人化的形象展示给客户，多样化的协作文件展示，强化Slack品牌印象。优秀的着陆页设计另一个做法是呼应品牌色。Slack也很好的实现了这一点。明亮的品牌颜色与每个相应的部分互相呼应。
页面上的CTA按钮以简短直接的“Get Started”作为客户的行动指引。而仅此一个表单区域让访问者也很可能轻松的完成表单填写，从而增加注册率。
6. Matchpool
页面设计亮点：
- 扁平化
- 极简文案
- 醒目的CTA颜色设计
同样是扁平化设计风格的网站，Matchpool整个页面的颜色搭配显得十分清新活泼。互相靠近的小精灵或是自由活动的小精灵都体现出社区的概念。简短的文案也告诉用户可以自由创建属于自己的社区。
屏幕正中和右上角的CTA按钮颜色搭配形成对比，在深色调的页面背景对比下非常醒目，抓人眼球。“免费”加入对用户也在吸引着用户去注册，加入社区。
7. Airbnb
页面设计亮点：
- 简单的图文背景
- 个性化展示
- 口碑及信任感
迎接客人的背景图与网站主题不谋而合，简单大方。
为了帮助将访问者转换成房东，Airbnb提供了一些诱人的个性化展示功能：根据您的位置估算的每周平均收入预测。 您可以在字段中输入有关您的潜在住宿条件的其他信息，以获得更加个性化的估算。如果您访问的页面已经确信，页面顶部的明确号召性用语可以轻松地进行现场转换。
如何成为房东获取收入？如何得到安全保障？一无所知的新用户必定对这些问题感兴趣。循序渐进的页面指引为用户提供了明确的网页浏览方向和良好的用户体验。这么贴心的服务也不难留住用户了。
8. Flickr
页面设计亮点：
- 图片轮播
- 大而显眼的CTA按钮
众所周知，Flickr是一个照片分享或存储的平台，无论是业余的或是职业的摄影师都可以加入并在其中得到灵感。它的着陆页设计采取了图片轮播的方式展示用户的摄影作品。随图片滚动的作品署名和作者姓名让人对作者及作品产生无限的好奇心，忍不住想了解作者更多的作品。这也是着陆页的魅力之一。
大而显眼的CTA按钮设计吸引着用户去加入Flickr社区，从数百亿的相片中获取自己的灵感。简短的文案让游客在无形中便对网站产生了巨大的吸引力。
参考这些案例后，如何为自己的网站做着陆页设计呢？
1. ref="http:// http://www.mockplus.cn/">原型设计 - Mockplus
利用原型设计工具设计着陆页是最方便有效的途径之一。在Mockplus中选择网页项目，利用现成的200个组件和3000+图标，便能简单快速的实现着陆页原型设计。
大多数网站着陆页的设计元素并没有很多，基本会用到图片、文本、按钮、输入框等常用组件。例如这款由Mockplus打造的音乐类项目 So Stereo。直接拖拽出需要用到的组件，快速交互，快速设计，快速演示。
2. 使用模板
除了能借助原型设计工具的便利在项目开始前设计好理想中的着陆页，也可以直接套用模板。例如Unbounce 和Leadpages，都提供了非常不错的着陆页设计模板。
Unbounce - 最知名的着陆页线上制作工具
Unbounce有许多很棒的登陆页面模板，大部分的模板都着重在引导使用者转换，Unbounce还有一个一流的所见即所得页面建置工具，帮助使用者直接建立自己的登陆页面网页。
Leadpages - 功能多样性的着陆页设计工具
LeadPages提供许多功能，如制作电脑，手机版本的网页排版版本，也可以使用A / B测试与优化SEO，它最大的优势则是与其他的工具整合。比如说LeadDigits可以帮助使用者用简讯输入信箱 即可订阅，只要点选LeadLinks产出的连结，就可以让使用者填写名单，LeadBox可以制作出填写表单。
总结
以上为大家总结的着陆页设计案例无论在排版还是用户体验设计方面都十分出色，希望能在细节和整体布局方面给大家提供一些思路。另外，个人在设计着陆页的时候，有许多方方面面的小细节，比如CTA的布局，颜色搭配，公司LOGO的位置，都可能提升页面效果，而标题文案、辅助说明的改进，则可能会大大提高你的转化率。
优秀的网站需要从网页内容、界面、交互等多方面进行综合的评价。接下来康石石就推荐几个供各位参考：
1. http://ghosting.tv
网站内容：该网站打造一种幽灵风既视感，他像是在向大家推广一些影子艺术家，或者可以说是一些地下艺术家，这些人可以在该平台上传自己的作品，由该网站作为媒介平台让有兴趣的用户去探索先锋艺术，目的也非常纯粹Grab a Friend，Share an Art。
网页界面：首页将网站主旨居中，深蓝色背景，搭配一些漂浮的线条圆点，简约而不失设计感。如果学生是以图片导向型展示视觉类的网页设计，可以参考这个网站的形式。
网页交互：网页的点按逻辑十分清晰，鼠标浮上所选区域，文字部分会有下划线（图1），图片部分会有特殊艺术家名字出现（图2）。交互风格和界面风格一样简洁。
2. https://www.shadertoy.com/
网站内容：该网站主要是集合了游戏引擎中的材质着色器，同样也是由各个艺术家自主上传，每周都有不同的更新，为大量游戏开发者提供了丰富的游戏材质可能性。它算是一个偏功能性的网站。
网站界面：该网站的界面绝对不算美观，但是五脏俱全，内容都比较直观能够点按，风格就偏向信息流铺陈的网页设计风格，比如WordPress、Tumblr、Medium的blog类型网站。如果学生的网站中有大量的信息需要输出，可以参考这种比较规矩的网页界面设计。
网站交互：该网站属于资源信息内容分享型网站，所以大家也会看到他像Github一样，有大量的代码。而且他还像Openprocessing一样，可以实时进行修改产生视觉反馈。该网站的工程师对于Js代码的编写是比较厉害的。
3. https://aidn.jp/contents/
网站内容：该网站是集合了一些网页实验小游戏配上一些有趣的音效，整个网页使用流程非常舒服。他是一个偏游戏娱乐型的网站。
网站界面：界面是很直观的卡片内容型，风格统一，由于图片封面非常有趣，让用户也有点进去使用的动机。学生如果想做偏游戏娱乐型网站，可以参考该版式。
网站交互：该类型网站交互就是游戏的交互方式，学生们在设计的时候就以游戏的设计思路去进行分配就可以。
4. http://www.ro.me/
网站内容：该网站是Google做的一个互动影片纪实型网站，以一个相当浪漫的方式带着用户漫游罗马并且实验性的加上了互动元素。
网站界面：该界面非常具有项目风格，因为该网站的主题是漫步罗马所以整个界面基调就是浪漫；如果说是以恐怖环境作为主题，那么画面风格就截然不同了。所以这也提醒了学生们不要拘泥于特点样式，将设计风格和项目主题结合紧密，不要盲目模仿。
网站交互：主要通过鼠标的点按让画面出现变化的元素，实时互动的效果分非常有新意。不用多说了，大家自己进入网站中感受吧。该网站完美的结合了影片+游戏。
5. https://zh.wikihow.com
网站内容：该网站是一种wiki型知识百科大全网站。网站能够将一些令人困惑的问题图面化。相比于wikipeida少了点专业度，多了点可读性。
网站界面：插画风，这种类型的网站是为了让用户快速理解网页内容，偏向知识快速科普型网站。学生们如果想要做知识科普类可视化网站，可以参考这种插画风的内容输出。
网站交互：该网站的交互形式中有一个特别的点就是讲信息检索的布局十分明显，在首页，比如用户可以选择语言，和浏览分类，轻松找到对应内容。
6. kepler.gl
网站内容：这是一个地图可视化网站，能够将各类能在地图上还原的事件数据可视化。比如该城市的人群的通勤时段分布图图，汽车拥堵时段分布图，地震振幅区域分布图等。
网站界面：整个界面风格偏向科技型视觉网站，交互的专业定义也是艺术与科技相结合，所以该网站类型识别会成为未来网站界面的发展趋势供同学们参考。
网站交互：交互主要是根据数据数据模型自动生成，一切偏向智能化应用，每一步点按步骤都有一定的指引，使用起来流畅易懂。
以上7个网站的类型涉及到了信息引流型，数据代码型，影片交互型，游戏娱乐型，知识科普型，数据可视化型，可以根据自己的需要进行不同形式的参考。
更多相关内容拓展阅读：
望有启发。
—————————————————
欢迎关注我的个人公众号（kang-shishi）
如有艺术留学、保研、院校、专业、作品集方面的问题，可私信康石石咨询。
设计师在进行设计的时候，确实是非常需要累积灵感的，很少有设计师能仅凭借白纸和画笔一片空白的开始作画。
现代的网页设计，更多的情况是在查阅过许多的资料后，站在巨人的肩膀上继续创造。
因此平时的积累对于网页设计来说至关重要，回到题主的题目：
网页设计有哪些好的网站？
如果是想寻找提升自己设计的方法，那么我们可以从三类入手：
1、灵感积累工具
在平日里多多积累，才会在需要时能从容不迫。素材网站可以是参考实例，也可以是灵感来源，能在设计师作图时起到辅助效果。
2、经验交流工具
越多的点评意见反而能促使人的进步，因此设计师更需要多多交流与沟通，在设计的独有社区里与同行交流也是提升的一大方法。
3、生产工具
一款好的生产工具能让设计效率急速提高，达到事半功倍的效果。尤其是拥有插件的设计软件，无疑可以起到更好的帮助。
一、灵感工具
coolors
如果需要配色灵感，可以上coolors溜达一会儿~
coolors是一个不需要翻墙且免费的调色网站，它能生成许多不同配色模板，你可以直接在模板的基础上进行修改，确定好模板后可以导出在设计文件中进行使用。
Pinterest应该是全球数一数二的设计素材网站了，身边的设计师不少用他找素材的，但很奇怪知乎竟然提它的人并不多。（不过需要梯子哦）
ICONFINDER
一款国外类似于阿里图标的icon网站，输入英文关键词可以直接进行搜索，图库非常丰富~
Behance
优秀的找图网站，有许多区别于其他素材网的独家找图功能。
比如，behance有按学校分类的作者，如果用户有深造的需求，那做作品集之前不妨看看自己梦校学生的作品偏向~（不过也需要科学上网）
再分享一些设计类的网站，都挺值得一看：
https://www.designboom.com/
https://dribbble.com/
Awwwards - Website Awards - Best Web Design Trends
www.deviantart.com
二、交流工具
UI中国
人气最高的设计师交流平台，聚集了国内大量的优秀设计师！
首页可以直接浏览大佬作品，有价值的问题经常会被翻牌
站酷
内容相对更广的设计创意类平台，不仅包括设计、插画等艺术，还有摄影等方向，在创意类从业者群体里有着很高的号召力。
三、生产工具
Pixso
—— 一款基于web的多人协同设计软件！
作为生产工具，Pixso在这几点上与传统软件有着明显优势：
01 在线设计，自动保存：无需下载，不用更新，打开网页就能开始设计！
02 多人实时协同工作：团队可以在一个文档里开展工作，根据岗位设置工作权限
03 团队共享资源库：组件云共享，不再将组件样式限制在本地使用，一处修改，全局更新。
04 一键交付设计稿：通过链接就能分享文件，标注、代码自动更新
Pixso作为设计工具，本身的设计功能也非常强大：
钢笔工具可以通过移动矢量的线，所有连接的点也可以自动跟随
自动布局能够快速进行排版，不论填充会删减内容都不用再一一手动修改
形状工具也有圆角等一系列快速修改参数的设置，可以做到快速绘制
从另一个方面来看，Pixso对于团队项目设计也有极大的改善
在一个项目的设计环节里，产品在平台里进行原型设计，设计师在Pixso进行UI设计，研发可以随时查看设计内容，获取项目中的标注与代码进行编程。团队中的每个岗位都可以在Pixso的平台上完成自己的工作并协作。
并且目前Pixso已经在规划评审等更多的协作功能，有问题随时在设计文件中进行备注，让项目协作效率更上一层！
当然，Pixso除了这4个明显区别于传统设计软件的优点以外，P还有不少惊喜功能哦~
比如钢笔工具可以拖拽改图、图形一键等距复制、以及原型等等功能~ 快来体验一下吧！
点击一下，来试试这款提高设计效率的UI设计软件吧！
UEMO魔艺已经做了12年网站设计了，作品被Awwwards在首页推荐过。
推荐几个好的网站设计平台吧
酷站-2000年的创意网站，每日更新
欧美风格的网站设计欣赏
CSS设计师每日必看
为网页设计师精选优质的全球作品
需要灵感的时候，可以看一下
更新频率高的日本网页设计
免费的可以商用的字体下载
几个不错的网页设计素材网站，自己可以选择一两个喜欢的，参考一下别人的网页设计，自己再亲自动手设计。
1. https://www.awwwards.com/，Awwwards是国外比较好的设计类网站，里面有许多高端的设计作品，很多优秀的网页设计作品会吸引到你，欣赏国外设计师别具一格的设计思路，对自己也有提高哦！
2. Website Templates from ThemeForest，Themeforest是质量极高的网页模板分享平台，也可在这里找设计灵感。
3. TEMPLATED，Templated是响应式模板分享站，想设计响应式网站的设计师可以多去逛逛。
4.六图网是国内提高网页模板，网页图标，网页版式，网页布局，网页元素分享下载的网站，需要网页元素标签的设计师可以去看看。
5. Website Templates,Freewebsit是免费网页模板分享网站，有的质量确实还不错。
现在流行的网页设计以简约大气的自适应方向为主，也就是不要给排版定宽度，尽可能的把宽大的屏幕用图片撑起来，你可以参考一下这些自适应的网站。
1 超级单页 vipcom.cc
2 Free Website Templates & Wordpress Themes at Themezy!
3 templatemo.com/
网站设计哪家好？这个是需要看网站的案例以及设计实力来评判的，一不小心就容易上当，所以在选择的时候一定要小心谨慎才行。
1、建站公司案例展示
一个专业的建站公司，肯定有许多的案例展示。你可以根据该公司展示出来的案例来评价它的实力及是否值得选择，同时查看这些案例设计的整体风格、架构、背景等是否能让你感兴趣，来确定公司的实力。
2、建站公司设计师实力
一个专业的建站公司，必定是有一个专业的设计团队。因此在选择时要了解清楚该公司是否有专业的设计师、设计师的从业经历、设计师经手的案例、查看设计师设计的网页效果等，了解过后就能知道该公司是否能让你满意。
3、建站公司对网页设计细节把控
细节在某些时候能起到关键性的作用，俗话说：细节决定成败。因此要了解该公司的设计师是否能做到把控细节，有时一个微不足道的设计细节会让你的网页达到一个不可思议的效果，也能看出这个公司是否富有强烈的责任心，值得人信赖。
网页设计绝对不是一个简单的事情，选择一个专业的建站公司进行网页设计才能为自己带来良好的效益，因此在选择时要慎之又慎。
希望这篇回复可以帮助和鼓励每一位用心的朋友。
感谢支持，感谢鼓励。
我是专注于网站建设√网站优化√的角点科技，一个和你分享经验共同努力向前的朋友。
欢迎共同交流学习!
1\搜图114：各种免扣PNG高质量UI资源下载!类型丰富涉及生活，艺术，军事，交通……等24个领域；这个网站除了提供高质量的png素材以外，还提供超高清背景素材！对于PPT制作来说，找到好的PNG素材也是非常重要的本领。
最大的特点是每天更新素材.
www.sotu114.com
2\搜UI网 每天都会有新的图片更新，保证你可以用到新的素材。检索功能也做的很不错，是一个很不错的免费UI|UX素材资源的集合地！
www.sooui.com
3\模库网 www.mcool.com
创意灵感的来源，有很多高品质的设计图片分享，各种设计类型都可以搜到
4\优图网 www.uppsd.com
海量电商相关的活动页，详情页，首页，活动BANNER，推广，优惠券等等，参考素材极其丰富的网站，每日都有最新最IN的图片更新。
废话不多说，直接贴网站！
1. 我要自学网
2. 腾讯课堂
3. 网易云课堂
4. Coursera
5. 人人自学网
6. 虎课网
是国内优秀的设计在线学习网站，适合想学习设计的人群使用，涵盖PS、字体设计、UI设计、海报设计、品牌设计、插画等多种设计课程。
7. 北风网
————————————————————
有更多艺术设计、艺术留学的相关问题，可以私信我~
推荐几种好用的网页设计工具
网站伴随着网络的快速发展而快速兴起，成为了上网的主要依托，而网页设计也因此成为了众多设计师的宠儿。今天我就要给大家推荐几种好用的网页设计工具，有了这些工具可以帮助设计师更加轻松地完成工作。
一、Avocode
Avocode是前端切图神器，它实现从视觉到代码的过渡，自动生成导出图片的代码。
兼容：Sketch，Photoshop，Adobe XD，illustrator 和 Figma。
交接和检查 - 提供设计并获得规格
切换并检查任何设计。
Avocode是一个独立于平台的工具，可帮助团队将 Sketch，PSD，XD，AI 和 Figma 设计转换为 Web，React Native，iOS 或 Android 代码。
轻松导入文件，只需拖放即可将设计文件导入Avocode。
设计管理 - 保持设计版本同步
跟踪设计变更，观察您的项目开发。
保持您的设计文件在云中的组织，同步和备份，以便您的团队可以持续访问最新的设计版本。
原型 - 分享、玩耍和检查原型
涵盖从原型到Avocode代码的工作流程。
轻松将所有设计原型导入Avocode，让团队的其他成员看到屏幕，评论和检查之间的关系。
团队协作 - 讨论变化并加快工作速度
通过Avocode您的团队，客户和承包商终于可以查看您与他们共享的任何设计版本，讨论变更并进一步推动您的项目。
官网： https://avocode.com/
二、 Pixlr
Pixlr Editor 是一个超强的免费在线处理图片工具，可满足您的所有编辑需求。完全控制您的图像，包括图层和效果。简单点说，Pixlr Editor 就是一个类似 Photoshop 的 web 软件，适合进行图片处理。
Pixlr 还新推出了 Pixlr X，一个免费的在线修图工具。内置多种特效及滤镜，曝光对比调整、相框与特殊光线等等。
官网： https://pixlr.com/
三、Webydo
Webydo 是一个在线网站设计及托管平台，帮助网页设计师摆脱传统的网站建站流程，Webydo的工具能够将他们的设计自动转换成的HTML5网站，设计师在这个过程中无需接触任何的手动编程工作。因此Webydo迅速成为一些设计师的最爱的网页设计工具。
官网： https://www.webydo.com/
四、Wagtail
Wagtail是一个开源的，响应式CMS，旨在加快Web开发的速度。它提供多语言和多站点支持。CMS采用直观的内容结构，支持复杂网站的所有基本组件。
StreamField
可以按任意顺序创建和排列不同内容类型的代码块。
代码段
可以将现有内容添加到另一个页面。可以在网站的不同位置以不同的格式复制。
资源管理器
其功能和组件以模块化的结构进行组织，提供简单的内容导航。
图像裁剪
CMS自动检测面部和其他图像特征，并进行相应地裁剪。也可以取消自动检测，定义自己的图像的焦点。
表单构建器
Wagtail可以创建具有任意数值域的表单。可以在管理界面中存储表单提交，以供日后检索，可选择将每个表单提交到指定的地址。
官网： https://wagtail.io/
五、Mobirise
Mobirise是一款适用于 Windows 和 Mac 的免费离线应用，可轻松创建中小型网站，登陆页面，在线简历和投资组合。1500多个漂亮的网站块，模板和主题可帮助您轻松入门。
非常适合那些不熟悉Web开发错综复杂的非技术人员以及喜欢尽可能以视觉方式工作而不需要与代码抗争的设计人员。对于快速原型制作和小客户项目的编码人员也很有用。
响应式自然
用户界面非常友好。可以在视觉编辑器中预览网站在不同设备屏幕上的显示效果。
简单易用，不必编码
Mobirise是一个简单易用的免费网站构建器 - 只需将网站元素拖放到您的页面，添加内容并将其样式设置为您喜欢的样式 - 无需技术技能。
现成代码块
Mobirise提供了各种现成的代码块，包括粘性头部，汉堡包菜单，沉浸全屏模式，视频背景，Bootstrap 轮播插件，内容滑块，带有灯箱插件的响应式网页图片库等等。
无限托管能力
使用Mobirise构建的网站可以托管在任何地方，无论是Amazon S3，Github，Google Drive，FTP还是本地驱动器。
官网： https://mobirise.com/
六、UX FLOWCHART CARDS
UX流程图卡（UX FLOWCHART CARDS），一款网页设计专用的卡牌。强大的网站结构规划工具，专业的网站建设者，涵盖54种常用UX模板，让设计师能够快速搭建专业的用户体验流程图，节省大量时间且架构清晰。帮助设计师和产品经理把握产品全貌，思考用户体验，聚焦重要环节。
原型讲解，需求可视化
流程卡是非常有效的将需求转化为具体设计稿的思考工具。
方案探讨，随时修改纠错
修改、移动、自定义都很容易，大大节省创建修改的时间成本。
头脑风暴，快速搭建思维模型
操作简单，帮助设计师和产品经理快速记录思路。
官网： https://www.uxdock.com/
七、Figma
Figma是一个实时协作的界面设计工具。它有三个难能可贵的功能：实时协作，矢量网络和版本控制。Figma 就像是基于浏览器并具有实时协作功能的 Sketch。
实时协作
团队可以直接在设计界面上进行讨论，令协作更加方便。
Figma在Mac，Windows、Linux甚至是移动端（只能预览）都可以运行。这将极大的改变团队生态，让设计师和开发者更好的协作。任何人都可以进来并查看所有细节：字体，颜色，尺寸，间距等等。开发者们也可以轻松看到整个UI的布局是如何适配不同屏幕尺寸的。
评论功能是内置的，团队成员可以针对你的设计留言，当有新评论或者新回复时你也会收到提醒。一旦你完成了，就可以点击“已解决”来隐藏意见。
版本控制
版本控制在 Figma 里更易于查看，从而更快的进行不同版本的对比。使用起来比 Sketch 的版本控制要顺手很多。
每个文件的每个版本都在它们的服务器上，这让迭代变得很容易也很省心。
自适应布局是现代设计工具必不可少的功能，你可以通过设置让元素紧靠边缘来组合你的整个约束条件，或是让元素居中显示。这和 Sketch 中的 Pin to Corner 和缩放对象差不多。不得不承认 Figma 的版本使用起来更视觉化也更直观。
矢量网络
矢量网格是具有突破性的，不只是移动锚点，你可以直接移动线条，连接点也会自动的随之移动。这是因为在 Figma 里可以连接多条线，组成矢量点阵的网格，而不是单纯的起始点和结束点。这种难以置信的易用程度，一上手就知道。
官网： https://www.figma.com/
以上就是我整理的几种好用的网页设计工具，有 web 工具，软件工具，还有实体工具，大家有需要的都可以尝试一下哦~欢迎补充~
做网页设计，素材的重要性是不言而喻的，今天我就向大家分享一些不错的素材网站，拿好不谢。好吧！废话也不多说了，直接上干货。
1. www.mishu.pro ；
秘书网是国内非常不错的素材下载网站，我们可以通过网站搜索框搜索寻找设计素材，素材还是很丰富的，图片素材质量也比较高，还有很多视频音效文件可供下载。
2. https://ui8.net/；
这个是国外的素材网站，这里聚集世界各地优秀设计师的界面源文件，非常适合UI设计师在上面寻找素材。
3. https://www.iconfinder.com/；
Iconfinder也是不错的国外UI设计网站，该网站提供网页元素PSD下载！
4. https://dribbble.com/；
设计师必备站点，国内顶尖的设计师都在上面寻找一些UI设计素材，上面的UI设计素材也都很丰富。
以上分享的设计素材网站觉得不错，欢迎点赞哦！
Awards & Inspiration - CSS Gallery - CSS DA siteInspire - Web Design Inspiration CSS Winner - Web Design Awards - CSS Award Gallery for Website Design Inspiration - Website Awards
网页设计好网站，给大家分享4个！
10分钟就能生成一个网站，无需懂技术代码，响应式设计可以，一次制作PC+手机+平板等多终端网页↓↓↓
沉淀和共享前端开发、页面制作设计技巧教程，能给你带来很多页面设计新灵感↓↓↓
提供大量免费优质网页界面设计源文件，以及各种网页设计模板，很多页面设计师都爱逛的一个网站↓↓↓
好看又好玩的配色工具，分钟搭配高大的颜色组合，页面设计师必备↓↓↓
更多企业建站&网页设计相关资讯戳：