Bitmap images • Describes an image using a grid of pixels• The amount of detail is determined by
its physical dimensions measured in pixels
• Bitmap images are resolution dependant, if you enlarge an image too much, you’ll lose detail and see pixelation = low resolution
• A good general rule is to think of digital images, or scanned images as bitmap.
• Can be edited in PhotoshopImage source: www.prepressure.com
Vector image• Describes an image based on
geometric shapes and curves• Vector images can be resized
infinitely and not lose detail like a bitmap image
• Create vector images in Illustrator
Image source: www.prepressure.com
When/when not to use Rich Black
Image source: http://i.imgur.com/cZIp3j8.jpg
• Use rich black for large areas • Avoid using for type
• The slightest shift when printing text with CMYK will be obvious. Use 100% black.
Rough guideline for text sizing for printBusiness documents• Main body text: 9-11 pts • Fine print text: 5-7 pts
Business cards• Main info text: 7-9 pts
AVOID ALL CAPS for body text, it’s hard to read. Save them for headlines or for emphasis.
Image resolution for printImage resolution should optimally be 300 dpi at 100%.
Trade secret: If you absolutely cannot get 300 dpi, there are times where you may go down as low as 200 dpi for printing if the original image is clear and in focus. The eye can really only tell up to 200 dpi.
Offset vs Digital Printing
Offset Digital
Method Printing press Laser printer
Quality High image quality Image quality varies
Price Prints high quantities at lower cost (typically 1000 min)
Prints lower quantities at lower cost
Turnaround At least a few days Quick! Sometimes even same day
Colours CMYK and Pantone CMYK
BASIC WEB DESIGN GUIDELINES
1 - Simple is beautiful.
2 - Design is paramount.
3 - Consistency is key.
4 - Make your website responsive.
5 - Develop for multiple browsers.
6 - Check your website for errors
7 - Write your own code.
8 - Don't forget the content.
IMAGES SIZES
File Dimensions and File Size
Inspecting size of images
Dimensions – Physical size
File sizeFor most ‘full page’ web images, you want the image to be 80Kb-400Kb at most. If the image is only part of a page (e.g. half the width of a blog post), then 20Kb-30Kb is usually fine.
Image Preparation Tools
Summary
EXTRA WEB DESIGN PRINCIPLES
1. How you group elements suggests their function
2. White space affects attention
3. Clashing colors make elements stand out
4. Consistency aids learnability
5. Each color has unique psychological effects
COLOURS
Red – powerful, passionate, alarmingOrange – playful, friendly, inexpensiveYellow – happy, alert, warmGreen – natural, prosperous, balancedLight Blue – serene, inviting, refreshingDark Blue – trustworthy, professional, securePurple – luxurious, romantic, mysteriousBlack – sophisticated, edgy, oppressiveWhite – clean, virtuous, simpleGray – neutral, formal, gloomy
LINKS
CANVAhttps://www.canva.com
CANVA tutorialhttps://www.youtube.com/watch?v=XqYti78riU8
Create images with ease!https://www.youtube.com/watch?v=kyROcitFW0w
Free Stock Photoshttps://unsplash.com/https://www.pexels.com/
Online Photo Editorhttp://www.pizap.com/
Font Pair Google Fontshttp://fontpair.co/
Top Related