Tools
In this sections, I’ve collected several UI design tools including color, font, etc.
Color
Color palette generator, color scheme generator | Adobe Color CC
Originally named Adobe Kuler, the new Adobe Color CC webapp is a free tool built right into your browser. You simply choose a color scheme style and drag around color choices to build your new design scheme. You’ll get full RGB/Hex details and most colors can be adjusted to include lighter/darker hues that still fit within the scheme.
Paletton
It’s a free webapp that crafts dynamic color schemes based on an initial color of your choice.You can choose between various types of schemes like triads, tetrads, and more. The whole thing is very easy to use and it’s the single best color generator for anyone designing on the web.your libraries.
Material Palette
Material Palette is how you get to see a preview of the colors in action. The webapp pairs 2 colors together into a mock UI design with dominant and subordinate colors. Although the site is limited to material design colors, the live testing feature is a great way to train your eye and learn which colors often work best together.
Search through a comprehensive collection of design imagery
If you’re looking for a site that focuses on beautiful images rather than strict color palettes, head to Designspiration. You can choose up to five different colors in their clean and simple interface, and then view all the images in the site’s database that match the color combination you’ve selected. The hex numbers are listed as titles above.
Font
Typekit
Typekit is a subscription font service that brings thousands of fonts from foundry partners into one library for quick browsing, easy use on the web or in applications, and endless typographic inspiration.
Google Fonts
Our font directory places typography front and center, inviting users to explore, sort, and test fonts for use in more than 135 languages. We showcase individual type designers and foundries, giving you valuable information about the people and their processes, as well as analytics on usage and demographics.
Font Squirrel
Font Squirrel scours the internet for high quality, legitimately free fonts . Download thousands of completely legal, high quality, free fonts.
Adobe Edge Web Fonts
Edge Web Fonts is a free service that provides access to a large library of fonts for your website. It’s one of the Edge Tools & Services from Adobe. Use of the service is free and unlimited – see the terms for details. Use and distribution of the fonts is according to the licenses linked to from the details provided for each font in the library.
Design
Adobe Experience Design CC (Preview)
Go from idea to prototype faster with Experience Design CC, the first all-in-one tool for creating and sharing website and mobile app designs. Test drive the XD preview and help us build a whole new experience in user experience.
Mockplus
This is a desktop based application can be used to prototype for mobile and web apps quickly and easily. Because of the ease of use and the clean interface, it will greatly improve your efficiency by focusing on design itself and less on the functions. It is really a good choice for users at any level of experience.