[Developer benefits] The most comprehensive free material collection and material collection on mobile terminals

[Developer benefits] The most comprehensive free material collection and material collection on mobile terminals

In today's surging mobile design, mobile UI and UX designers have a long way to go. Clever women are hard to cook without rice. Good materials are the foundation of designers. The free materials collected on the mobile end are comprehensive, from teaching resources to UI Kit, from development tools to icon collection.

Learning Resources

UX Design for Mobile Developers

The user experience design for mobile development is a course launched by Udacity. It teaches mobile application development user experience design technologies and cases, mainly for mobile developers, improve their knowledge and awareness of design and user experience, so that the apps they develop have both good functions and good experience, but the experience design of programming development is not within the scope of the course.

The course itself is free, but if you need a one-to-one coach, you will have to pay.

This is an excellent course for developers to learn about user experience design and mobile UI design. Although the main cases of the course are centered around the Android platform, the design ideas and principles are consistent with all mobile platforms.

User Experience Design for Developers

This is a free course on Android Developers on Youtube. The instructor is Nazmul Idris, it is a good course for beginners to design. The course not only clarifies the design specifications and principles, but also contains a large number of design cases. Because the course is on Youtube, you can bring your own VPN ~ (Considering that the GFW policy is getting stricter and stricter now, more and more websites are on the other side of the wall, so we should keep a VPN ~)

Android Design in Action

Android Design Practice (Android Design in Action) is also a course on the Android Developers channel on Youtube. in the course, Google designer Nick Butcher, adam Koch and Roman Nurik will discuss with you various Design elements in Android Design.

Each course, three designers will find a lot of apps to split up and analyze their UI and UX designs to explain which designs are feasible and which ones are not feasible, then they will re-design based on the needs and characteristics of these applications, and display the entire design process and explain the reasons for the design. For designers, especially Android platform UI designers, these courses are absolutely reliable and you can apply the skills in the courses to your APP design.

Hack Design

For any Design beginner who wants to learn and Design through the Internet, the Hack Design website can be called an industry conscience. It can help you complete the basic Design knowledge. Several industry-renowned designers have designed various types of content for Hack Design, including blogs, books, videos, games, and tutorials, in addition, the design-centric content is divided into 50 different lessons. You can learn it step by step, or directly visit the website to find the content you want to learn.

I don't know why the website was blocked by GFW at the beginning of its launch. You know how to access it.

Get inspiration

The following resources can help you get design inspiration. Let's look at others' designs, learn which designs are feasible and which are not feasible, understand different styles, learn different design methods, and apply them to their own designs.

CAPPTIVATE. co

 

Unlike many traditional uidesign sharing sites, it provides not only iOS apps, but also 5 seconds of video to show the excessive effect and Dynamic Effect in apps. Previewing a video is also very easy. You only need to move the mouse cursor over the interface to see these animations. These videos are classified by interface type (navigation interface, over-loading, refresh special effects, etc.) and animation type (fading, Parallax, ripple, etc. If you are looking for a reliable dynamic design for your APP, you cannot miss this website.

Android Niceties

 

The Android Niceties website collects the most beautiful Android apps. Here you can view various excellent apps for inspiration.

Mobile Patterns

 

This website collects the UIS of mainstream Android and iOS platforms. You can use the filter options to browse the two platforms separately or simultaneously. You can also filter images by PAGE type, such as timeline, Image Browsing, and registration process.

Pttrns

 

Pttrns mainly displays the interface styles on the iOS platform, including iPhone and iPad. You can filter by type here, such as landing pages, personal information, comments, and lists.

High-quality Materials

Tools

Android Asset Studio

 

Android Asset Studio helps you easily and quickly integrate and manage the materials and tools designed by your Android project. It comes with a series of icon generators that can be used to directly call images, clip art, text icons, etc. With Android Asset Studio, you can create Launcher, Smartbar, tag bar, notification, and common icons.

After selecting an appropriate image, front sticker, or text icon, you can generate an icon or interface with a slight setting, and then download and call it. These materials generate different resolutions, such as xxxhdpi, xxhdpi, xhdpi, hdpi, and mdpi.

In addition, there are other utilities such as the Android ActionBar style generator, Android Holo color generator, and Device Art generator.

Sketch Plugins

More and more UI designers are using Sketch for design. Sketch Plugins is a website that collects and organizes practical Sketch plug-ins to help you improve design efficiency.

Safe. ijiami

 

A powerful Vulnerability Detection and analysis tool is required for mobile application development. One-click apk upload is required to detect security vulnerabilities in minutes, so that developers can immediately learn the vulnerabilities that are easily exploited by hackers, and there are corresponding solutions, not the most comprehensive, only more comprehensive!

UI Kits

Teehan + lax

 

Teehan + lax is a design organization and provides a series of free tools to help you design. For example, they provide iOS 7 UIKit for iPhone and iPad, including PSD and Sketch. From the iOS5 era, they began to update their UI Kit as Apple updated the progress, and soon we will see their iOS 8 UI Kit.

Tethr

 

Tethr is a free iOS UI Kit with a wide range of components, including multimedia, social networking, navigation, e-commerce and other fields. It contains 138 templates and 8 PSD documents for a total of 250 components, which is absolutely practical.

Mercury

 

You can download iOS8 vector UI Kit from Mercury, which contains the UI components of iPhone and iPad.

Icon collection

Flat Icon

Flat Icon is the largest free vector Icon collection. You can download icons in SVG, EPS, PSD, and PNG formats for ease of use, you can install its plug-ins in PS, AI, and AE.

Android Icons

 

This is the only recommended paid resource, because it is really cheap, and the icon quality is very high, it is definitely worth the money. Android Icons provides a set of high-quality Icons specially designed for the Andorid system, including 250 Icons, each of which has 5 sizes and 14 colors, which have been made into vector materials, it also includes a friendly authorization license for $25.

Pixel Love

 

Pixel Love is a free collection of high-quality icons. You can download 60 free iOS and Android icons and 40 free social media icons.

Icon Beast

Icon Beast contains a set of 500 free iOS Tab Bar icons that can be used on iPhone and iPad.

Appzger Clear Icons

This set of Appzger has a total of 500 simple icons, which are not free, but you can buy as much as you want. The complete set of icons contains different formats, including PSD, PNG, SVG, and CSH.

Line Icon Sets

Here you can find free line icons from different sources.

Font

If the font is used up, the website will receive a lot of extra points. A tall English font can make the website more visual. The following are high-quality fonts on the Internet.

Font Squirrel

 

Here you can find high-quality fonts for free commercial use.

Google Webfonts

Google Fonts is a well-known high quality free English font concentration.

Animation

Facebook Pop

Facebook Pop is a scalable iOS and OSX animation library that allows you to easily add animations to applications. Facebook uses this library to create the dynamic and excessive effects in Facebook Paper.

Canvas

Canvas is an iOS library. You can use it to call the dynamic effects in the APP without writing code. The tutorial is here.

Sound Effect

In the design field, adding proper sound effects may be the most interesting user experience design. Sound effects can be used for notifications, reminders when you enter an interface, or destructive operations (such as deletion ).

Ave ave

Ave ave is a free sound efficiency library that contains many interesting sound effects, mostly click and beep sounds. It is suitable for applications in various apps.

Conclusion

Excellent materials cannot be found. Therefore, the above free design resources are only a small part of many resources, but these excellent materials are sufficient to support a mobile designer to start an excellent project and gradually discover a larger world. Mobile development also has a required technology dex shelling