background preloader

The Art of Color Coordination

Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service. Good color choices should never be neglected in web design. A bad color combination can have the same negative effect as poor copy and slow load times. Click on the infographic below to view a larger image: View an enlarged version of this Infographic » Click here to download a .pdf version of this infographic. Want to display this infographic on your site? Simply copy and paste the code below into the html of your website to display the infographic presented above: Website Color Scheme Examples Complementary Colors – Naturestable.com Analogous Colors – Simplebits.com Split-Complementary Colors – Finaltouchapp.com Triadic Colors – 365daysofastronomy.org Tetradic Colors – Floridaflourish.com Square Colors – Panerabread.com Related:  colorDesign

IZISOFTWARE™ - Catalogue des produits et services Best Color Tools For Web Designers Determining the core color for a web project could be easy but finding the right alternatives to match the core can sometimes be difficult. That’s where the color tools play its roles. Color tools help you determine matching color or even suggest sets of matching color palette when you are totally clueless. Amongst are some of the best color tools web service on the internet any web designers should bookmark, or at least know. Adobe Kuler Colr.org Colour Lovers 4096 Color Wheels Color Schemer Color Palette Generator Web 2.0 Color Palette Color Scheme Generator ColorJack Color Harmony Color Blender Color Schemer Online v2 ColorDB Accessibility Color Wheel Color Hunter GenoPal Pic2Color Author: Hongkiat Lim

31 Extremely Impressive Web Icon Sets for Free 31 Extremely Impressive Web Icon Sets for Free 13,185 views In Freebies by Sheila Mahusay Sep 28th, 2011 2 Comments Icons are one of the fundamental components of Graphical User Interface (GUI). In web applications, icons serve as an intuitive representation of hypertext links and quick navigation from a web page to another. You may also want to read the related article below. Don’t forget to Subscribe to our RSS-feed and Follow us on Twitter — for recent updates. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 10 Free Useful Icons for Designers 11. iPad 2 Icons 12. 13. 14. 15. 16. 17. 18. iCandies Icon Set 19. 20. 48px Web Icon Set 226 icons 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 16px Glyphs 31. You like this post? Author Sheila Mahusay Posted 69 articles already → Sheila is a new freelance writer based in the Philippines. 2 Responses Nora Reed October 4, 2011 / Reply Brilliant sets of web icons, really found it useful for me. Leave a Reply

7 Tips for a Beautiful Sidebar Design | Betty Red Design One of the key reasons visitors don’t pay attention to sidebars is poor design. If your sidebar is cluttered, boring or dull then there’s a fat chance you’re going to miss out on page views, followers and even sales! I’ve designed a lot of blogs since I started my design studio, so here are my top 7 tips for a beautiful sidebar! 01. Width The width of your sidebar plays a large part in it looking cluttered or overwhelming. 02. If your blog posts are super colorful then you should keep your sidebar colours neutral so they don’t clash. 03. It’s important to have headers in your sidebar so that readers can easily find what they want. 04. You shouldn’t really use more than 2 fonts in your sidebar: one for your headers, one for the text. 05. There are a few messy mistakes I see bloggers make with ads: sometimes the ads aren’t all the same width, there are too many animated ads, and sometimes there are too many ads in general! 06. 07. A never-ending sidebar is always a turnoff!

Assets with - Bridgeman Art Library - art images Search options Type Dimensions Colour Display options View Image display Number of results Print Lightbox Temporary lightbox View lightbox Drag thumbnails here to add to lightbox Add selected assets Add all search results Select lightbox Create lightbox Make my new lightbox... 1781 results XAM69401: The Imperial Crown made for the coronation of Otto I, the `Great' (912-73) showing one of four enamel plaques representing King Solomon as the symbol of Wisdom, West German, late 10th century with later additions (gold, precious stones, pearls and enamel), . / Kunsthistorisches Museum, Vienna, Austria / The Bridgeman Art Library The Imperial Crown made for the coronation of Otto I, the `Great' (912-73) showing one of four enamel plaques representing King Solomon as the symbol of Wisdom, West German, late 10th century with later additions (gold, precious stones, pearls and enamel) Egyptian 18th Dynasty (c.1567-1320 BC) The Hope Diamond Queen Victoria's (1819-1901) Imperial state crown English School, (19th century)

5 outils Web 2.0 pour créer un site pédagogique Skoden, portail de la Formation ouverte à distance en Région Bretagne, propose un dossier à destination des formateurs qui fait le point sur 5 sites Web 2.0 pouvant être utilisés pour ouvrir et alimenter un espace pédagogique sur Internet : Yola, Lifeyo, Jimdo, Weebly et Wix. La présentation de Skoden indique des liens vers des tutoriels en ligne pour favoriser la prise en main de ces outils qui peuvent revêtir un aspect pédagogique dans une utilisation spécifique. Des exemples de réalisations en mode apprentissage sont mis en avant afin de montrer concrètement le potentiel des 5 solutions en ligne Web 2.0 sélectionnées. Ce type d’outils Web 2.0 peuvent être mis en place pour des dispositifs d’apprentissage en espace public numérique. Licence : Creative Commons by-nc-saGéographie : Bretagne Tags: FOAD, outil en ligne, pédagogie, présentation, web 2.0

15 Useful Color Mixers For Effective Designing I wanted to create this list, because there are times when I struggle choosing my design colors - for me it’s not always easy task to just play with the colors and choose the right ones – of course, there are few favorite colors for everybody, but finding new great color combinations are not so easy task. That’s why there a lot of helpful resources to ease this task, and I am here to show You those! Hopefully this will help You to create new designs and the process will become a little easier. 1. This is a great resource that monitors different color trends. New color schemes are regularly created and examples of the way colors are used in the real world – and there are rating system to give You a chance to find out the most popular ones. 2. Kuler is nice place created by Adobe company, where You can browse popular created color themes and create Your own from colors, images and get really advanced options and possibilities to create something really great! 3. 4. 5. 6. 7.Color Combo 8.

New Approaches To Designing Log-In Forms - Smashing Magazine Advertisement For many of us, logging into websites is a part of our daily routine. In fact, we probably do it so often that we’ve stopped having to think about how it’s done… that is, until something goes wrong: we forget our password, our user name, the email address we signed up with, how we signed up, or even if we ever signed up at all. These experiences are not just frustrating for us, but are bad for businesses as well. How bad? To top it off, visitors who are not logged in do not see a personalized view of a website’s content and recommendations, which reduces conversion rates and engagement. Is This You? Gowalla’s sign-in form (below) looks pretty standard: enter your user name or email address and your password, and then sign in. The sign-in form on Gowalla. But Gowalla has taken the time to include a few more components to help people log in with more confidence if their first attempt hasn’t worked. A log-in error on Gowalla. Instant Sign-In Quora’s one-click log-in page. (al)

Related:  Visualisierung