studiomaqs

• REDUCE The simplest way to achieve simplicity is through thoughtful reduction.
• ORGANIZE Organization makes a system of many appear fewer.
• TIME Savings in time feel like simplicity.
• LEARN Knowledge makes everything simpler.
• DIFFERENCES Simplicity and complexity need each other.
• CONTEXT What lies in the periphery of simplicity is definitely not peripheral.
• EMOTION More emotions are better than less.
• TRUST In simplicity we trust.
• FAILURE Some things can never be made simple.
• THE ONE Simplicity is about subtracting the obvious, and adding the meaningful.

I got them in the book “The laws of simplicity”. And feel to share with you guys. Enjoy.

I came across this great article. And I want to share it with you. I got it from http://euphrates.wpunj.edu/courses/arts350/aesthetics.html

What makes for good design? Here are a list of aesthetic principles to consider when creating or evaluating design:

1.) Heirarchy -setting priorities.
What’s the most important thing, visually, in this layout? Is it the most important, most attractive or most convincing part of the message? What’s next? What’s last?

2.) Emphasis and focus -the visual expression of heirarchy.
Once you know what’s most important, use visual emphasis to focus attention through size, position, value, and color.

3.) Contrast -big/little, crowded/open, orange/blue.
Contrast is the tool of emphasis, which helps you set that heirarchy, focus attention and create drama.

4.) Tension -throwing things off a little.
You create tension by manipulating relative position. Place things a little too close together, or set up a little too much contrast in their visual weights. Tension helps make the design aesthetic.

5.) Balance -creating a gravitational axis.
Balance doesn’t have to be symmetry. By opposing dense detail with open space, or heavy elements with lighter ones, balance can be asymmetric and, again, athletic.

6.) Rhythm -variety and pattern.
Variety relieves the eye, and pattern helps the mind make sense of it. In multipage works, rhythm creates pacing across the whole.

7.) Flow -leading the eye across the surface.
This should happen in a desired sequence.

8.) Depth -leading the eye beyond the surface, or making things jump out from the surface.
Depth is the most inherently contradictory illusion of 2D design, and therfore, one of the most compelling.

9.) Scale -the illusion of size.
The size of elements relative to one another is important, of course, but the size of things in relation to the format and the size of the format itself are also worth considering.

10.) Movement -the illusion of physical interaction among elements.
Usually figurative -with elements angled or poised like bodies in motion -movement can also be created with such optical effects as linear repetition, visual vortexes and the like. Used deliberately, suggested movement can have a marked emotional and physical impact on a viewer.

11.) Unity -that which holds the piece together.
Color can unify a design, as can a grid, visuals that represent related subjects or a consistant style of imagery. In an age of over-stimulation and cacophony, unity is often underrated.

Jeffrey Zeldman publishes A List Apart and The Daily Report, runs Happy Cog Studios, wrote Designing With Web Standards 2nd Ed., and cofounded An Event Apart with Eric Meyer. Wikipedia and Happy Cog have bios.

Recently he published an article on “Understanding Web Design”. He tried to show the various use of web design with different medium. At a point he defined what the web design is?

“Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.”

Read the whole article at A List Apart

You have table full of data on Microsoft Word.

And you need to move 2nd row to 5th row.

Select to whole row, press shift + alt and prss on Up or Down key. The row will go down or up as you press.

You can select multiple rows of data and same shortcut to replace them together.

<h1>A heading at peace with itself</h1>

In short, your HTML should do everything it can to convey the meaning, or semantics of the content in the page, while steering clear of describing how it should look. Web standards geeks call HTML code that does this semantic markup.

Writing semantic markup allows your HTML files to stand on their own as meaningful documents. People who, for whatever reason, cannot read these documents by viewing them in a typical desktop web browser will be better able to make sense of them this way. Visually impaired users, for example, will be able to use assistive software like screen readers to listen to the page as it’s read aloud, and the more clearly your HTML code describes the content’s meaning, the more sense tools like these will be able to make of it.

Best of all, however, semantic markup lets you apply new styles (presentation) and interactive features (behavior) without having to make many (or, in some cases, any!) changes to your HTML code.

From Sitepoint