推荐一个牛掰的设计网站,让你的工作效率提高80%

接下来,我会根据该网站的分类,从必看、灵感、资讯、UI-UX、图标、图库、配色、字体、工具、社区中挑出3个最受欢迎的网站,推荐给大家。

灵感

Lapa——国外优质产品官网。它提供各类落地页设计欣赏,旨在激发设计师的灵感、提高设计师的技能。该网站上的很多案例,都可以应用到PPT设计中。

Abduzeedo上有很多PS、AI的教程,当然还有Conteplated、Pixelmator、Fireworks等网页设计教程。该网站吸引了超过10万设计爱好者,几乎每天的访问量达300万。

PS:这个网站的导航条其实是横着的,我等了1个小时也没加载出来,你们将就看看...

3.Bestwebsite:

Bestwebsite——设计感超棒的网站。你可以为Bestwebsite上所有的案例打分,满分10分,还可以点击链接体验该网站的设计,寻找灵感必备啦。

资讯

Heydesigner——设计师与前端一起充电的网站。顾名思义,该网站更适合设计师和前端工程师浏览,网站的Logo也跟充电的图标差不多。设计在很多方面都是相通的,我们也可以从这个网站上得到很多有创意的灵感。

Lizhi——字体排印主题,中文博客节目。Lizhi是一个类似于抖音、一直播的直播平台,网站设计很简单,不用登陆就可以听节目。在这里,你或许可以听到很多字体设计的知识点,应该比看书有趣。

UI-UX

Uigarage——高级美,UI设计灵感炸裂之地。该网站大概有40种设计类别,涵盖:IOS、Andriod、Web等,简直是UI设计师的灵感宝地啊。

Hoverstat——Web交互动画设计欣赏。如果你是做网站设计的,建议你经常浏览一下Hoverstat。跟Bestwebsite一样,可以在线体验网站的设计。

如果你将鼠标置于图片上方,停顿一秒以后,会自动播放网站的效果,可以说很方便了。

Land-Book——只收录全球最佳设计网站。该网站上的设计网站值得所有设计师参考,它支持用户创建账号收藏自己喜欢的作品,作为灵感库。

图标

Iconfont又称为“阿里巴巴矢量图标库”——支持多种格式(SVG/AI/PNG)图标下载,图标可转字体。这个网站大家都熟透了,我就不一一介绍了。

IconJar——成套优质简洁Icon素材免费下载。海量简约图标任你下载,不过,下载了很多图标,找起来很麻烦?Iconjar可以帮你解决这个问题。下载IconJar工具,打开之后如下图(该软件只能用MAC系统打开):

操作步骤:打开IconJar→点击【“+”AddIcons】新建目录→将你的图标全部导入新建的文件夹,命名。在你需要找icon的时候打开IconJar,直接把你想要的icon拖进这个界面,就可以快速找到你想要的icon了。是不是炒鸡方便呢?这个时候需要去买个苹果电脑了...

IconStore——一流设计师出品的精美icon。28种常用的图标类型,用来做PPT足矣。有的图标还可以拿来做表情包~

图库

Pexels——4万+免费商用美图。Pexels是一个致力于为用户提供海量共享高清图片素材的网站,每周都会定量更新。它所有的图片都会显示详细的信息,例如:拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等,高清大图质量很不错的。

摄图网——正版高清摄影图免费下载。摄图网是一家专注正版摄影高清图免费下载的图库,有摄影师5000+入驻,一百万以上的图片量,一百万以上的设计师,在这里你可以找到满意的图片素材和设计灵感。

PS:非会员每天只能下载一张高清图片

配色

1.AdobeColor:

AdobeColor——Adobe官方在线配色工具。拉动上图中的色环,可以自动生成配色方案,【探索】里也有很多配色方案供你参考。

Colorhunt——每天一组新鲜配色灵感。该网站配色方案的排列方式(除New中的配色方案)都取决于用户的浏览次数,所以你打开网站之后,一眼就可以看到别人喜欢的配色方案是什么样的啦。

