Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged color theory

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
imran subhani

Color Theory - Quick Reference Sheet For Designers - 0 views

www.fabulous99.com/...-reference-sheet-for-designers

Color Theory Quick Reference Sheet Design Theory Info Graphic Wallpaper Source Download Free Free Download

shared by imran subhani on 02 Mar 10 - Cached
  • imran subhani on 02 Mar 10
     
    This color theory info graphic is all about the basic color wheel, passive vs. active colors, cool vs. warm colors, subtractive vs. additive color, color types, color relationships, meanings attached to colors and basic terms pertaining to color.
Soul Book

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing M... - 0 views

www.smashingmagazine.com/...nding-concepts-and-terminology

color design webdesign theory colors graphic tutorial tutorials learn inspiration

shared by Soul Book on 16 Feb 10 - Cached
  • ChromaChroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.
  • SaturationSaturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.
  • using a hue with a high saturation against a background with low saturation can make the former really stand out.
  • ...10 more annotations...
  • ValueValue could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.
  • This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.
  • Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.
  • Colors with very high chroma are best used in moderation
  • Cyan has a high chroma and so really stands out against black and white
  • TonesTones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.
  • Tones can be intensified by adding gray around them
  • ShadesA shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.
  • TintsA tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.
  • While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:Hue is color (blue, green, red, etc.).Chroma is the purity of a color (a high chroma has no added black, white or gray).Saturation refers to how strong or weak a color is (high saturation being strong).Value refers to how light or dark a color is (light having a high value).Tones are created by adding gray to a color, making it duller than the original.Shades are created by adding black to a color, making it darker than the original.Tints are created by adding white to a color, making it lighter than the original.
builderfly

An Insight on Color Psychology in Ecommerce for Best Results - 0 views

www.builderfly.com/color-psychology-for-ecommerce

ecommerce ecommerce design

shared by builderfly on 16 Sep 19 - No Cached
  • builderfly on 16 Sep 19
     
    Let's begin with the basics, which for this situation means color theory. Basically, it's the science and art of colors that looks at how we perceive, mix, and apply them. Color theory strives to create a logical structure for using color, and it all begins with the oh-so-familiar color wheel.
Vernon Fowler

demosthenes.info - Basic Color Theory For Web Designers - 1 views

demosthenes.info/...Color-Theory-For-Web-Designers

NED12 color theory colour Theme design web webdesign web design

shared by Vernon Fowler on 08 Aug 12 - No Cached
  • Vernon Fowler on 08 Aug 12
     
    "Basic Color Theory For Web Designers"
Laura Reed

Introduction - Material Design - Google Design Guidelines - 14 views

www.google.com/...introduction.html

HTML5 material design Google web design web development CSS CSS3 programming accessibility

shared by Laura Reed on 05 Jan 16 - No Cached
  • Laura Reed on 05 Jan 16
     
    "Material is the metaphor A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts."
  • ...5 more comments...
  • Laura Reed on 05 Jan 16
     
    Material is the metaphor A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances. Yet the flexibility of the material creates new affordances that supercede those in the physical world, without breaking the rules of physics. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.
  • Jiya Rajpoot on 20 Jan 16
     
    Filipino Escort in Dubai // Arab Escort in Dubai // Turkish Escort in Dubai //
  • anonymous on 26 Oct 18
  • wikidem on 10 Feb 21
     
    I think, this link is one of the best persian article in google algorithms: https://wikidemy.ir/google-algorithms/
  • rmndud on 22 May 22
     
    In google material design main theme is minimalistic colors and mixing of forms. Personally I'd like to use vista https://create.vista.com/colors/color-names/hot-pink/ colors to inpire some cool color waves. It really helps with design work
  • andersenlabs on 15 Aug 22
     
    I've looked over your information and it's really important to many people, so I recommend you check it out. Andersen provides top-quality software solutions. Our software is used by companies of all sizes, from small independent firms to large chains. https://andersenlab.com/blueprint/why-ruby-is-still-good-for-your-project-in-2022 Andersen offers a variety of software solutions that can help run the businesses more efficiently, including property management systems, online engines, and revenue management software. Our products are trusted by many companies and we are committed to providing quality legal services. https://andersenlab.com/services/managed-delivery-for-product-development-services-andersen
  • andersenlabs on 07 Sep 22
     
    Google's new Material Design is stunning, but I'm concerned about what it means for the future of design. I confirm that Andersen's software is intended to help businesses in the United States better manage their inventories and customer accounts. https://andersenlab.com/blueprint/discovery-phase-deliverables
Soul Book

Color Theory for Designers, Part 1: The Meaning of Color - 0 views

www.smashingmagazine.com/...rs-part-1-the-meaning-of-color

