If you want to do good work, you must first sharp its tools. There are seven weapons like this in UI design. If you can have these seven weapons, you must be able to design as “open hanging” general results with half the effort! Qian feng recommend today these seven artifact, the classic and the new version, but it runs through the whole working process of the UI design, from the layout, color, cutting figure to mark, preview, there are corresponding to the conscience of the artifact recommend, very suitable for beginner UI designers, of course, there are two new Google just out of the artifact, is old hands to take a look.
Changsheng Jian – Material Design Grids
Material Design is Google’s new Design language that aims to provide a more consistent and extensive “look and feel” for phones, tablets, desktops and “other platforms.”
Material Design also has a set of perfect grid system, we can use this grid system in the redesign, to help us more efficient and standardized interface Design.
All components of this grid system are aligned with a base grid spaced 8dp, and typography/text is aligned with a base grid spaced 4DP.
The color artifact
Matching color is a headache for many designers, especially some new designers in how to match color and color are often not good handling! This plugin will help you solve this problem!
Also from Material Design, Material Design’s color scheme is more gorgeous, and the flat Design style is more complementary. If you are still worried about the color matching of your Design works, then the following set of Material Design color matching plug-in will completely make the color matching extremely simple, mom no longer need to worry about my color matching!
This plugin is easy to install into your Adobe Photoshop and Adobe Illustrator color palettes.
Jade Cutterman
Cutterman is a plugin that runs in Photoshop and automatically outputs the layers you need. In order to replace the traditional manual “export web format” and the use of slicing tools to cut the tedious process. Can let you just click a button, automatically output all kinds of pictures you need, fast to no friends!
Parting hook – Mark artifact MarkMan
Markeel is an efficient tool for marking and measuring design draft, which greatly saves the time for designers to add and modify the marks on the design draft and makes the design more loving. Markeel is also very simple to use, double click to add measurement, click to change vertical and horizontal direction, and other functions, basically complete with one button. Markeel is cross-platform, reducing the number of issues associated with using it on different platforms.
Overlord Gun – Preview artifact ON PS Play
Ps Play is a cross-terminal application that uses Wi-Fi network to preview Photoshop design drafts on the computer in real time on the terminal device, synchronously debug and save screenshots to the mobile terminal, and instantly share via Email, wechat and other tools.
Amorous ring — CornerEditor
This is an extremely simple Photoshop plugin, but it has greatly helped us solve the problem of rounded corners of Photoshop shapes. Corner Editor, from Photoshop Scripts, we call it rounded Corner Editor. You can freely control, edit and adjust the path rounded corners of any shape at any time as long as you input the value of radius of rounded corners you want.
Fist — Roboto Font
The artifact that I recommend to you is also from Material Design, and it’s the Roboto font. Roboto is a family of sans serif fonts designed for the Android operating system. Google describes the font as “modern”, “approachable” and “human”. Roboto has six word weights: Thin, Light, Regular, Medium, Bold, and Black.