Thursday, January 9, 2014

Web Design

By its nature, the Internet is transactional

Aside from customer or design requirements, you should only consider using
multimedia on a site when it has either no effect or a positive effect on the usability of the site.

The Web strategy is not to build the best looking or most useful Web site. The basic strategy of a business Web site is to attract and retain customers.

Web site specifications can be divided into four types:
• Functionality specifications • Content specifications • Architecture specifications • Design specifications

http://www.adobe.com/resources/techniques/

Web Site Usability:
The first element of Web site usability is high-quality content.
The second element of Web site usability is easy navigation.
The third element of Web site usability is information architecture.
 The fourth element of Web site usability is search capability.
The fifth element of Web site usability is relevant services.

When designing your Web sites, remember the following practices:
• Determine users' goals and needs.
• Learn from navigation that works
• Go deeper than the home page.
• Provide quick links.
• Design for various user preferences.

Stock Photos:
• Jupiter Images (www.jupiterimages.com)
• Getty Images (http://gettyimages.com)
• Shutterstock Images (www.shutterstock.com)

Microstock Photos:
www.istockphoto.com

Free Photos:
• FreeStockPhotos.com (www.freestockphotos.com)
• FreeImages.co.uk (www.freeimages.co.uk/)
• Freepixels (www.freepixels.com)

Popular photosharing sites include the following:
• dotPhoto (www.dotphoto.com/)
• Webshots (www.webshots.com/)
• Fotki (www.fotki.com/us/en/)
• Flickr (www.flickr.com)
• SmugMug (www.smugmug.com)
• Picasa (http://picasa.google.com)
• Shutterfly (www.shutterfly.com)

Many digital cameras record metadata in exchangeable
image file format (EXIF)

The term "pixel" is short for "picture element."

The most common graphic format is raster, also known as bitmap. Raster graphics use
small dots to create images and colors. Raster graphics include the JPEG, GIF and PNG
formats.

Vector graphics store the information about the image in mathematical instructions that are
then interpreted and displayed.

Vector graphics are
best suited for line art, shapes and illustrations.

If you want to develop your own graphics, vector-based drawing applications commonly
used in the industry include the following:
• Adobe Illustrator CS5
• Adobe FreeHand MX
• CorelDRAW X5
• Inkscape
• Adobe Fireworks CS5

If you want to develop your own graphics, paint-type applications commonly used in the
industry include the following:
• Adobe PhotoShop CS5
• Microsoft Image Composer
• Corel PaintShop Photo Pro X3
• Adobe Fireworks CS5

Only GIF and JPEG are natively supported by all browsers; other file formats can be
viewed with the aid of a plug-in. Native support means that the browser does not require
any special software or plug-in to display the image. When creating Web graphics,
designers must choose between GIF and JPEG based on the type of images they want.

Scalable Vector Graphics:
For more information about SVG, you can visit the following URLs:
• www.w3.org/Graphics/SVG
• www.mozilla.org/projects/svg/

The following services provide online image optimization:
• GIFBot from NetMechanic — www.netmechanic.com/products/accelerate.shtml
• SiteScan from OptiView — www.optiview.com/

The following services provide desktop image optimization:
• DeBabelizer Pro from Equilibrium —
www.debabelizer.com/Internet/Equil/Products/DeBabelizer/index.html
• Ulead SmartSaver Pro from Corel — www.ulead.com/ssp/
• GIFCruncher from Spinwave.com — www.webreference.com/services/graphics/gc/

You can find a list of common and equivalent fonts for both Windows and Macs at www.ampsoft.net/webdesignl/
WindowsMacFonts.html.

Public Domain images, ebooks, and music:
http://en.wikipedia.org/wiki/Public_domain_image_resources
www.publicdomain4u.com
www.gutenberg.org/wiki/Main_Page




No comments:

Post a Comment