A large collection of uidesign materials not to be missed.
Free PSD material TETHR by InVision
This is the 8 PSD files from InVision, including 100 templates and over 500 UI controls. Designers from InVision and UI8 collaborated to complete this UI Kit, which is very beautiful.
Designer-naut UI Kit
This is a simple and comprehensive UI Kit with 40 small vector plug-ins built in. This UI Kit is made up of retina screens and is based on a 16-bar 960 grid system. Currently, it is free of charge.
Wire Kit
This is a set of UI Kit with a resolution of 840x8600. It is a set of materials generated for the Retina screen. It has two built-in controls of different styles, each of which has 60 different controls.
IPhone Wireframe Kit
This is a very convenient iPhone line diagram UI Kit, the overall use of the minimum real color, so it is suitable for the design of simple appearance of the UI.
Free Sketch resource Yosemite UI Kit
This is a completely free Yosemite UI Kit for the Sketch platform. The entire UI Kit has a wide coverage and is very practical.
Sketch Android UI Kit
If you are an Android app ui Designer who likes to use Sketch, this UI Kit is definitely worth the money. The complete support for UI controls is definitely easy for you.
Bootstrap 3 UI for Sketch
This UI Kit contains a full set of UI controls for Twitter Bootstrap 3, which are complete and practical.
Advanced Sketch UI Kit material Bolt Kit
Bolt Kit is a set of very beautiful and modern visual kits. You can use Bolt Kit to Quickly arrange and combine controls to design your interface.
Flat UI Kit for Sketch
Flat is still the mainstream. The various UI controls in this flat UI Kit are very simple and can quickly design beautiful interfaces. The complete UI Kit contains more than 50 unique UI elements, covering websites, mobile terminals, and responsive designs.
Wireframe Kit V2
This set of UI Kit contains 175 templates and more than 500 UI elements, which can be used on webpages, tablets, and mobile phone interfaces. This tool can speed up your UX Workflow. This set of UI Kit is in the AI format and now has the Sketch version.
Illustrator UI KitWireframe & UI Kit by C. Rowe
In disappointment with the traditional line chart, designer C. Rowe decided to develop a more comprehensive line chart UI Kit based on his own ideas. Of course, it is free of charge.
Awesome Kit
This cool UI Kit contains 26 sets of AI wiremap templates and two sets of brushes, designed by designer George Vasyagin, which is practical and free of charge.
Practical iPad applications
Maybe you still need to use PS, AI, and Sketch for the final design, but in the design process, these practical iPad apps can help you implement some initial ideas and shape them quickly, output to a format that can be processed to help you design speed-up.
Adobe Sketch
Sketch is an important APP for Adobe to enter mobile terminals. It not only makes it easier for designers to express their own designs and ideas, but also connects to the community, learn about the design of other designers and seek inspiration.
Paper by tythree
Paper is a drawing application designed for touch screens. The flexible brush and creative gesture operations make this APP unique. The smooth operation and button-less design allow designers to make full use of it. In combination with the Paper pencer launched by tythree, the experience is awesome.
Adobe Ideas
This is a great APP for inspiration. It can flexibly control vector materials, layers, and color themes, and design works can be output to AI for later processing.
Free icon material The Noun Project
The icon material is worth the money. Thousands of icons are derived from different artists, some of which are free and some are charged.
80 mini icons
This is a simple and clear collection of small icons that can be used flexibly in many projects.
144 Social Icons
These icons are icons of major social network brands and contain four different styles and colors. Each icon is a vector image created in PS, which can be easily edited.
Advanced icon material Streamline
Streamline should be the most abundant and powerful collection of icons, and designers have spared no effort to collect every valuable icon for you.
Symbolicons-Icon Font
Symbolicons is an icon font that allows you to easily control the size and color of the icon. You do not need to open a PSD file or aifile and drag every icon back and forth.
Free Image resource Unsplash
The images provided by Unsplash are all high-resolution materials, and 10 new images are updated every 10 days. This is a slow update, of course, the quality is guaranteed ~
New Old Stock
This website collects all kinds of retro photos.
Death to the stock photo: Free & Premium Options
The image quality of this website is also quite good. It can be commercially available, stored in personal blogs, social media, and in your own visual drafts. If you think that free users are not good enough, you can purchase advanced users.
Public Domain Archive
The photos provided here are shared for free and will be updated every week. Enjoy it!
Device Material 3 Free Flat Device Mockups from InVision!
This is three device visual drafts from InVision. After you design the UI, you can combine these three clips to create a high-fidelity visual draft.
IPhone 5S Template from Mockuuups
This is an iPhone 5s visual article. You can easily modify the screen content and background image to make your own.
IPhone 5S & 5c Mockups
Like the previous one, the iPhone 5s and 5c materials are free of charge and can be customized easily.
3 Free Presentation Mock Ups
These three visual templates help you easily create realistic presentations.
Photorealistic Macbook Mockups
This Macbook visual manuscript is made based on authentic and professional photos.
Free iPhone & iPad Mock Ups
Mainstream iOS devices are compatible with the iPhone and iPad. When presenting iOS apps, you may wish to directly use this high-resolution iPhone/iPad clip. In the PSD file, the screen is a separate smart object that can be replaced. In addition, the background contains 5 different images for replacement.
Placeit.net
Placeit is a free visual draft generation tool. When uploading a photo, the website will help you process it and generate a separate website. You can view the final result after you open the website.
PSDiPhone 5 Grid with Grid
The 10-column raster iPhone 5 raster system created by the designer Eddie Lobanovskiy makes your UI more clean under this raster system.
Bootstrap 3 Grid System
This Bootstrap 3 raster system is in PSD format, allowing you to design a Bootstrap-based UI in PS.
A better Photoshop grid for responsive web design
A responsive raster system with a width of about PX is created by the designer Elliot Jay from Typekit. You can download this raster system from his blog.
Inspiration
It is not easy for you to quickly enter the design stage and implement it when your inspiration flashes. Fortunately, there are many techniques and methods that can help you quickly advance and quickly turn inspiration into actually visible works, saving a lot of time.
A shorthand for designing UI flows
Ryan Singer, a Basecamp designer, designed a set of Outlines that quickly and efficiently promote the UI design process. Following this tool, you can see a set of clear and simple design documents within five minutes.
Storyboards
In InVision, we usually use the subsistence stories board to quickly Promote the design process. Through the story board, we can quickly combine concepts in our minds with visual effects, you can even try to present the final UI interface. In this process, you do not need to spend a lot of time polishing pixels.
What are the features of the PSD material network in uidesign?
Domestic: APPPSD, many of the latest UI design material PSD downloads.
Abroad: Dribbble, some designers will release downloads, and there are often many good works that can be used to stimulate inspiration.
The pictures mentioned by some people on the upstairs are all very traditional materials websites with a lot of materials, but there are too many materials. Wow, the quality is uneven.
Does the UI Designer need the basis of the artist?
The other is the effort at hand, that is, the use of software.
Software that requires proficiency in applications include CoralDraw, Illustrator, Photoshop, etc ..
In addition, let's take a look at the two UI websites:
References:
2. Artist
Photoshop, Fireworks, image processing software
Flash, animation software
Dreamwaver web page layout editing software
The legendary Three muskeys refer to Fireworks, Flash, and Dreamwaver.
Photoshop can completely replace Fireworks
If you have some vector software, it will be better, such as AI and CorelDRAW.
Webpage artists also want to make div + css popular at present.