web design graphic color colour colors tutorial tutorials learn blog

shared by Soul Book on 10 Feb 10 - Cached
  • Soul Book on 10 Feb 10
     
    A great and detailed roundup of different colour uses in web design - most importantly, with lots of examples.
Aaron Rylaarsdam

Designing for your target audience | Webdesigner Depot - 0 views

www.webdesignerdepot.com/...gning-for-your-target-audience

psychographics demographics design target audience

shared by Aaron Rylaarsdam on 11 Jan 12 - No Cached
soffy125 liked it
  • The first thing you have to figure out about your target audience is who they are. What kind of things do they do? What kind of music do they listen to? What products do they use? How old are they? The answers to these questions and many more will help you better understand the people you are designing for. Getting an understanding of these individuals helps you create with ease and make something you know will relate to them and end up communicating well.
  • Again, you have to know the target audience. If you or your client have no idea who you’re designing for, you’re really taking a stab in the dark and hoping and praying you come up with something. There are times when you may have a wide variety of people in your audience, but you’ve got to find a commonality between the majority of folks.
    • Aaron Rylaarsdam
      Aaron Rylaarsdam on 11 Jan 12
       
      This is a good article about psychographics and knowing your target audience.
  • ...11 more annotations...
  • Also be aware that you’ve got to ask the right questions. If I want to know why people like that t-shirt design, I’m not going to ask them what size shirt they wear, I’m going to focus on the design. For example, why they like the design or what it means to them. You want to ask questions that will help you figure your audience out and help you make educated guesses on the things they’ll like in the future.
  • Keep in mind, demographic information is only useful to a certain extent. You still need to figure out what your audience likes and what they feel (as well as what they like to feel). Don’t get so caught up in asking the regular boring questions about age and income that you forget to ask about their interests as well.
  • Say that your web designs allow users to connect with a company in ways that were never imagined. Say that your product isn’t just a product but it contributes to your life in much deeper ways.
  • Try to highlight what you can do for them and not just your skill set.
  • Once you feel like you have a good grasp on your target market, you need to have an even better grasp of what you’re trying to do or what it is you are trying to design for. If you are trying to sell a product or service, what are you trying to convey about that product or service?
  • The greatest fundamental theory that you cannot ever lose is be visual hierarchy. As a designer, you have to remember and understand that you have all the power of figuring out what your audience looks at when they look at a flyer or a package. Use that to your advantage in everything you do. This theory basically states that you create hierarchy or importance based on what is the biggest and what is the smallest. While that’s the first contributor, the second contributor is going to be placement. Your most important visual, whether it be a headline or a picture, should be above or at eye level. Putting it below eye level or out of the initial view is a complete and total waste of time.
  • A lot of times, we want people to stop and notice something crazy we’ve done with a layout or something, but we shouldn’t be reinventing the wheel, we should just be making sure everything makes sense and is legible. You want whoever sees your visual to get the main points even if they’re only passing by.
  • As I said before, as a graphic designer, I just want to do fun designs with crazy colors, cool shapes, and illustrations. For my own personal business that works, because I tend to cater to trendier, younger folks who are interested in trying new things. However, sometimes I get a client who is less interested in that. I sometimes get clients who are extremely corporate, so I have to pull myself in a bit as they aren’t interested at all in cool and crazy designs. I don’t bore them to death with my design, but I will make sure there is focus on what needs focus.
  • Many times we can get caught up in ourselves and what we want, but it has nothing to do with what we want, and everything to do with what the audience wants.
  • Many designers and owners believe a website’s sole purpose is to tell everyone about your product or service and why it’s completely awesome. Well, I beg to differ. A website is supposed to be an extension of your business and should be used to communicate with current customers as well as potential customers. Keep it consistent with your target market and make yourself available on your website.
  • Make sure you have a clear message on your site—if you sell several products try to highlight one. If you have several different services highlight one or highlight the reasons why people keep coming back; create a feeling. No matter the demographics of your audience, your website should be clear and consistent.
  • Aaron Rylaarsdam on 11 Jan 12
     
    I found this to be a great article about understanding who your target audience is when designing not only for personal purposes for my own business but also for the businesses that I design for.
simplykreative

10 Skills every Web designer should have at the back of his hand - 0 views

www.blog.skdesignz.com/...every-web-designer-should.html

Design Web Development webdesign website programming tools web design

shared by simplykreative on 25 Apr 15 - No Cached
  • simplykreative on 25 Apr 15
     
    Having a good sense of design is important for Web designers. There is a lot more to it than simply knowing which colors you like. You should be aware of the elements of design as well as the basic design principles. Although it is something completely practical, theory of it cannot be ignored.
1 - 19 of 19
Showing 20▼ items per page