Anthony J. Pennings, PhD

WRITINGS ON DIGITAL STRATEGIES, ICT ECONOMICS, AND GLOBAL COMMUNICATIONS

Elements of Web Design

Posted on | January 14, 2011 | No Comments

I have been training students in web design and production since the mid-1990s, especially after the explosion of the Internet’s World Wide Web that set the standards for hypertext protocols, markup language, and web browsers. New York City’s “Silicon Alley” and companies around the tri-state region couldn’t get enough help “getting online.” By the time I left Marist College and moved to New York University, the number of students taught was in the hundreds.

I found that web design, although essentially operating at the surface level of the web production process, was an important skill. Many websites were pretty ugly. Remember the animated dancing Odies? Text that went all the way across the screen? Borders around images? And all the centered text? Designing web pages don’t necessarily require fine arts training (although it helps), but they do require following some basic guidelines and developing some appreciation for the aesthetics involved.

Luckily, I found Robin Williams four elements of design from her The Non-Designer’s Design Book extremely useful. She stressed adherence to 4 major design principles: Contrast, Alignment, Repetition, and Proximity (CARP). I have rearranged the letters differently at times but no matter the order, it is still these basic four. While they didn’t necessarily turn the student into a web artist, it certainly made an immediate impact in the quality of their work. Plus, it was easy to convey and evaluate. Here they are with my notes:

  1. Contrast – Change fonts, colors, shapes, sizes, spaces, thickness, etc. in order to create striking differences that make the page interesting. One rule of thumb goes, if it’s not the same – make it different!
  2. Repetition – If it works – repeat it! Find items that are the same and use them again. Lists, for example, are good examples of repeating important information.
  3. Alignment – Find something to align with – even if it’s on the other side of the page
  4. Proximity – Group related items together. Don’t create relationships between different items

I used to have my own HTML and web design tutorials online, but it got too complicated to keep up. Now I recommend w3schools.com for basic coding and lynda.com for design and complex web issues.

Share

Anthony

Anthony J. Pennings, PhD has been a faculty member for NYU since 2001 teaching digital media, information systems management, and global communications.

Comments

Comments are closed.

  • Referencing this Material

    Copyrights apply to all materials on this blog but fair use conditions allow limited use of ideas and quotations. Please cite the permalinks of the articles/posts.
    Citing a post in APA style would look like:
    Pennings, A. (2015, April 17). Diffusion and the Five Characteristics of Innovation Adoption. Retrieved from http://apennings.com/characteristics-of-digital-media/diffusion-and-the-five-characteristics-of-innovation-adoption/
    MLA style citation would look like: "Diffusion and the Five Characteristics of Innovation Adoption." Anthony J. Pennings, PhD. Web. 18 June 2015. The date would be the day you accessed the information. View the Writing Criteria link at the top of this page to link to an online APA reference manual.

  • About Me

    Professor at State University of New York (SUNY) Korea since 2016. Moved to Austin, Texas in August 2012 to join the Digital Media Management program at St. Edwards University. Spent the previous decade on the faculty at New York University teaching and researching information systems, digital economics, and strategic communications.

    You can reach me at:

    apennings70@gmail.com
    anthony.pennings@sunykorea.ac.kr

    Follow apennings on Twitter

  • About me

  • Calendar

    November 2020
    M T W T F S S
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
  • Pages

  • November 2020
    M T W T F S S
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
  • Flag Counter
  • Disclaimer

    The opinions expressed here do not necessarily reflect the views of my employers, past or present.