Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

April 16 2012

13:00

41 Awesome Design Blogs to Satisfy Your Creativity Needs

This is the link to the original article creator of this site, if this message appears to another site than 1stwebdesigner - Graphic and Web Design Blog - 1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles. it has been stolen, please visit original source then!

As web designers, we need to keep an eye on the latest trends in the design hemisphere. One cannot be successful unless he or she keeps himself or herself updated with the latest happenings in the design world. And when it comes to being updated, the best sources are design blogs and websites. Further more, such blogs also provide excellent tools and tips regarding web and graphic design, thereby enabling you to harness your talent to the maximum (not to mention the numerous freebies and giveaways).

So, among the zillions of blogs out there, which ones should you follow? If this question is troubling you, look no further! We have prepared a list of some of the most awesome design blogs out there in cyberspace!

1. Smashing Magazine

Who doesn’t know Smashing Magazine? Seriously, who doesn’t? If you are into design, Smashing Magazine is one website you just cannot afford to overlook. The website offers, apart from the blog/magazine itself, features such as a shop and a job board.

Smashing Magazine

Smashing Magazine

2. SpeckyBoy

SpeckyBoy is another design magazine blog that you just have to follow! Apart from web and graphic design, SpeckyBoy covers many other topics such as GUI, mobile development, CMSs, cloud and web-based applications, etc.

SpeckyBoy

SpeckyBoy

3. Six Revisions

Six Revisions is an extremely popular blog run by Jacob Gube. The website receives terrific traffic, and caters to web designers and developers.

Six Revisions

Six Revisions

4. Tuts+ Network

Ok, strictly speaking, Tuts+ Network is not one site. In fact, it is many sites, all operating independent of each other, and catering to different topics such as WordPress, Vectors, Mobile, Web design, and many others. Just take your pick, and off you go! Note that Tuts+ Network, as the name suggests, mostly offers Premium tutorials.

Tuts+

Tuts+

5. Noupe

Though initially an independent entity, Noupe now operates as a sister-site of Smashing Magazine. The website is beautiful, and content here mostly revolves around inspirational round-ups, and other similar articles.

Noupe

Noupe

6. Blog.SpoonGraphics

Blog.SpoonGraphics is the personal design blog of Chris Spooner. With over 50,000 subscribers, Blog.SpoonGraphics covers both round-ups and tutorials on a regular basis.

Blog.SpoonGraphics

Blog.SpoonGraphics

7. Vandelay Design Blog

Vandelay Design Blog is the blog of Vandelay Design wherein they talk about web design, and business tips. The blog offers several unique round-ups and the quality of articles is impressive.

Vandelay Design Blog

Vandelay Design Blog

8. A List Apart

A List Apart is quite different from other blogs in the sense that it does not offer inspiration round-ups and other similar casual articles. Instead, the blog offers technical and op-ed pieces about design in particular – more textbook material than mere design blog.

A List Apart

A List Apart

9. Inspired Magazine

Inspired Magazine deals with web design, visuals and WordPress. The website is well known for organizing awesome giveaways and having an impressive Freebies section.

Inspired Magazine

Inspired Magazine

10. Fuel Your Creativity

Fuel Your Creativity basically caters to creatives and designers. It provides articles and round-ups that help you gain inspiration for that ‘awesome’ creative idea you might be waiting for. Plus, the website also has sister concerns such as Fuel Your Blogging.

Fuel Your Creativity

Fuel Your Creativity

Also Worth A Look

Note: Click the blog’s name to visit the website. All links open a new window/tab!

11. Instant Shift

Instant Shift

Instant Shift

12. Naldz Graphics

Naldz Graphics

Naldz Graphics

13. CSS Globe

CSS Globe

CSS Globe

14. Web Designer Depot

Web Designer Depot

Web Designer Depot

15. Web Design Ledger

Web Design Ledger

Web Design Ledger

16. Fudge Graphics

Fudge Graphics

Fudge Graphics

17. Design Boom

Designboom

Designboom

18. Abduzeedo

Abduzeedo

Abduzeedo

19. Web Designer Wall

Web Designer Wall

Web Designer Wall

20. Fubiz

Fubiz

Fubiz

21. David Airey

David Airey

David Airey

22. The Design Inspiration

The Design Inspiration

The Design Inspiration

23. Hongkiat

Hongkiat

Hongkiat

24. onextrapixel

onextrapixel

onextrapixel

25. You the Designer

You the Designer

You the Designer

26. My Ink Blog

My Ink Blog

My Ink Blog

27. Web Resources Depot

Web Resources Depot

Web Resources Depot

28. Colorburned

Colorburned

Colorburned

29. Just Creative

Just Creative

Just Creative

30. Spyre Studios

Spyre Studios

Spyre Studios

31. DESIGN M.AG

DESIGN M.AG

DESIGN M.AG

32. Perishable Press

Perishable Press

Perishable Press

33. From up North

From up North

From up North

34. We Function

We Function

We Function

35. Crazy Leaf Design

Crazy Leaf Design Blog

Crazy Leaf Design Blog

36. Republic of 3

Republic of 3

Republic of 3

37. AnimHuT

AnimHuT

AnimHuT

38. Digital Art Empire

Digital Art Empire

Digital Art Empire

39. SloDive

SloDive

SloDive

40. Designmodo

Designmodo

Designmodo

And of course, how can we forget..

41. 1stWebDesigner

1stWebDesigner

1stWebDesigner

When it comes to reading, no bookshelf or library on a given topic can ever be complete in absolute terms. Similarly, no list of design blogs can ever be called all-inclusive. Feel free to add some decent design blogs that you are aware of in the comments below!

May 12 2010

13:00

Simple, Practical Color Theory

