Skip to main content

Home/ CMN450 (03) Participatory Media/ Group items tagged color

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Talia Baksh

An Introduction to Color Theory for Web Designers - Tuts+ Web Design Article - 0 views

webdesign.tutsplus.com/...-web-designers--webdesign-1437

color theory web designers web design colour schemes

shared by Talia Baksh on 23 Mar 14 - No Cached
  • What is Color Theory?
  • 3 terms which define the basic Color Theory:
  • Here are 3 of the commonly accepted structures for a good color scheme: triadic, compound, and analogous:
  • ...21 more annotations...
  • Rather than straining to accommodate for a particular area of the color spectrum, the eye is provided a balance.
  • Contrast Contrast reduces eyestrain and focuses user attention by clearly dividing elements on a page. The most apparent example of contrast is an effective selection of background and text color, as shown below:
  • Vibrancy
  • Brighter colors lead the user to feel more energetic as a result of your design, which is particularly effective when you are trying to advertise a product or invoke an emotional response. Darker shades relax the user, allowing their mind to focus on other things.
  • How Do I Select an Effective Color Scheme?
  • Complementation Complementation refers to the way we see colors in terms of their relationships with other colors. When colors occupy opposite ends of the color spectrum, they lead people to consider a design visually appealing by establishing a happy medium the eye can reside in.
  • Triadic Color Scheme
  • Composed of 3 colors on separate ends of the color spectrum. There is a very easy way to create a Triadic color scheme:
  • Take a color wheel, and choose your base color. Draw an Equilateral Triangle from this point. The three points of the triangle will form your tri-color scheme. By using an Equilateral Triangle, you can ensure the colors have equal vibrancy and compliment each other properly.
  • Ways to Make Your Life Easier
  • The Compound color scheme is based on providing a range of Complementary Colors: two colors are chosen from opposite ends of the color spectrum.
  • Analogous
  • An Analogous color scheme is based on a careful selection of colors in the same area of the color spectrum.
  • Compound Color Scheme (aka Split Complimentary)
  • there are a few tools at our disposal that make color selection extremely easy when utilized properly.
  • Kuler
  • A tool developed by Adobe, Kuler is aimed at providing an intuitive way to create a color palette. Every color on the palette can be individually modified, or chosen as the base color, with a few simple clicks. Palettes can be saved and published, and there are a number of great community entries available on their site. Under each color, the export codes are provided (including hexadecimal).
  • Color Scheme Designer 3
  • By providing a very simple and controlled selector, Color Scheme Designer provides a very low barrier of entry, and its choice of color principles present a variety of options. While it doesn't teach its users why the colors work well together (Kuler's dynamic color wheel is much more effective in that regard), its results are great as a starting point or to finish a prototype.
  • Its more advanced options are very useful: features such as the ability to adjust an entire palette's saturation and contrast, color blind overlays, and sample website previews are things I hope Kuler implements very soon.
  • Summary Choosing colors on opposite ends of the spectrum creates a visual harmony for the eyes. A high contrast between elements makes text easily readable, and guides your reader's attention. The brighter the colors, the more mental energy they will consume. Don't be afraid to use tools such as Kuler and Color Scheme Designer 3, they only make your life easier and prevent you from becoming frustrated with the learning process.
  • Talia Baksh on 23 Mar 14
     
    This website contains very detailed information on colour theory. It defines and explains the 3 core principles of colour theory (complementation, contrast and vibrancy). It also advises the reader on structures of how to select good colour schemes (triadic, compound, and analogous). Furthermore, it includes advice on tools the reader can use to design colour schemes.
Talia Baksh

50 Websites with Fantastic Color Schemes - Speckyboy Design Magazine - 0 views

speckyboy.com/...s-with-fantastic-color-schemes

webdesign tips colour schemes website aesthetics

shared by Talia Baksh on 24 Mar 14 - No Cached
  • 50 Websites with Fantastic Color Schemes
  • A great color scheme can make or break a website. It’s got to be good looking, fitting, and appeal to the site’s users. At the same time it must not be distracting, or impede the users ability to view the page.
  • The websites that we highlight in this article have color schemes that do all that and more. They are truly great uses of color scheme to produce creative and beautiful websites that users love to look at almost as much as they love to use.
  • Talia Baksh on 24 Mar 14
     
    This website provides advice on what colour combinations go well together when creating a website template. It contains sample templates of webpages.
