BASIC WEB DESIGN 1.Keep it simple 2.Keep it clean 3. Keep it organized, easy to use, and easy to read 4. Give text enough room 5. Kern text whenever possible

PAGE DIMESIONS Computer screen is very different from printed page Smaller than most open books or magazines Common mistake: Spreading width of page graphics beyond 17”-19” screens Safe Area: 800 x 600 Minimum screen size and paper width to print pages 800 x 600 screen area

VISUAL HIERACHY Create strong and consistent visual hierarchy where Elements are emphasized and 2. Content is organized logically and predictably Visual scanning of page structure over time Rough visual scanning Finer scanning Start reading headers

VISUAL LOGIC Most effective designs: Balance of text and links with relatively small graphics that load quickly yet achieve graphic impact DESIGN GRID Consistency and predictability are essential attributes of a well designed information system Grids bring order to a page Poor page layout; No visual hierarchy Better layout; predictable Modular, clear visual structure

VISUAL CONSISTENCY Connecting the dots

Visual Relatedness