The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images (in the realms of art, design and/or photography). Find out more in this simple, practical, colorful guide.

Image Description

Color Models

Depending on your background and your purpose, you will view primary colors differently. There are three generally accepted models: RGB (red, green, blue), CMY (cyan, magenta, and yellow), and RYB (red, blue, yellow).

Primary color models can be divided into two categories: additive and subtractive.

The additive primary colors are obtained by light: red, green and blue (RGB). When combined, these colors create white. Scientists in the late 19th century established that color perception is best described in terms of the primary additive colors RGB because it is based on the human perception of colors.

The subtractive primary colors are obtained by the subtraction of light: cyan, magenta, and yellow (CMY). They form the basis of printing colors and combine to form black, the K in CMYK. The second set of subtractive primary colors is: red, yellow and blue (RYB). This model is primarily used in art and design education, particularly painting. According to Johannes Itten, a Swiss color and art theorist, the primary use of this color wheel is for mixing pigments.

Color Model Application:

RGB: Photography, video/film and design.

CMYK: Print design.

RYB: Art, painting and design.

RGB and RYB Confused?

In regards to design, the purpose of the color wheel is to aid the creation of visually harmonious color schemes not to confuse you. I would recommend using the RGB model because it reflects human color perception correctly. Of course, you can experiment with both types of the color wheel.

Now that we’ve covered the various color models and their uses, we can proceed with confidence. We will be using the RGB color model.

RGB Color Model

Primary, Secondary, Tertiary Color Wheels

Primary, Secondary, and Tertiary Colors

Image Description

In the RGB (additive) color model, the Primary colors are: red, green, blue.

The Secondary colors: cyan, magenta and yellow, are formed by the sum of two primary colors of equal intensity.

Lastly we have (six) Tertiary colors, which are comprised of mixing half primary color and half secondary color: orange, yellow-green (lime), cyan-green, cyan-blue, blue-magenta (purple), red-magenta (pink).

The additive and subtractive sets of tertiary colors RGB and CMY are exactly the same, just on different points of the wheel.

“The color wheel not only helps understand the relationship of different colors but also the classification of colors. It also provides a quick reference to the primary, secondary and tertiary hues.” – Mark Boulton

Color Harmonies

Image Description

Monochromatic

Monochrome selections are simply one color from the color wheel.

Complementary

Complementary color schemes use colors that are opposite each other on the color wheel.

Split-complementary

The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses two colors adjacent to its complement.

Analogous

Analogous color schemes use colors that are next to each other on the color wheel. Analogous schemes are often found in nature and are harmonious and pleasing to the eye.

Accented Analogic

Accented analogic color schemes are combinations of analogous and complementary color schemes. In addition to colors that are adjacent to each other, it uses a complementary accent at its opposite.

Triad

A triadic color scheme uses colors that are evenly spaced around the color wheel.

Tetrad (double complementary)

The tetradic or double complementary color scheme uses four colors arranged into two complementary pairs.

Square

The square color scheme is similar to the tetradic, but with all four colors evenly spaced around the color wheel.

Image Description

Warm and Cool Colors

The color wheel can be divided into warm and cool colors. Warm colors are vivid and energetic, and tend to advance in space. Cool colors give an impression of calm, and create a soothing impression. White, black and grey are considered to be neutral.

Term Definitions

Let’s take a look at the meanings of a few color-related words. These words can often confuse and be erroneously substituted for one another. This following list of definitions will help us proceed unambiguously. All definitions are taken, of course, from The Merriam-Webster Dictionary.

Hue

The attribute of colors that permits them to be classed as red, yellow, green, blue, or any intermediate between any contiguous pair of these colors.

Saturation

A chromatic purity; freedom from dilution with white.

Brightness

The attribute of light-source colors by which emitted light is ordered continuously from light to dark in correlation with its intensity.

Tint

A variation of color produced by adding white to it and characterized by low saturation with relatively high lightness.

Tone

The color quality or value; a tint or shade of color; the color that appreciably modifies a hue or white or black.

Shade

A color produced by a pigment or dye mixture having some black in it.

Chroma

A quality of color combining hue and saturation.

Hue, Saturation and Brightness

Image Description

Hue

In practical terms, hue refers to a specific tone of color. It is not another name for color as color can have saturation and brightness as well. For instance, colors with the same hue are distinguished with adjectives referring to their lightness and/or chroma, such as with “light green” or “pastel blue”.

Saturation

Saturation is the intensity of a hue from grey. At maximum saturation a color would contain no grey at all. At minimum saturation, a color would contain mostly grey.

Brightness

Brightness refers to how much white or black is contained within a color.

Saturation and Brightness

The image below (left) of Photoshop’s Color Picker shows the saturation and brightness of the cyan hue. The saturation is increased by dragging the picker horizontally towards the right of the box and decreased towards the left. Brightness is increased by dragging vertically towards the top of the box and decreased towards the bottom. The hundred percent mark of a hue’s saturation and brightness is the upper-right corner.

Examples for hue, saturation, and brightness are best shown in the hue/saturation adjustment layer. Each of the three is affected separately and the display sliders intuitively show the principles referenced above. See the example below (right).

Saturation and Brightness

Conclusion

Cognizance of colors and/or combinations that are pleasing, and savvy use of post-production tools are just two of the ways that comprehension of color theory, relations and harmonies is useful to us. We have already put this knowledge to use to improve and stylize images in How to Use Curves in Photoshop and Color Correction Basics in Photoshop.

We will continue to use color theory insofar as every photograph can be improved with the post-production tools within Photoshop, Lightroom, or other image-editing software. Specifically, a few adjustment tools where color theory knowledge helps include: Curves, Hue/Saturation, Color Balance, Channel Mixer, Selective Color—and the list goes on. The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images.


Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl