2 Web Publishing Fundamentals Web Design 5 th
2 Web Publishing Fundamentals Web Design, 5 th Edition
Chapter Objectives Ø Describe the advantages of web publishing Ø Discuss basic web design principles Ø Define the requirements for writing for the web Ø Explain the use of color as a web design tool Ø Identify web publishing issues Chapter 2: Web Publishing Fundamentals 2
Advantages of Web Publishing Ø Web publishing offers distinct advantages over print – Currency – Connectivity – Interactivity – Cost – Delivery Chapter 2: Web Publishing Fundamentals 3
The Currency Advantage Ø Websites can be updated continuously, while print publications are only as current as their date of publication Ø To keep visitors on your site, always supply timely, changing material Ø USATODAY. com Chapter 2: Web Publishing Fundamentals 4
The Currency Advantage Chapter 2: Web Publishing Fundamentals 5
The Connectivity Advantage Ø The web’s connectivity advantage, or ability to instantaneously distribute and share content Ø Streamlines the writing process Chapter 2: Web Publishing Fundamentals 6
The Interactivity Advantage Ø Internet and web technologies promote data and resource sharing Ø Main ways to interact: – Page of contact information – Blogs – Web-based forms – Member pages Chapter 2: Web Publishing Fundamentals 7
The Interactivity Advantage Chapter 2: Web Publishing Fundamentals 8
The Cost Advantage Ø Web publishing is more cost effective than print publishing Ø Colorful designs, photographs, and text can be included in a webpage for considerably less cost Ø Don’t forget to consider file size, space limitations, and load time Chapter 2: Web Publishing Fundamentals 9
The Delivery Advantage Ø Distributing information via the web can be fast and inexpensive Ø With the same immediacy and cost, the web can reach both global and local audiences Ø Consider the web when the need exists for economical and rapid distribution of information Chapter 2: Web Publishing Fundamentals 10
Basic Web Design Principles Ø Three things to consider when designing a successful web publication that will leave a distinct impression: – Balance and proximity – Contrast and focus – Unity and visual identity Chapter 2: Web Publishing Fundamentals 11
Balance and Proximity Ø Arrange web elements symmetrically (centered and balanced) to suggest a conservative, safe, peaceful atmosphere – Avoid too much symmetry Ø Arrange web elements asymmetrically (off balance) to create an energetic mood – Asymmetrical designs typically do not adapt well to mobile devices Chapter 2: Web Publishing Fundamentals 12
Balance and Proximity Chapter 2: Web Publishing Fundamentals 13
Balance and Proximity Ø Proximity (closeness) is closely associated with balance Ø Elements that have a relationship should be placed close to each other Ø White space can help define proximity and organize webpage elements Chapter 2: Web Publishing Fundamentals 14
Balance and Proximity Chapter 2: Web Publishing Fundamentals 15
Contrast and Focus Ø Contrast is a mix of elements to stimulate attention – Use different text styles, colors, and size Chapter 2: Web Publishing Fundamentals 16
Contrast and Focus Ø Focus is the center of interest or activity Ø A webpage needs a focal point – This is where you want your visitors to focus their attention Ø Create webpages with contrast to elicit awareness and establish a focal point, the center of interest or activity Chapter 2: Web Publishing Fundamentals 17
Unity and Visual Identity Ø All pages at a website must have unity, a sense of oneness or belonging, to create the visual identity Ø Create unity with consistency and repetition throughout a website Chapter 2: Web Publishing Fundamentals 18
Unity and Visual Identity Chapter 2: Web Publishing Fundamentals 19
Unity and Visual Identity Ø Alignment is the arrangement of objects in fixed or predetermined positions Ø Choose one method of alignment and use it regularly Chapter 2: Web Publishing Fundamentals 20
Unity and Visual Identity Chapter 2: Web Publishing Fundamentals 21
Writing for the Web Ø Visitors typically look for information with: – Accuracy and currency – Scannability – Organization Chapter 2: Web Publishing Fundamentals 22
Writing for the Web Ø Accuracy and Currency – Confirm the accuracy of your material with a reliable source – Be sure to avoid spelling and grammar errors – Indicate the date and time of the last update to your website Chapter 2: Web Publishing Fundamentals 23
Writing for the Web Ø Scannability – Make information easy to scan – Use headings, subheads, and bulleted lists • Chunked text Chapter 2: Web Publishing Fundamentals 24
Writing for the Web Ø Organization – Write your copy in the inverted pyramid style Chapter 2: Web Publishing Fundamentals 25
Color as the Web Design Tool Ø Color can be a powerful design tool Ø The color wheel can help you choose effective and appealing color combinations – Primary colors – Secondary colors – Cool colors – Warm colors – Complementary colors Chapter 2: Web Publishing Fundamentals 26
The Color Wheel Chapter 2: Web Publishing Fundamentals 27
The RGB Color System Ø Monitors project color using the RGB color system – Combines red, green, and blue light – Levels of intensity are measured from 0 to 255 – A monitor’s color depth is the actual number of colors that a monitor displays – The hexadecimal system uses 16 symbols to signify values Chapter 2: Web Publishing Fundamentals 28
Target Audience Expectations Ø Certain colors have come to symbolize particular qualities Ø Keep in mind the qualities generally associated with different colors when selecting colors for your website Ø Review several commercial and noncommercial website color schemes Chapter 2: Web Publishing Fundamentals 29
Web Publishing Issues Ø Successful web publishing includes recognizing the following issues: – Technical – Legal and ethical – Accessibility – Usability – Design techniques Chapter 2: Web Publishing Fundamentals 30
Technical Issues Ø Bandwidth is the quantity of data that can be transmitted in a specific time frame – Keep file sizes to a minimum – Corel Paint Shop Pro X 6® or Adobe Photoshop CS 6 can decrease image file size Ø Browser differences – Graphical vs. non-graphical display • Alternative text Chapter 2: Web Publishing Fundamentals 31
Technical Issues Ø Screen Resolution – The measure of sharpness and clarity – A pixel is a single point in an electronic image – Page elements display differently at different resolutions – When designing websites for mobile devices, you must account for a smaller screen size and the auto-rotate feature included in many smartphones and tablets Chapter 2: Web Publishing Fundamentals 32
Technical Issues Chapter 2: Web Publishing Fundamentals 33
Mobile Versions Ø Creating a mobile phone version of your website is another way to ensure you reach visitors of your site Ø Web design experts discourage the creation of mobile website versions, and recommend responsive web design techniques to create device-independent websites Chapter 2: Web Publishing Fundamentals 34
Legal and Privacy Issues Ø Legal Issues – Easy to acquire images from the web – Make sure the material on your website is free of copyright infringement • Ownership of intellectual property – Obtain permission from the owner to use any copyrighted material – Protect your work by copyrighting your material • Copyright notice Chapter 2: Web Publishing Fundamentals 35
Legal and Privacy Issues Ø Privacy Issues – Cautiously give out personally identifiable information (PII) – Encryption – Decryption – Secure Sockets Layer (SSL) – Cookies – Privacy policy statement Chapter 2: Web Publishing Fundamentals 36
Legal and Privacy Issues Chapter 2: Web Publishing Fundamentals 37
Accessibility and Usability Issues Ø Web accessibility deals with ensuring access to web-based information Ø Web usability involves designing a website and its pages so that all visitors to the website can easily and quickly satisfy their goals Ø Web designers incorporate user experience (UX) practices into webpage design Chapter 2: Web Publishing Fundamentals 38
Chapter Summary Ø Describe the advantages of web publishing Ø Discuss basic web design principles Ø Define the requirements for writing for the web Ø Explain the use of color as a web design tool Ø Identify web publishing issues Chapter 2: Web Publishing Fundamentals 39
2 Web Publishing Fundamentals Web Design, 5 th Edition
- Slides: 40