WELCOME

To Wisin's Internet WebPage

WEB PAGE DESIGN

As a designer of effective Web pages, you'll quickly come to the following realizations:
  1. Good design is hard work. It is most often the result of extensive trials, comparisons, evaluations, and experience.
  2. Every page you design will be a compromise. Great pages find a way to deliver the message while minimizing the effect of any compromise.
  3. Good design utilizes a minimum of elements. Busy and overworked are terms that describe bad design.
  4. Effective design focuses attention and directs the reader. You do this by organizing the page, using cohesive elements, establishing eyeflow, emphasizing positive and negative space and using juxtaposition.
  5. Good design uses a minimum of cliches. In that way it has a timeless quality. Think of the greatest automobile or fashion designs. Timeless. The great Web sites will be remembered not for the gizmos but for the information.

  1. The Process of Web Page Design

    1. Developing a minimalist design approach
    2. Knowing your audience
    3. Analyzing the Web site
    4. Letting structure follow function
    5. Designing from a functional shell
    6. Planning a cohesive design
    7. Gathering effective content
    8. Testing and evaluating
      Functional Description: objectives and goals.
      Review 1: Customer approves objectives and goals.
      Site Structure: relationship of content and pages.
      Review 2: Customer approves structure.
      Functional Shell: structure is translated to working site.
      Review 3: Customer approves functional shell.
      Content Creation: text, graphics, and media to fill shell.
      Review 4: Customer approves content.
      Working Web Site: all links, graphics, and media in media.
      Review 5: Customer approves final solution.

  • Targeted Web Page Design

    1. Developing pages with a high degree of content fidelity
    2. Designing pages targeted to manufacturers
    3. Aiming Web pages at retail establishments
    4. Tuning corporate pages
    5. Designing educational pages
    6. Delivering pages that entertain

  • Designing Web Pages

    1. Developing an understanding of good design
    2. Learning to recognize and avoid common design mistakes
    3. Designing for both broad and narrow audiences
    4. Viewing a Web page as part of an electronic publication
    5. Analyzing the anatomy of Web pages
    6. Evaluating text and graphic elements for effectiveness
    7. Using tables and frames to your advantage

  • Structural Page Design

    1. Understanding what makes good structure
    2. Using HTML as a structural device
    3. Using techniques that contribute to structure
    4. Planning both intrapage and interpage structure
    5. Making use of traditional print publication structure
    6. Providing tables of contents and indexes
    7. Gathering resources to structure your pages

  • Visual Page Design

    1. Understanding what constitutes good design
    2. Knowing your audience
    3. Planning the layout, type, graphics, color, and interactivity
    4. Choosing an appropriate design metaphor for your pages
      Book, notebook, monitor, electronic device, desktop, store, library, gallery.

      Table 5.1. Site subjects and appropriateness of metaphors.
      MetaphorOrderRetailTrainingReportsDataEducationFictionMoviePerformance
      WebXXXXX
      BookXXXXXX
      NotebookXXXXX
      MonitorX
      Electronic DeviceXXX
      DesktopXXXX
      StoreX
      LibraryXX
      GalleryXXXX

    5. Designing for effective eyeflow
    6. Using positive and negative space
    7. Adding depth with juxtaposition
    8. Understanding current Web page design techniques

  • Efficient Web Page Design

    1. Becoming proficient in the tools of Web design
    2. Analyzing and using existing page source code
    3. Using illustration programs to create your designs
    4. Using templates to your advantage
    5. Adding cascading style sheets to your page design
    6. Planning a cohesive design

    Table 6.1. Cascading style sheet properties.

  • Text in Page Design

    1. Understanding what makes good type design
    2. Realizing that typography can elicit a psychological response
    3. Using races and families of type to your advantage
    4. Knowing how to measure type
    5. Understanding how type is displayed on computer monitors
    6. Using spacing, kerning, type height, and leading to create effective textual displays
    7. Knowing how to translate type designs into HTML code

  • Effective Graphic Design for Web Pages

    1. Understanding how digital monitors display text and graphics
    2. Knowing when to use vector and raster graphics
    3. Making the most out of reduced color palettes and dithering
    4. Knowing how pages are stored, requested, and downloaded from a Web server
    5. Limiting your graphics to consistent and reduced colors
    6. Making the right file format decisions
    7. Ensuring rapid download times
    8. Using GIF and JPG graphics to your advantages

  • Graphics in Page Design

    1. Understanding how images function on a Web page
    2. Being familiar with the type of graphic elements found on Web pages
    3. Designing pages that rely heavily onb graphics
    4. Using image maps as navigational elements
    5. Designing pages that use plug-ins
    6. Knowing where to go to find Web graphics

  • Color Issues in Page Design

    1. Understanding the importance of color
    2. Being knowledgeable about color technologies
    3. Knowing how color is displayed on Web pages
    4. Matching color palettes across applications
    5. Dithering images under reduced bit depth
    6. Understanding GIF and JPG graphic formats

  • Bells and Whistles on Web Pages

    1. Understanding what constitutes effective use of media
    2. Being knowledgeable about digital video technologies
    3. Knowing how to deliver effective and efficient animations
    4. Adding sound that complements page design and information
    5. Using multimedia to make the page visually appealing and interactive
    6. Understanding developing technologies such as Java and VRML

  • File Formats in Web Page Design

    1. Understanding why file formats are important in Web design
    2. Making intelligent file format choices
    3. Understanding both MIME data types
    4. Designing for unsupported file types
    5. Delving into the structure and capabilities of GIF, JPG, MPG, MOV, AVI, and various sound formats

    Table 12.1. Resources for adding unsupported file formats to your Web pages.

  • Designing Interactive Web Pages

    1. Understanding why interactivity is important to Web pages
    2. Determining the effectiveness of an interactive page
    3. Planning the elements of an interactive page
    4. Designing scrolling, links, frames, forms, menus, text entry, and search and index.
    5. Designing with security in mind

  • Copyright Considerations

    1. Understanding why copyrights play an important role in the page design
    2. Defining what is and is not copyrightable
    3. Understanding what is fair use
    4. Identifying recent copyright developments
    5. Identifying ways to protect copyrighted work
    6. Developing strategies for using copyrighted material
    7. Identifying sources of copyright-free material

  • Seven Steps to Great Page Design

    When You are blessed, please...
    Sign My Guestbook View My Guestbook

    You are visitor to be blessed in Wisin's HomePage since April 1st, 1998.
    Thanks for visiting. God bless you.

    Don't hesitate to send me your oppinions and suggestions at wisinss@hotmail.com
    Please come back soon and visit me.

    This page was updated on April 1st, 1998

    English: [Computer|Healing|Index|Internet|Leadership|Religion|Nature|Personal|Salvation]
    Indonesian: [Celaka|Jodoh|Berlin|Istilah]
    Computer: [Tips|HTML|Links]
    Personal: [Indonesia|Identity|Conversion|Fellowship]

    This page hosted by Get your own Free Homepage