选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

20套免费 Web UI Kits & Templates 模板合集(Sketch & PS 适用)

作为设计和建站的人,应该庆幸互联网有如此多的设计师分享他们所设计和创作的素材,及一些优秀的设计教程。哈哈,毫不谦虚地认为,云瑞设计博客也算是其中一个还不赖的分子。

我们的小伙伴发现在Web应用程序和网站设计时,参考国外一些优秀的素材后,往往事半功倍。这比自己的设计师独立创意会高效很多。当然,我们在这里不鼓励设计师们抄袭别人的创意,我们已经过了抄袭的年代,如今我们更多的应该是借鉴+创新,否则毫无意义。
为了帮助你和你的下一个应用程序或网站项目快速实现,我们收集了一堆优秀的UI套件和模板素材,希望能给正在设计应用和网站的小伙伴们带来灵感。

你也可以回看一些我们过往分享的一些优秀的UI组件和模板素材,比如:2015年出炉的 27个了不起的Ui Kits工具包PSD打包下载23个最好的界面设计PSD套装5月版下载(UI Kits)标准的全平台响应式UI KITS套装下载【web版,pad版,手机版,PSD+sketch 900MB】一套漂亮的APP UI KITS打包下载[PSD+Sketch]等等。

Bootstrap 4 UI Kit

Bootstrap 4 UI Kit

下载: Bootstrap 4 UI Kit (Sketch App).

Pages UI Web Kit

free Pages UI Web Kit

下载: Pages UI Web Kit (Sketch App).

Mega UI Style Pack

Mega UI Style Pack

下载: Mega UI Style Pack (Photoshop PSD).

Landing Page Free UI Kit

Landing Page Free UI Kit

下载: Landing Page Free UI Kit (Photoshop PSD & Sketch App).

Event Pro User Interface Kit

Event Pro Interface Kit

下载: Event Pro Interface Kit (Photoshop PSD).

Stella Blogging UI Kit

Stella Blog UI Kit

下载:Stella Blog UI Kit (Photoshop PSD).

Landing UI Kit

Free Landing UI Kit

下载:Free Landing UI Kit (Photoshop PSD & Sketch App).

Google Inbox UI Kit

Google Inbox UI Kit

下载:Google Inbox UI Kit (Sketch App).

Bootsketch UI Kit

Bootsketch UI Kit

下载: Bootsketch UI Kit (Sketch App).

Facebook Analytics UI Pack

Facebook Analytics UI Pack

下载:Facebook Analytics UI Pack (Sketch App).

Bookworm UI Kit

Bookworm UI Kit

下载:Bookworm UI Kit (Sketch App).

Liquid Web GUI Kit

下载: Liquid Web GUI Kit (Photoshop PSD).

Atelier UI Pack

Atelier UI Pack

下载:Atelier UI Pack (Sketch App).

Kauf Web UI Kit

Kauf Web UI Kit

下载:Kauf Web UI Kit (Photoshop PSD).

Chart UI Kit

Chart Sketch App designer free resources ui kit template

下载: Chart UI Kit (Sketch App).

Overlap UI Kit

Overlap Photoshop PSD Illustrator AI designer free resources ui kit template

下载: Overlap UI Kit (Photoshop PSD & Illustrator AI).

Summer UI Kit

Summer Sketch App designer free resources ui kit template

下载: Summer UI Kit (Sketch App).

Aerea Free UI Kit

Aerea Free UI Kit Photoshop PSD

下载: Aerea Free UI Kit (Photoshop PSD).

Elton UI Kit

Elton UI Kit Photoshop PSD

下载: Elton UI Kit (Photoshop PSD).

Wintera Free UI Starter Kit

Wintera Free UI Starter Kit Photoshop PSD

下载: Wintera Free UI Kit (Photoshop PSD).

Coco UI Kit

Coco UI Kit Photoshop PSD

下载: Coco UI Kit (Photoshop PSD).

Carlyle Free UI Kit

Carlyle Free UI Kit Photoshop PSD

下载: Carlyle Free UI Kit (Photoshop PSD).

Food & Drink UI Kit

Food Drink UI Kit

下载: Food & Drink UI Kit (Photoshop PSD & Sketch App).

Foundation v5 UI Kit

Foundation v5 UI Kit

下载: Foundation v5 UI Kit (Sketch App).

Spot UI Kit

Spot UI Kit Photoshop PSD

下载: Spot UI Kit (Photoshop PSD).

Epic UI Kit

Epic UI Kit Photoshop PSD

下载: Epic UI Kit (Photoshop PSD).

Creative Mind Blogging UI Kit

Creative Mind Blogging UI Kit Photoshop PSD

下载: Creative Mind Blogging UI Kit (Photoshop PSD).

