A Basic Look at Typography in Web Design
Typography is an integral part of design. Think of all the different uses of typography on the web, from large headlines and bold blocks of text to smaller-sized text in body copy, and you’ll soon realize that not only is it a crucial part of a web design, but that it’s a pure combination of art and science.
A great rich post by Shannon Noack about typography basics, Things to consider for typography on the Web, Taking control of fonts, Web safe fonts, Setting your fonts, Web typography mistakes and examples of great typography in websites.
Via Six Revisions
10 Web Design Rules That You Can Break
As web design and design in general have evolved, rules have been established to ensure consistent and usable designs.
These rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to a stunning design.
This article presents 10 rules that you can break if it suits your design needs.
Rule #1: Do Not Display the Horizontal Scroll Bar
Rule #2: Use a Minimal Number of Font Faces
Rule #3: Do Not Use Too Many Colors
Rule #4: Make Your Site’s Goal Obvious
Rule #5: Navigation Should Be Easy To Figure Out
Rule #6: Use Different Colors for the Text and Background
Rule #7: Don’t Put Animation in the Way of Your Content
Rule #8: Stick to Web-Safe Fonts
Rule #9: Don’t Have a Splash/Landing Page
Rule #10: Don’t use Tables
Now that you know the rules, Feel free to break them!
10 Web Design Rules That You Can Break
<!–Categories: –>Design, Inspiration, Web Design
Share 71 // //
<!–
Sponsored by: Click here to create FREE Flash Website!
–>
// //
As web design and design in general have evolved, rules have been established to ensure consistent and usable designs.
Some of these rules were created simply because website creators abused certain principles without regard for their users.
But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to a stunning design.
In this article, we present 10 rules that you can break if it suits your design needs. //
Rule #1: Do Not Display the Horizontal Scroll Bar
A significant number of mice don’t have a horizontal mouse wheel. This makes it awkward to scroll left or right when a web page’s content extends past the sides of the browser.
It can be annoying to have to bring the mouse cursor down to the bottom of the window and drag the scroll bar over just to see a word or two that lies beyond the viewable area of the page. That said, here are some well-designed sites that put the scroll bar to work in effective ways.
Benek
Benek uses JavaScript to change the scroll direction of the mouse wheel from vertical to horizontal. Each item in Benek’s portfolio is separated into its own column. The site has a surprisingly fresh feel and flows smoothly.
Shoe Guru
Shoe Guru gets away with horizontal scrolling because it takes advantage of the way people look at shoes. People look at most products from top to bottom, but shoes are different. People’s eyes usually move across the length of the shoe. Using this habit to its advantage, Shoe Guru makes its website’s design flow in the same direction, making the motion feel natural.
Stephane Tartelin
Stephane Tartelin uses the horizontal scroll bar to make his artwork look like it’s in an art gallery. Although the vertical mouse wheel doesn’t function like it does in the examples above, the effect works surprisingly well. You could even argue that the effect would be diminished if the mouse wheel were re-coded to scroll horizontally.
Graphic Therapy
While Graphic Therapy doesn’t display a horizontal scroll bar on its page, it still allows horizontal scrolling by clicking and dragging around the screen. Graphic Theory used horizontal navigation because all of its images are the same height but not the same width. The horizontal navigation helps the site flow smoothly.
The Horizontal Way
The Horizontal Way is a showcase of websites that use horizontal scrolling. The grungy graphics are beautiful, and this site is unique as far as CSS galleries go.
Rule #2: Use a Minimal Number of Font Faces
40 Free Stylish Retro Fonts for Designers
Hey everybody!
Check out this really cool 40 Retro Fonts brought to you by LAVA 360
About
Hey Everybody!
We are Sivan and Alex , Instructional Design students in Holon Institute of Technology (HIT).
Our main interests are Instructional Design and Web Design – those two can go along together at many cases.
In this blog we want to share and expand our knowledge about those 2 topics. Also, this semester we started our Seminar project, the subject we chose is Twitter and Learning. Both of us love Twitter and we immediately saw the great potential of using it for learning, so this is actually another topic we’ll be talking about here.
Feel free to join us, we’re actually pretty nice people 
find us on
Help us support this cause
