Tutorial Flat Design Complete Guide Step by Step - This amazing tutorial full complete to you, and this inspiration on flat design and look design is beatiful so i am blogger indonesia i like this and i share to you.
 |
| flat design |
Featherweight UI (free)
is a simple, retina-ready kit that includes a handful of sharp elements, including menus, a photo scroll, map, simple icons and scroll widgets. While the kit is not incredibly large it has an elegant style and plays up the more retro color theme often associated with flat design.
Polaris UI kit (free)
Another kit by Designmodo featuring a darker style package. contains a variety of buttons and panels that mirror the look of the Windows flat user interface. While Polaris contains parts that are designed in the flat style, it also includes some elements in the skeuomorphic style.
Erste UI kit (free)
contains a handful of basic elements, such as social login buttons, menus and a media player. The colors are characteristic of flat design, using a palette of primary hues.
FlatUI kit (free)
contains a large number of elements, from navigation to drop down menus to social sharing tools to e-commerce modules.
Flat UI (free)
This — one of the first design groups to fully embrace the flat design trend — is a brightly-colored starting part. The kit includes hundreds of elements, including buttons, icons, color swatches and menu items.
Flat UI kit (free)
Riki Tanone’s kit of is a fun little pack containing parts that are a little more put together: a chart, media player, task wheel and counter. This is a great starter tool for imagining how to combine simpler UI parts into more complex items.
Metro UI kit (free)
The is a colorful kit that embodies the concept of flat as reintroduced by the Windows phone. The colors and style are both reminiscent of the phone interface, with lots of colorful blocks and simple typography. The kit includes a calendar, stats, chart, icons, menus and search elements.
Monotone flat UI kit (free)
While using a variety of bright colors is a popular choice for many designers using flat design, monotone color palettes are equally characteristic of the trend. by Sebastiaan Scheer includes a few simple elements and great graduations of color.
Vertical Infinity (free)
by CSS Author, is one of the bigger free kits available and is retina-ready. The manageable kit includes everything from drop down menus to buttons to form elements to widgets and social icons. The style is basic without a lot of extras but would be easy to use in almost any application.
Flat icons
Flat-style icons are everywhere and you can grab many of these kits for free from a variety of places. This 40 social icon
Apple product templates (free)
Getting ready to unveil a new design and want to show it off inside of a device? The is designed in the flat style, and is usable in a number of ways.
E-comerce flat web elements (free)
Although flat design has not been embraced by a large number of e-commerce sites simple sales sites could benefit from the simple buttons in From a chat module to cart and checkout buttons, this kit has enough basic elements to get started or to build on for an online retailer.
Friends list UI (free)
Create a neat and organized list with designed for the iPhone interface. The coral color is quite common in flat design as is the simple sans-serif typography and icons.
Duena (free)
Made for blogs, is simple and uses a bright, creamy color palette.
Fizz (free)
This uses clean lines and bright colors on alternating dark and light backgrounds. Some of the background images are a bit textured.
Current (free)
is perfectly flat in every aspect of the design and is designed as a gateway page for a new product.
Attitude (free)
This in the almost flat style includes more options than many other free themes.
Frontier (free)
focuses on minimalism and includes a lot of add-ons such as banner ads and custom menus.
MetroBlog (free)
uses bright colors and tiling — characteristics of flat design — but also includes gradient color boxes, which make this blog theme almost flat.
Viper (free)
One of the better free e-commerce options available has big, bold boxes for text and clear navigation.
SimpleCorp (free)
While has some characteristics of flat design, the style is more almost flat (note the icons in particular).
BirdFlat (free)
A with options for color and header styles.
SympalPress (free)
is anything but simple with nice shapes, almost flat icons and vibrant color and typography.
Tetris (free)
uses simple block-styles and cards for a simple site design. The look is great for sites with great images or visuals.
Flat Color (free)
Flat UI colors (free)
is a simple site that showcases the most popular hues in flat design. Flat UI Colors highlights 20 of these popular colors and allows users to get corresponding RGB or HEX values for each color with just a click. Select the color format, click on the color, and the values are saved to your clipboard.
Adobe Kuler (free)
Users of color palette generation tool have created a variety of striking combinations using colors representative of flat design. From brights to more muted retro shades, there are great palettes for inspiration available. With a click, each palette is editable and downloadable. Make sure to check out “Flat Color Set 4,” “Icon with Flat colors 5,” “Logo Lockups 2,” “FLAT COLORS Ui Bright,” and “Cool Tone Flat.”
ColourLovers (free)
users have created thousands of color combinations using flat color concepts. This list is sorted by user rating and is a place to generate inspiration if you don’t want to use the “same old flat colors.” Make sure to check out “the world is flat,” “satin ballet flats,” new york flat,” “flat,” and “flat earth therapy.” Click on any palette for color names and RBG and HEX values.
oke.. sami sami
ReplyDeletekeren banget kak makasih
ReplyDeletesip sip
ReplyDelete