3.Webdesignrankings:

webdesignrankings.com/resources/lolcolors/

Webdesignrankings——好看得哭出来的配色方案。65种配色方案,任你挑选。鼠标靠近“小水滴”的时候,会自动出现色值。

字体

Myfonts——字体设计灵感。这个网站适合手动党(想自己设计字体的人)寻找灵感,不过都是英文字体,我们可以学习它呈现出来的效果,将其设计理念运用到中文字体中。

2.Urbanfonts:

Urbanfonts——免费英文字体搜索下载。这个网站适合“懒癌患者”,可搜索你喜欢的英文字体,点击下载即可。

3.Hellofont:

PS:每个案例下方都有字体的使用方法;该网站上的字体仅限PS、AI使用

工具

LogoJoy——根据喜好在线生成个性Logo。Logojoy是一款利用人工智能帮你完成所有Logo设计的工具,其生成的创意可以提供给真实的设计公司。如果你喜欢该网站的Logo设计,可以点击“现在购买”,价格大约在65美元。

Tinypng——在线压缩PNG/JPG。Tinypng的压缩质量非常不错,在保持alpha通道的情况下对PNG的压缩可以达到70%,而且用肉眼是看不出与原图有什么区别的。

AntMotion——动效设计解决方案。喜欢动效设计的设计师们看过来,AntMotion是一款以React组件来实现动画效果的工具,用AntDesign实现页面后,可以很轻松地增加页面里的动画效果。该网站上的动效很牛X,先定个小目标:1年后做出这样的效果。

社区

站酷——国内设计师学习和交流的平台。深耕设计领域十年,站酷上聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。反正有事没事儿都去站酷上溜达溜达,每次都有新收获。

UI中国——国内UI设计垂直社UI区。UI中国的会员均为职业UI设计师,覆盖全国互联网公司。有创意可以去比一比,没创意可以去找一找。

Gracg,又名“涂鸦王国”——国内原创绘画社交网站。涂鸦王国是国内精英插画师社交网站,以原创插画为主要核心内容,作品风格多样,涉及使用行业广泛。喜欢插画的小伙伴可以去吸一波图了!

必看

Dribbble——全球优秀设计师最佳交流展示平台。该网站上的设计偏UI,其画风也是最流行的,我特别喜欢这个网站。你可以在Dribbble上找到非常多有意思的创意。

Dribbble和Behance上的图片质量超级高,导致网页打开非常极度异常缓慢,除此之外我都很满意!

花瓣——优美图集,点亮灵感。花瓣可以说是图片素材领导者,帮你采集、发现网络上你喜欢的事物,不得不说激发了老夫的少女心。