Bootstrap-Based Free UI Kit

UI Kit Based on Bootstrap

下载: UI Kit Based on Bootstrap (Photoshop PSD).

Mini UI Kit

下载: Mini UI Kit (Sketch App).

Flat UI Kit

Flat UI Kit

下载: Flat UI Kit (Photoshop PSD).

Joocy UI Kit

Joocy UI Kit

下载: Joocy UI Kit (Photoshop PSD).

Mini UI Kit

Mini UI Kit

下载: Mini UI Kit (Sketch).

Jefferson UI Kit

Jefferson UI Kit

下载: Jefferson UI Kit (PSD).

Dijon UI Kit

Dijon Free UI Kit

下载: Dijon UI Kit (PSD).

Elements UI Kit

Elements Free UI Kit

下载: Elements UI Kit (PSD).

Sven Modern UI Kit

Sven Modern Free UI Kit

下载: Sven Modern UI Kit (PSD).

Hero Flat UI Kit

Hero Flat UI Kit

下载: Hero Flat UI Kit (PSD)

Space Ui Kit

Space Ui Kit

下载: Space Ui Kit (PSD)

Retina UI Kit

Retina UI Kit

下载: Retina UI Kit (PSD)

MFD UI Kit

MFD UI Kit

下载: MFD UI Kit (PSD)

Designer-naut UI Kit

Designer-naut UI Kit

下载: Designer-naut UI Kit (Sketch App).

Atom Modern UI Kit

Atom Modern UI Kit

下载: Atom Modern UI Kit (Photoshop PSD).

Flat Ui Kit

Flat Ui Kit by Andrew McKay PSD

下载: Flat Ui Kit (Photoshop PSD).

Dark and Light Ui Kit

Dark and Light Ui Kit by Mateusz Dembek

下载: Dark and Light Ui Kit (Sketch App).

Redlight Complete Friendly User Interface

Redlight Complete Friendly User Interface

下载: Redlight Complete Friendly User Interface (Photoshop PSD).

Modern Flat UI Kit

Modern Flat UI Kit

下载: Modern Flat UI Kit (Photoshop PSD).

Coloro UI Kit

Coloro UI Kit

下载: Coloro UI Kit (Photoshop PSD).

Elements UI Kit

Elements UI KIT

下载: Elements UI Kit (Photoshop PSD).

Ultimate Infographics Pack

Ultimate Infographics Pack

下载: Ultimate Infographics Pack (Illustrator AI).

Flat UI Kit

Flat UI Kit

下载: Flat UI Kit (Sketch App).

所有上述素材都是免费的,你可以下载下来进行学习参考,然后设计出属于你自己的应用或者网站页面风格。如果你有好的主意或者好的素材分享,我们乐意倾听,并尽可能满足你的需求。当然,我们更希望的是听到更多设计师的意见,以帮助我们更好地改进,分享更多优质的设计素材。

The end!

常见问题

  • 1、为什么PPT、APP和网页等模版里没有示例图片?
    因为这些素材只是模版,一般不包含里面的示例图片,示例图片是需要另外购买的;
  • 2、百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
  • 3、解压时提示损坏,是什么原因?
    首先,可能是下载工具问题,如果您使用的是Windows请使用WinRAR解压,如果是Mac请使用Archiver解压(Archiver推荐下载地址:https://www.inpandora.com/archiver-3-0-3.html),其次,可能没下载完,如果打不开请确定您下载的文件和百度网盘上一模一样大,如果您用的是MAC,下载下来的文件会比网上的大一些,如果文件一样大,还不能打开,请在底部留言;
  • 4、PS动作文件如何安装和使用?
    1.双击安装好所有的笔刷(.abr)、图案(.pat)和动作(.atn)等文件;
    2.选择分辨率在3000PX*3000PX,72dpi左右的高清素材图;
    3.使用英文版的Photoshop (PS中文变英文的办法 https://www.yrucd.com/74023.html);
    4.用PS打开素材,并且保证素材在background图层上(将素材合并到background上);
    5.新建空白图层,名为brush;
    6.在brush图层上用画笔覆盖素材主体物(该图层一般命名为brush,少量资源命名为profactions);
    7.在动作面板执行该动作,实现效果;
  • 5、素材更新频率和质量问题
    目前云瑞素材的日更新量增加了不少,所以多了很多不同种类的素材,之所以发这些素材,是为了满足更多人的需求,素材种类多了,就很难保证所有素材每一个人都喜欢,但品质我们还是会精选,也会根据用户数据反馈来调整更新策略;另外,后续也会和今日头条一样,做智能推荐,推荐你喜欢的内容,这样你不点的素材就很难再看到了。
  • 6、素材能商用么?
    素材仅供个人学习使用。
云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。