跳到主要内容

44个网页设计免费让你的生活更轻松。

使用代码在优质图像上节省15%15 ISTOCK

+$In many ways, working in web design in 2019 has never been more challenging. But on the positive side, there have never been so many free resources out there to help you.

+$There are tons of free design assets on the web you can use to speed up the process of building websites, including free UI kits, free图标集+$and free fonts. Plus if you need to learn new skills or improve your existing ones, there are some great books that have been made absolutely free to read.

在这篇文章中,我们为网页设计师收集了一些我们最喜欢的免费赠品。因此,我们建议您为此页面添加书签,因为您永远不知道它们什么时候会派上用场!

在此页面上,您将找到UI工具包,然后是免费图标,免费字体和免费电子书。使用上面的下拉菜单直接跳转到特定部分。

UI工具包

+$When it comes to building websites in 2019, there’s absolutely no point in reinventing the wheel again and again. Web designers across the world have been kind enough to share the assets they’ve created for their own projects to make yours easier. So why not take advantage, and save yourself time and energy. Here are some of the best free UI kits to come to our attention recently…

+$01. Shards

Web design freebies: Shards

+$Shards is a lightweight UI kit that's built for performance

+$(Image Credit: DesignRevision)

+$Created By DesignRevision,+$Shards+$is a free responsive UI toolkit based on Bootstrap 4. Built with performance in mind, it features a modern design system with every component designed from scratch and enhanced with smooth micro-interactions, as well as two pre-built landing pages. It supports both Material and Font Awesome icon packs, and the developers have included the original Sketch and SCSS files in case you want to customise the kit to meet your particular needs.

+$02. A not so brutalist webkit

Web design freebies: Brutalist webkit

+$Add a bit of brutalism to your designs

+$(Image credit: And.Co)

野兽派网页设计+$may have had its day as a movement, but many of its notable elements have swiftly become absorbed into mainstream web design. A bit of a brutalist touch is a great way to give a site a modern edge; this+$brutalist Webkit+$, consisting of 70 free artboards, will help you get the look.

+$03. UI Components

A great set of charts, graphs and other components

一组很棒的图表,图表和其他组件

+$This free UI kit+$contains a selection of 3D charts, graphs and other UI components created by Balraj Chana. All these components are vector-based and fully editable, so you can easily plug them into your dashboards or mobile app designs.

+$04. Landing

A set of Sketch and Photoshop components to help you build sites faster

一组Sketch和Photoshop组件,可帮助您更快地构建网站

降落+$is a free UI kit from LStore Graphics. It’s packed with handcrafted UI components to speed up your website building, for Sketch and Photoshop.

+$05. Visage

This free kit contains more than 70 components for Photoshop across seven categories

这个免费套件包含七个以上类别的Photoshop的70多个组件

面目+$is a free UI kit for Adobe Photoshop from Bostan Florin that contains 70+ UI components for building websites. It presents these in seven categories: Blog, E-Commerce, Media, Admin, Forms, Headers and Footers.

+$06. Chat

Build a chat app with this bespoke UI kit

使用此定制UI工具包构建聊天应用程序

+$is a free cross-platform UI kit from InVision app, designed to help you create an elegant chat app. It includes 60 templates, 12 categories and 80 UI components for web, tablet, and mobile.

+$07. Browser UI Kit

A kit designed to help you create screenshots with a blank browser UI

一个工具包,旨在帮助您使用空白的浏览器UI创建屏幕截图

+$As the name suggests,浏览器UI工具包+$is a vector UI kit allowing you to easily create website screenshots with a default blank browser UI. Designed by Keir Ansell, it includes Safari, Chrome, Firefox, Opera and Edge.

+$08. Basiliq

Create beautiful mockups with these hand-crafted vector shapes

使用这些手工制作的矢量形状创建漂亮的模型

+$Here’s something a little different:Basiliq+$is a UI kit containing more than 300 hand-crafted vector shapes for Photoshop, which you can use to create beautiful looking mockups. Watch the video on their homepage to see how they all fit together.

+$09. Prometheus

Create any kind of website with this clean and simple kit

使用这个简洁的工具包创建任何类型的网站

普罗米修斯+$is a clean and simple UI kit for creating any type of website, including blogs, online shops, and personal pages. The work of Vid Kraljic Radulovic, it includes more than 150 vector-based design elements in 10 categories.

+$10. Overlap UI

A minimalist, component-based UI kit built on Bootstrap

基于Bootstrap构建的极简主义,基于组件的UI工具包

+$Overlap+$is a modern, minimalist, component-based UI kit that’s aimed at helping you create a clean and stylish website. Built on a 12-column Bootstrap grid system by Vlad Cristea and Raul Taciu, it comes in two file formats: PSD and AI.

+$11. Flat UI Free

A variety of flat components to build a sleek looking website

各种扁平组件构建一个时尚的网站

+$Based On Bootstrap 3,平面UI免费+$is a free UI kit containing such components as buttons, inputs, button groups, selects, checkboxes, radio-buttons, tags, menus, progress bars and sliders, navigation elements and more.

+$12. Mac OS UI kit

A UI kit for macOS, designed exclusively for Sketch

用于macOS的UI工具包,专为Sketch设计

+$Another free download from Keir Ansell, this is a comprehensive and precisely designed+$macOS UI Kit+$, designed exclusively for Sketch. Each primary UI element is a Sketch Symbol (using the Symbol Override features) to allow for easy editing and reuse.

+$Next page: 12 free icon sets



翻译字数超限