background preloader

Making it Work: Flat Design and Color Trends

Making it Work: Flat Design and Color Trends
We’ve talked a lot here about the flat design trend here at Designmodo. We’ve raved about it, showed you plenty of cool examples and even developed a free user interface kit for you to download and use for projects. But what if you want to do it yourself? One of the most important parts of the trend is color. Flat Design Refresher Flat design is a technique that uses simple effects – or lack thereof – to create a design scheme that does not include three-dimensional attributes. Some call the look of flat design simple, although it can be quite complex. Learn more about the flat design trend in a previous Designmodo article. Defining a Color Palette When it comes to color, flat design works with a variety of colors, but most commonly designers are choosing to go bold and bright. The other thing that makes flat design different in terms of color? What we are seeing more of with flat design and color though is the matching of tone and saturation. Bright Colors So where do you start? Retro Colors Related:  ressources designWEBDESIGN

20 Beautiful Events Production Website Templates & WordPress Themes Creating an event involves a lot of details and complex things which must be managed properly in order for it to be a success. One of those key features is creating an online website dedicated to the event, with the purpose of making the event known to the public and advertising it online. A good attractive website is very important and mustt’s be neglected. Also, if you have an events production company you should have a creative and original presentation website. Events Production This is a cool online presentation website for an events production company. Eventure Eventure is a premier WordPress theme built specifically for events. Conference Website What I like best about this template is that it is simple and effective.. Soundboard Soundboard is a powerful music WordPress theme with special features for bands and solo artists. DJ Electronica Grungy and dark, this website is perfect to promote nightlife/clubbing events. Events Music, Sport, Techno Online Invitations Classical Trio Clubber

Flat Web Design: Beautiful Examples of Websites Flat Design is a new trend labeled by the community as an interface striking similar to Microsoft’s Metro UI because it leaves drop shadows, embossing, subtle textures and gradients behind, while favoring clean layouts, sharp typography and solid colors. The new Google design and Microsoft’s come-up with Windows 8 is actually based on an older trend called Flat Design, which was not extremely popular back then, but was very easy to design, therefore people used it. In this article we would like to show what in our opinion are great examples of Flat Design websites. Examples of Flat Designs in Web Design SpellTower SpellTower is a single-page website for an Android puzzle game which uses several color backgrounds throughout the layout, as well as some buttons for their simple, clean menu. Kickfolio Kickfolio is an interactive app for the iPhone and their modern, slick website uses different solid color and buttons with slick, modern effects. Lorenzo Verzini Oak.is Etchapps Microsoft Build Windows

Flat Design « Blog Tuto Flat Design : Règles strictes et clairement établies, approche visuelle minimaliste parfois radicale ; réflexion globale sur le Web Design, partie intégrante d’un même mouvement comprenant le Responsive Design, volonté de bousculer les normes esthétiques imposées, au centre de quelques débats qui agite les acteurs concernés, etc. ; autant d’éléments qui pourraient permettre d’envisager le Flat Design comme l’expression d’une véritable intention artistique. Mais nous n’en sommes encore pas là… ps : l’image d’intro du billet est un petit clin d’oeil à Say Fat, une boutique de tee-shirts appétissante… Définition de Flat Design Le Flat Design se caractérise par une approche visuelle minimaliste établie selon : Quelque infidélités ; le « presque flat » Partant de ses fondements théoriques mais s’imposant une approche esthétique moins radicale, on constate des variations et divergences : La conception skeuomorphiste Le signe de maturité du Web Design ? Un courant artistique ? Conclusion Ressources :

Principles of Flat Design Flat design – the design community just can’t stop talking about it. And feelings are strong. Most designers either can’t get enough of this trend, or absolutely hate it. I am somewhere in the middle. Good design is about creating something useful that works. If the answer is designed in the fashion of flatness, so be it. So let’s examine what makes something flat. No Added Effects Flat design gets its name from the shapes used. The concept works without embellishment – drop shadows, bevels, embossing, gradients or other tools that add depth. Nothing is added to make elements look more realistic, such as tricks designed to make items appear 3D in skeuomorphic design projects. So what makes it work? Simple Elements Flat design uses many simple user interface elements, such as buttons and icons. Each UI element should be simple and easy to click or tap. In addition to simple styling, go bold with color on clickable buttons to encourage use. Need help getting started? Focus on Typography

