2024年网页模板设计软件 篇1
设计师必备的灵感网站大集锦,双手奉上,已做好分类。
因为设计师的专业分类很多,有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等,所需要的网站元素也不同,从灵感搜集、字体、配色、Logo素材,设计师门户网站等等这里统一汇总,整合国内外优秀设计网站,还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站,打开速度很快,图片数量多,还是免费!缺点是质量层次不齐,需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心,超多高清图片素材,壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高,很多都是摄影作品。除了不可以将图片转载到其他图库外,可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站,很多夸张风格的图片素材,包括人物风景等等,想要找一些“震撼”的图片,不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了,各种尺寸比例的图片都有,但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内,可以调整样式,颜色,间距等等,简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源,采用瀑布流的展示效果来展示每天都会更新的设计资源,只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站,平时也经常去逛,里面收录了很多优秀的海报,作品都很优质,点击相应的海报,会列出该海报的介绍,来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台,依托于全球设计文化对各个领域的影响,及庞大和活跃的用户群表现出极强的互动性,用不同的观点,出色的内容,聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志,它是由一群广告人、媒体人、设计师共同创办的,你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网,有点类似于咱们的UI中国,是一个集合了个多种设计品类的交流平台,在台湾本地,号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站!,于2010年推出,用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站,汇集了众多的优秀设计作品,包括安卓、iOS、Windows、WEB等设计作品,多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站,也是台湾最多人看的艺术网站,关注国际艺术动向,提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网,认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天,每天坚持出一张海报,产量颇高!上面的风格独特,色彩绚丽,创意俱佳。
10、优设网
上面有许多的设计干货,现阶段属于免费阶段,缺点可能就是没办法登陆收藏自己想要的干货,不过收藏网页也是一样的
11、Adobe Create Magazine,
Adobe的官方站点,有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库,但是,emmm,非免费
13、图虫创意
也是一个正版图库,同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用,不用开PS,可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站,可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有,游戏音乐,以及杂七杂八的小图标,在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的,看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多,还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件,但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎,各种类型的图标素材都有,并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站,各种姿势各种动作的小人可以下载,缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点:中文版本,软件的服务器在国内访问速度快,国内的单品能找到品牌供应商;
缺点:高质量的图少,软件不够流畅,功能不够强大;
2、board
优点是:灵感图片多,可手机上搭配方案,操作流畅;缺点是:不落地,英文版本使用略不方便;
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest (现需要翻墙)
7、inspirationgrid
8、behance
七、配色网站
1,Color Hun
2,uiGradients - Beautiful colored gradients
3,http://nipponcolors.com/-日本的,不要太强
4,配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5,Colours-可以查看其它网站配色
6,The Color Scheme Designer
7,Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片,而且能免费下载,都是一些高清摄影图,采用和花瓣一样的信息流模式,浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理,可以很快速地根据类目搜索自己想要的图片,图片涵盖范围很广,有高清摄影图,也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站,还有一些具有时代感的插画,部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库,网站有近30万张图片素材,并且虽然是国外的网站,但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站,一个拥有近5万张PNG素材的图片库,素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一,支持修改颜色,支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站,支持分类以及搜索,大部分素材免费可商用,但缺点同样是好的素材要花时间找。
5、千库网(千库网_免费png图片背景素材下载,做设计不抠图)
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站,一键下载并支持预览,做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站,样式多品质高,点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站,纹理样式多,提供了瀑布流的预览方式,同时也支持直接搜索。
3、Pattern Library
数量不多,但每个都是精品。默认提供大图预览方式,点击右侧的功能键也可以查看全部的纹理图案。
2024年网页模板设计软件 篇2
本期分享从文案策划到交互设计共包含19个工具/网站,把控你的H5制作,最终专业H5工具主推意派Epub360。
关于H5制作流程
笔者接触的H5制作辅助制作工作基本构成分为文案策划、设计交流学习、制图、视频编辑与剪辑、原型、H5动效/动画制作、图片/音视频压缩、素材存档,所以中间所使用的的工具也是这些。
注:分享的有一些软件需下载,有标注,无标注基本上是在线网站。
文案策划
数英网-数字媒体及职业招聘网站
介绍:
数英网是一个数字营销媒体平台,内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域,并且进行热门项目推荐,平台还包含了人才招聘和社区版块,用户可通过平台查找合适招聘信息,也可在社区发布动态或关注他人。
推荐理由:
数英网是一个比较不错的综合平台,无论是热门的话题、品牌活动、刷屏的文案都可以找到对应的板块,还有单独的大厂的优秀的H5项目分享,是营销媒体人必上网站之一。
TOPYS | 全球顶尖创意分享平台 OPEN YOUR MIND
介绍:
作为中国成立最早、最受欢迎的创意垂直网站,TOPYS立志打造一个多元、完备的泛创意知识产品系统和学习平台,试图成为“A Creative Institution”,希望借由创意的学习……
推荐理由:
作为全球顶尖创意分享平台,每个创意、视觉、文案都很让人惊艳,十分推荐。
视觉交流学习
站酷(ZCOOL) - 设计师互动平台
介绍:
站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
推荐理由:
站酷在设计师圈子有着超高人气,汇聚了大批优秀设计师、摄影师、插画师、艺术家、创意人,每天都有大量的首页加精的优秀作品分享,是一个不错的集灵感、设计技巧和项目经验学习和交流为一体的设计师平台。
UI中国用户体验设计平台
介绍:
UI 中国,前身为 iconfans,是专业的用户体验设计平 台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专 业的 UI 设计交流平台,为 UI 设计师……
推荐理由:
UI 中国与站酷面向人群基本重合,不过正如品牌名称,特色是突出UI方面领域,倾向官网、APP、H5、小程序UI的用户体验设计,注重情感表达在人机交互中的表现,平台定期会举办设计教程分享和大赛。
制图/排版
制图&修图:Adobe Photoshop(需下载)
介绍:
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
推荐理由:
这个不需要多介绍了吧,一款作图的软件,设计师吃饭的家伙,我们平常说P图大多是说这个。
矢量图&排版:Adobe Illustrator(需下载)
介绍:
Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
推荐理由:
这个也不需要多介绍了吧,一款排版、制作矢量图的软件,做的视觉无论放大多少倍都不会失真,一般配合PS综合使用。
素材网站
千图网-免费设计图片素材网站
介绍:
千图网是中国素材最多的网站之一,拥有800多万张素材。 提供:矢量图 、psd源文件、图片素材、网页素材、3D模型 素材、手机 APP 素材、 ppt 、画册 、图标热门主流素材下载服务,千图网以其独特的定位和全新运营模式,处于素材 网站 领先地位。
推荐理由:
千图网各类素材较多,质量整体中等,部分图标、节日元素、海报可以作为H5使用,快速短期出平面,建议企业用户,可以商用素材,避免不必要的版权风险,若自己有原创能力尽量自己PS。
包图网_专注原创商用设计图片下载
介绍:
包图网是素材在线交易网站,主要服务是提供图片、视频、音频、psd 源文件 等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
推荐理由:
包图网与千图网属于同类网站,但偏向于UI、插画等方向,质量整体中上,部分图标、节日元素、海报可以作为H5使用,建议企业用户,可以商用素材,避免不必要的版权风险。
视频编辑/剪辑
视频编辑:Adobe After Effects(需下载)
介绍:
Adobe After Effects简称“AE”是 Adobe 公司推出的一款图形视频处理 软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
推荐理由:
同样是 Adobe 旗下的为设计打造的视频处理处理编辑软件,利用三维插件和关键帧动画可以制作出网页原生动画实现不了的动画效果,可导出视频、序列、GIF增加H5的视觉表现和互动效果,制作H5互动视频是个不错的玩法。
如H5互动视频作品:《王小艺的朋友圈》
视频剪辑:Adobe Premiere(需下载)
介绍:
Premiere的简称,由 Adobe 公司开发是一款常用的视频编辑 软件,由 Adobe 公司推出。现在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款编辑画面质量比较好的软件 ,有较好的兼容性 ,且可以与Adobe公司推出的其他软件相互协作。
推荐理由:
十分强大的视频剪辑软件,也是Adobe旗下的产品,是如今自媒体人必学的软件之一,可以剪辑、配乐、专场,一般会配合AE一起使用。
会声会影中文版免费下载-会声会影中文官网(需下载)
介绍:
会声会影是 加拿大 Corel公司制作的一款功能强大的视频编辑 软件,正版英文名:Corel VideoStudio,具有图像抓取和编修功能,可以抓取,转换 MV、DV 、V8、TV和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可导出多种常见的视频格式,甚至可以直接制作成DVD和VCD光盘。
推荐理由:
平常使用的不多,还是在大学时期使用了一些,小白可以很方便制作看起来有些炫酷的视频特效与剪辑。
原型设计
墨刀- 远程办公好帮手 在线产品原型设计与协作平台
介绍:
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
推荐理由:
产品特色包括素材库、设计、高效演示及评审、导入Sketch稿、云端编辑、多人协作,可以在线制作APP及活动页面。
H5制作工具
意派∙Epub360-专业H5页面在线交互设计制作工具
介绍:
意派Epub360隶属于上海意派科技,是专业级的H5交互设计平台,采用可视化组件编辑,可实现复杂的H5交互动画、数据及逻辑,是华为、招商银行、上海观察等企业的共同选择。
专业交互功能:支持专业级动画控制、交互设定、社交应用与数据应用,保障企业的商业需求顺利实现。
操作简易:采用由简到难递进式产品设计模式,效果组件化,减少用户上手难度,稳定的操作环境助力企业持续创意输出。
提供企业服务:我们为企业/媒体单位提供H5工具培训、定制及私有化部署服务,定制服务包含扫码签到、大屏互动、H5游戏等多种场景,是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
提供优质模板:提供丰富的模板库,500+优质的企业H5模板,各种邀请函、招聘、节日海报、H5小游戏应有尽有。
推荐理由:
意派Epub360是一款专业的H5交互设计神器,无需下载软件,在线编辑制作H5作品,2014年上线,算是比较早的专业H5设计工具,可以零代码制作电脑、ipad和微信端H5作品,国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制,曾经两天时间快速上线一个炫酷产品宣传的H5作品,超神速!算是一款可以制作出高质量H5作品的H5交互设计神器。
图片压缩
图片压缩:Tinypng
介绍:
TinyPNG For Photoshop 插件是一款 PNG 图片压缩插件,通过这款插件你可以将 PNG 图片进行高压缩但对图片质量的影响微乎其微。只需要简单的两步就可以完成对 PNG 图片的高压缩而且还不会影响 PNG 图片的质量,这样就可以解决网页设计师因图片太大而影响网站加载网页速度的难题。
推荐理由:
TinyPNG虽然是英文网站,但打开很快,不需要看懂,拖动图片到中间上传的图标上就可以, 压缩率很高,支持压缩JPG、PNG,整体压缩幅度是 70%,而且几乎不损失画质。 但每次压缩限制大小5兆和 最多20 张图片,如果是序列图则不太适合,不过一般使用是完全够用的,另外自定义压缩质量还可以使用国内压缩工具“压缩图”。
图片压缩:压缩图
介绍:
压缩图是在线图片压缩工具,支持GIF压缩、PNG压缩、JPG压缩,还可以在线图片加水印、图片旋转、制作长图拼接、图片改颜色、图片添加文字、图片去底色、证件照换底色……
推荐理由:
有损压缩,但支持压缩JPG、PNG和GIF,支持压缩质量百分比、宽高比,有时我会跟tinypng混着用,部分大图压缩使用压缩图。
音视频压缩
Handbrake
介绍:
HandBrake是一款小巧到极致的实用视频转换软件,软件功能非常强大,界面简洁明晰、操作方便快捷,设计得很人性化。HandBrake中文版支持Win/Mac/Lin操作系统,批量转换视频格式,并自带压缩功能。需要的朋友千万不要错过哦!
推荐理由:
这款软件是界面是英文的,需要看懂几个基础的英文专业用词,现在经常在Mac系统上,之前用的window国产小软件不能用了,但是它同时支持Mac与window系统,有设置压缩速率,我一般设置成22左右,压缩质量和体积综合较强,压缩速度快,曾经我用这款软件把1.2G的视频文件压缩到22.6兆,可谓是惊呆了我和我的小伙伴们!确实是一款国外的优秀压缩软件!
格式转化:格式工厂
介绍:
格式工厂是一款免费多功能的多媒体文件转换工具。格式工厂功能强大,可以帮助用户简单快速的转换需要的视频文件格式。不仅如此,格式工厂软件操作简便,用户安装后就可以上手进行使用,为用户带来快速简便的使用体验。
推荐理由:
这款软件我个人用的不是很多,因为有一阵子使用Windows系统比较多,经常需要压缩音频、视频和各个视频格式的转化,挺方便,同时这也是一个免费的国产压缩软件,界面是中文的比较好操作。压缩质量中上,但速度很快,很适合对质量要求不是很专业的小白用户。
修改建议协同文档:
石墨文档-远程办公系统/解决方案
介绍:
石墨文档是全新一代云 Office 办公软件,支持多人在线协作编辑文档和表格,独有内容级安全,全过程留痕可追溯。PC 端和移动端全覆盖,随时随地远程办公。
推荐理由:
石墨最大的特点是协同办公,这点可以在我们项目制作修改意见有效的沟通并记录,传统方式,客户在项目交流群里,以聊天的形式反馈建议,一会儿没看可能就几十条,有时还穿插着59秒的语音建议,分分钟想哭好嘛?要是对方领导太多,一个人一张嘴,不经历你根本想象不到有多惨!有了这个,不会忽视每一条修改建议,客户通过标注的方式,实时反馈与按条修改,修改效率会大大提升!
素材存档
百度网盘,让美好永远陪伴
介绍:
百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。现在注册即有机会享受15G的免费存储空间。
推荐理由:
这个也不需要多介绍了,之前有几家网盘接连官宣停止运营,目前也就百度网盘、腾讯微云等大平台还在。我们在做H5项目一开始就养成一个好的习惯,每次做完项目,项目中所有的源文件、图片、音频、视频请新建文件夹归类。老设计师都知道,随着接触的项目越多,文件都放在电脑上,每个盘都塞得慢慢的,时间一长电脑运行肯定卡,这时候基本上要依靠移动硬盘和云盘,移动硬盘本地储存安全私密性高,但是某宝某东上搜一下,价格偏高,如果坏了难以修复,百度网盘基础使用的空间一般是够用了,缺点是免费版的下载速度真是龟速,不过也没花钱不是嘛哈哈。
本期分享就到这里了,关注我 ,有更好的推荐也欢迎留言或私信~