Sasha Ross

HowStuffWorks "Virtual Reality Immersion" - 2 views

electronics.howstuffworks.com/...virtual-reality1.htm

virtual realitys technology media communication media+society motion

shared by Sasha Ross on 04 Feb 14 - Cached
  • In a virtual reality environment, a user experiences immersion, or the feeling of being inside and a part of that world. He is also able to interact with his environment in meaningful ways. The combination of a sense of immersion and interactivity is called telepresence.
  • Depth of information refers to the amount and quality of data in the signals a user receives when interacting in a virtual environment.
  • Systems that give a user force feedback and touch interaction are called haptic systems.
  • Sasha Ross on 04 Feb 14
     
    This article discusses and clarifies the ideas of virtual realities. This site also provides a very helpful video on the first page, called "The Internet of Things". The video gives great visuals and examples to help solidify the concepts surrounding virtual realities. Very interesting, hope you like it!
Talia Baksh

5 Killer Web Design Tips That Will Make Your Life Easier | Adda Birnir - 0 views

www.huffingtonpost.com/...eb-design-tips-_b_4038652.html

web design tips and tricks design rules

shared by Talia Baksh on 24 Mar 14 - No Cached
  • 5 Killer Web Design Tips That Will Make Your Life Easier
  • We all want to have a beautifully designed website and yet, it's surprisingly hard. So what is it that great designers know that the rest of us don't?
  • 1. Learn the fundamental rules of type design:
  • ...14 more annotations...
  • The key to good web design, says Ryan Shafer, Lead Digital Designers at MTV & VH1, is remembering that the web is really just a bunch of text. "I encourage all budding web designers to embrace that the web is fundamentally about typography design."
  • For headlines: Make them bold and easy to scan San serif typefaces are great for headlines because they are stark and easy to read at larger sizes For body text, you want to maximize legibility: For lots of text opt for a serif typeface Make the font-size much larger than you think is necessary, we recommend 16 px at minimum Lines should never be more than 50-60 characters long
  • 2. Pick a solid typeface, and maybe one with a touch of whimsy
  • the web is pixel based. So if your image isn't large enough it's going to look pixelated.
  • Proxima Nova has replaced Helvetica Neue as my sans-serif typeface of choice.
  • 3. Pick a three-color pallette & then stick to it!
  • When it comes to picking a color pallette the key is to pick it and stick (to) it. Consistency is everything when it comes to creating a cohesive color palette for your site.
  • 4. Make sure your photos are the right size
  • When it comes to picking a font-face you want to pick something super easy to read, graphic, and maybe something a little, you know, whimsical.
  • "Photo clarity adds a lot of credibility to a site, even if they weren't taken by you."
  • 5. When in doubt, give it space
  • The most important design tip is also the simplest: "Make sure your content has breathing room; give it proper margins will help with legibility and focus."
  • "Too much text can be a bit daunting. Text is necessary so make sure to break it up with larger sub headings and legible paragraphs. Considering using icons or images as alternative ways to communicate your point."
  • Consistency is key. Nothing will tank your design faster than picking one design direction and then switching it halfway through.
  • Talia Baksh on 24 Mar 14
     
    This article highlights 5 golden rules for effective web design. The article describes how to make typefaces work to your advantage, how to choose colour palettes, the advantages of correctly sized graphics, how to include space and headings, and the importance of consistency in design.
Brooke Meehan

Web Design Aesthetics - 0 views

www.shire.net/...aesthetics.htm

design aesthetics internet

shared by Brooke Meehan on 10 Mar 14 - Cached
  • Brooke Meehan on 10 Mar 14
     
    This website focuses on what to consider while trying to make your website as visually appealing as it can be. Specifically the article touches on overall appearance, page layout and a detailed section on the importance of color. This link provides helpful tips that people can utilize to design their website the best they can.
1 - 5 of 5
Showing 20▼ items per page