THE END
1.网页设计优设网网页设计Web Design。大屏时代,越来越多的公司开始重新重视网页设计,特别是响应式网页设计。本话题收录了网页设计师入门必学的网页设计方法论、网页设计规范指南、网页设计工作流等优质文章,可以更好的帮助网页设计师入门及进阶。https://www.uisdc.com/tag/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
2.5个常用页面设计的在线工具?整理!如果你是一名网页页面设计师,那么你需要好用的在线工具来设计具有视觉吸引力和未来感的页面。在这篇文章中,我们将为你介绍 5 个好用的网页页面设计在线工具,这些工具包括Webador、Squarespace、Adobe Dreamweaver、即时设计、Nova 。这些页面设计的在线工具可以帮助你创建美观、简洁、可用性强的网页页面,并且它们都是免费https://js.design/special/article/online-tools-for-page-design.html
3.WebTool(网页代码编辑器)V1.0.0官方版怎么用WebTool(网页WebTool是为网页页面设计师给予的最相应和最灵敏的代码在线编辑器,WebTool协助设计师以越来越少的时间精力和更快的速率设计网址,不用在在线编辑器和网页中间转换,不用切分显示屏,只需撰写代码并获取結果。代码编辑器)">【功能介绍 WebTool是为网页页面设计师给予的最相应和最灵敏的代码在线编辑器,WebTool协助设计师https://xiazai.zol.com.cn/baike/529449.shtml
4.Web前端工程师职业前景与开发流程HTML5CSS3Web前端设计基础教程(吴丰 第3版)教案全套-教学设计 任务1 Web前端工程师职业前景与开发流程---任务22 Web App页面的设计与实现.docx 关闭预览 HTML5CSS3Web前端设计基础教程(吴丰 第3版)教案全套-教学设计 任务1 Web前端工程师职业前景与开发流程---任务22 Web App页面的设计与实现.docx 原文免费https://max.book118.com/html/2024/0607/8067012107006076.shtm
5.电影主题HTM5网页设计作业成品——爱影评在线电影(10页面)使用1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。 2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、https://cloud.tencent.com/developer/article/2072109
6.美图秀秀免费在线P图抠图拼图美图秀秀网页版在线图片照片编辑制作美化修改处理工具提供在线拼图,在线改图修图,在线P图,在线美颜,在线ps照片,另外还提供图片美化、人像美容、添加文字、批量处理图片大小、证件照换底色、图片压缩等好用的功能,还有海报设计、平面设计、广告设计、贴纸素材、边框等丰富http://xiuxiu.web.meitu.com/
7.Web必备5款前端设计工具,效率开挂!对于设计前端页面这件事,每位设计师都有专属自己的设计理念。但面对快节奏的设计需求,效率比理念而言更加重要,前端设计工具Pixso多人在线前端设计工具不仅简单易操作,内部更向设计师提供了多智能化设计功能,譬如Pixso自动布局功能,采用全新交互UI组件,调解便捷灵活,可对页面进行绝对定位、负间距堆叠、画布空间操作等功能。https://pixso.cn/designskills/front-end-development-tools/
8.10个给力的在线Web设计开发工具介绍EasonJiang10个给力的在线Web设计开发工具介绍 1.在线文本生成器 BlindTextGenerator:对设计师来说,这是一个简单又好用的文本生成小工具。内含许多种字体,可设置字符的大小,数量,样式,段落的数量及对齐方式等,还可以很方便且精确地调节文本区块的大小。 http://www.blindtextgenerator.com/lorem-ipsumhttps://www.cnblogs.com/jjtech/archive/2011/03/16/1985732.html
9.网页设计论文外部样式表是一种文件,在网页中外部样式表的存在可以以独立的形式,外部样式表文件可以在多个网页页面中进行使用,外部样式表示一种样式文件通过样式来对文件进行保存的,在网页页面中通过link标记与其他的样式表文件进行连接,文件扩展名是.CSS。link标记在页面设计的时候是在head区域进行存放的。浏览器通过文档形式从CSS文https://www.ruiwen.com/lunwen/6161857.html
10.在线设计协作软件,Web/app界面设计工具,免费云端字体MasterGo 是一款专业智能的 UI/UX 设计工具和原型播放,支持专业矢量编辑,智能辅助功能,团队在线协作,设计实时交付,一站式完成高保真产品设计。https://mastergo.com/design
11.WEB在线流程图设计器:GOOFLOWGOOFLOW软件开发这是一个用来在浏览器上设计流程图的WEB UI组件,基于Jquery开发。可用来设计各种引擎的流程图、逻辑流图,数据流图,或者是设计某个系统中需要走流程的功能应用。用户体验经本人的不断改良后使得操作界面很容易上手,不仅二次开发人员可用,最终用户也能用。 https://www.open-open.com/lib/view/open1367589402277.html
12.DW个人网站制作成品简单个人静态HTML网页设计作品DIV布局个人介绍网页文章浏览阅读3k次,点赞2次,收藏7次。网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏https://blog.csdn.net/qq_38513433/article/details/127148139
13.MAKA在线设计平台全球3000万中小企业用户使用的在线平面设计工具,MAKA免费提供海量精美平面设计素材,快速在线PS,随时随地编辑设计模板,一键搞定设计,支持下载高清素材图片。https://www.maka.im/
14.设计神器Colorhub!WEB设计色卡即时预览并生成CSS代码!在平面印刷上如此,在 WEB 网页设计中更甚。有相当一部分朋友可能刚入行,也有可能入行许久了但是对网页的配色一直琢磨不透,那么这个时候我们就需要色卡工具来协助我们来理解配色逻辑了。今天要给大家介绍的这款神器,不仅可以提供给我们相当多样的色卡,也可以即时预览配色效果,让妈妈再也不用担心我们的配色!https://uiiiuiii.com/software/465780.html
15.ASP.NETCore适用于.NET的开源Web框架用于使用 .NET 和 C# 构建 Web 应用和服务的框架。 开始 Windows、Linux 和 macOS 上均支持 使用一个堆栈快速生成 Web 应用 ASP.NET Core 附带生成 Web 应用所需的一切内容,其中包括 Web UI 框架 Blazor,可用于快速创建在任何位置运行的快速、安全且可靠的 Web 应用。 https://asp.net/
16.HTML/CSS设计一个网页菜鸟教程在学习之前我们可以先看下效果:https://www.runoob.com/try/demo_source/tryhtmlcss_website.htmCSS 代码 * { box-sizing: border-box; } /* body 样式 */ body { font-family: Arial; margin: 0; } /* 标题*/ .header { padding: 80px; text-align: center; background: #1abc9c; color: https://www.runoob.com/w3cnote/htmlcss-make-a-website.html
17.网站模板ps素材图片素材懒人建站提供网页素材下载,提供网站模板素材、图片素材、ps素材、素材库等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。https://www.51xuediannao.com/
18.自学电脑3D教程平面教程影视动画教程办公教程机械设计我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训http://51zxw.net/
19.易企秀免费H5模板AI在线设计海报视频数字人MOGU设计 29 H5 会员免费用 元旦节春节廉洁过节倡议书活动邀请函节日祝福h5 17品牌设计机构 22 H5 会员免费用 严选寒假游桂林境内游景点旅游攻略行程安排活动宣传 HY_STUDIO 13 H5 会员免费用 高端简约年终商务会议活动年会盛典邀请函 MOGU设计 53 H5 会员免费用 https://www.eqxiu.com/
20.电子商务应用论文(15篇)利用Web服务器的日志文件进行数据分析,对访客次数以及对应路径进行分析挖掘出频繁访问路径。通过数据可以分析出大多数访问者的共同喜好,从而能够帮助电子商务改进web设计以及提供更好更符合客户的服务。(2)关联分析技术。关联技术是通过对数据进行分析寻找出隐藏的数据联系,关联分析可是对单纯的web数据与对应的电子商务进行https://www.yjbys.com/biyelunwen/fanwen/dianzixinxigongcheng/733161.html
21.人人秀在线设计和营销工具——H5页面制作/电子邀请函模板/海报人人秀提供海量的模板,可以快速创建和分享海报、H5页面、问卷、文章、长页、互动、应用、画册、小游戏、抽奖、答题等多种在线营销素材,满足个人、团队、企业的各种营销活动需求https://rrx.cn/
22.Canva可画在线设计协作平台平面设计作图软件在线设计协作平台Canva可画提供了海量的设计模板,涵盖海报、简历、名片、Logo、PPT、手抄报、二维码、Banner等数十种平面设计场景,更有千款中英文字体及千万张正版图片素材可供使用。精彩设计,随时随地!https://www.canva.cn/
23.网页设计交互设计icon图标设计优图网:专业提供优质设计模板素材图库,包括web网页,网页插图,icon图标,线框原型,展示模板下载,减少设计师75%办公加班时间。http://www.uppsd.com/categorys-106.html