Web Graphic design is littered with terminologies. Here are merely few of the essential elements you should know, along with a brief explanation of the terms to get you started.
Raster and vector images
Raster/bitmap images – composed of thousands of pixels which define the color and form of the image.
Software/editor: Adobe Photoshop
Photoshop enables you to adjust the color and other attributes of pixels.
*Resizing up will compromise image’s quality.
Vector images – are images made up of points
Example: Adobe Illustrator-generated images.
Vector images are made up of points, which has a defined X and Y coordinate. You can add color fills -Resizable.
CMYK and RGB
CMYK – stands for Cyan, Magenta, Yellow, and Key. It is the standard color mode for sending documents.
Examples: magazines, newspapers, flyers, brochures, annual reports and all printable materials.
Software/Editor: Adobe Photoshop/Illustrator
You have the option to set your document’s color mode as CMYK or RGB.
* CMYK has a more limited color scale than RGB; you can experience a loss of color when converting from RGB to CMYK.
Resolution (DPI and PPI)
DPI stands for ‘Dots per Inch’ -the more dots per inch, the better quality the image – and 300DPI is the standard for printing images.
PPI refers to ‘Pixels per Inch’.
*Resizing up an image will compromise its quality.
*Bear in mind that resolution only applies to raster graphics – because vectors do not work in pixels.
It is the art of organizing typographs. It’s one of the essentials of graphic design and every designer should read or review it in great detail especially to kerning. Web developing companies hire professionals just for this.
In graphic design, it’s a group of intersecting vertical and horizontal lines utilized to manage and compose content.
Setting up a grid allows you to get your composition accurate and balance your type and imagery.
Typical grid systems incorporate a large header across the top with evenly sized columns underneath -but sky’s the limit.
We wish you success in becoming a part of the web developers’ community!