Making Beautiful Android App Icons Posted by Roman Nurik, Android Developer Relations For most users, the launcher icon (sometimes referred to as the app icon) is the first impression of your app. As higher density screens on both phones and tablets gain popularity, it's important to make sure your launcher icon is crisp and high quality. To do this, make sure you’re including XHDPI (320dpi) and XXHDPI (480dpi) versions of the icon in your app. In addition to the current launcher icon guidelines, please also refer to these additional important guidelines when creating your icons: Launcher icons are 48dp square and should be provided for MDPI, HDPI, XHDPI, and XXHDPI densities—at the very least XHDPI and XXHDPI.The 512px Google Play listing icon should have the same content as the launcher icon, except for minor additional badging.Launcher icons should be designed specifically for Android.

30 illustrations vectorielles personnalisables à télécharger gratuitement Source de l’illustration Parmi les amateurs de dessin vectoriel, les concepteurs ont toujours besoin de graphismes vectoriels gratuits pour illustrer un site, et parfois il peut être un peu difficile de trouver le bon. Voici donc 30 images vectorielles libres très variées : illustrations, fonds d’écran, carte de visite professionnelle, affiche de festival, bannières de promotion, stickers, boutons etc, que vous pourrez utiliser en les adaptant à vos besoins. Source des bannières de promotion Source de l’illustration Source de l’affiche Source du bon de réduction Source de la citation Source de la carte de visite professionnelle Source du flyer de location Source du flyer commercial Source de l’illustration Source de l’offre spéciale Source de la carte Source de l’arrière-plan floral Source des bannières florales Source de l’illustration Source de l’illustration Source des stickers Source du graphique Source du graphique Source des boutons Source de l’illustration Source du badge étoilé Trackbacks

Beautiful Examples of Flat Icons Design Flat Design is one of the newest approaches in web design, aiming for simplicity and powerful visual impact and using shapes as patterns and backgrounds. Microsoft’s Metro user interface is probably the most popular Flat Design example. We already discussed the Flat Design approach in-depth, and we did it for quite some time now. Responsive Icon This icon can be used to mark themes and layouts which are responsive and fit every device perfectly. Calendar and Night Icon There are two icons here: there is the calendar icon, which in my opinion is the result of some amazing work, and a more abstract icon, which could be used for activating a “sleep mode” for example. Mail Icon This is actually a great icon created by us at Designmodo and can be used for any mail purposes. Iconex Iconex showcases four different icons: a photo camera, a heart, a megaphone and a game controller. Misc. This pack has four vector items. Flat Design Icons Set Vol. 1 Two Flat Icons Glyph Profiles We Are Hiring Filetypes

Flat design - Swiss design inspiration ? Flat design - un concept graphique en vogue ces derniers temps, mais peut être pas si jeune qu'on le croit. De nombreux webdesigners l’emploient aujourd’hui pour le redesign ou la réalisation de nouveaux sites Web et applications. Cette tendance popularisée par le Metro style de Windows 8 et la refonte de l’univers Google, fait des émules dans de multiples créations. Flat design – une question de typographie ? Certains vous diront que le flat design ne s’apparente pas à un style ou à une période mais plutôt aux bases fondamentales du design graphique. Une utilisation efficace de la couleur, de la typographie et de l’espace pour communiquer un message. Aucune 3d-ification, ni surcharge du design par des effets de textures, de profondeurs ou de dégradés. Le design se limite à l’emploi de couleurs souvent très vives et la typographie y occupe une place prédominante. Exemple flat design – The Experiential Company Cela passe par l’utilisation d’une police sans-serif de grande taille.

Flat UI - Free Bootstrap Framework and Themes Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Image Lead Text Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quote Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Small Font Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Related:  UX