COURSE: Graphical User Interface

CAT 1: TERM 1 Date: 13/11/2023

PERIOD: 90minutes MARKS: 30 pts
Examiner: Louis MUKAMA

CAT Answers

Instructions

1. Attempt all Questions

2. Make your handwriting clean and visible
3. Write your names on the Answer Sheet

Student names Class

………………………………………………………………………………… ……………………………….

1
Q1: Multiple-choice questions

What does RGB stand for in graphic design? (2.5marks)

a) Red, Green, Blue
b) Resolution, Grid, Borders
c) Rotation, Gradient, Balance
d) Render, Generate, Build
NB: Refer notes, read the following part of Graphic Design Basics - 3.1.1. Pixel

Which file format is commonly used for high-quality print graphics? (2.5marks)
a) JPEG
b) GIF
c) PNG
d) TIFF

Which file format is commonly used for saving images with transparency in
graphic design? (2.5marks)
a) JPG
b) PNG
c) GIF
d) BMP

2
Q2: Classifying image file formats is crucial in graphic design and digital media. Two
fundamental categories include lossy and lossless compression. Lossy formats
sacrifice quality for smaller file sizes, while lossless maintains quality. Another
distinction is vector and raster formats. Vectors use mathematical equations for
scalability, while rasters/bitmaps employ grids of pixels.

a) Tick to classify below tabulated commonly used image file formats(5Marks)

File Format Vector Raster/Bitmap Lossy Lossless
GIF  
PNG  
TIFF  
JPEG  
SVG  

b) List and describe at least three (3) significant roles of compressing images
before they are used in various ways. (2.5Marks)
1. Reduced storage: Compressed images occupy less disk space
 (w/c is crucial for efficient storage and data management)
2. Faster loading: Compressed images load more quickly on websites
 (this improve user experience and reduce website bounce rates)
3. Bandwidth savings: this enhance faster data transfer
 (this reduce data cost)

4. Efficient transmission: when sharing compressed images through any

networks or email, compress accelerates transmission, saving time and
resources.

NB: All about this Q2, refer notes, read the following part of Graphic Design Basics
3.1.4. Image compression,
3.2. Description of common raster formats
3.3. Description of common vector formats

3
Q3: Graphic design is a great career for people who are creative thinkers and enjoy
art, technology, and communication and sometimes graphic designers can choose to
use a given design tool based on project requirements or tool capabilities.

a) List and explain 5 popular career paths for graphic designers? (5 marks)
1. Brand Identity Design: Brand identity designers are responsible for crafting
the visual identity of the companies they work for.
2. Marketing & Advertising Design: graphic designers design visual contents
whether appearing online or in print, marketing and advertising designs are key
elements of any company’s promotional strategy.
3. Packaging Design: Physical products need packaging. These types of graphic
designers need to have a strong grasp of branding as well as consumer
behavioral psychology to create packages that make customers want to make a
purchase.
4. Web & User Interface Design: Web and UI designers create designs for
websites and apps.
5. Graphic illustration: Graphic illustrators are usually tasked with creating
illustrations for commercial and editorial purposes, as well as illustrations that
live on web designs and social media.
6. Data Visualization & Infographic Design: Data visualization and infographic
designers need to have a solid understanding of how to represent data
accurately and in ways that make it easier to understand.
7. Etc
NB: Refer notes, read the following part of Graphic Design Basics - 2.1. Graphic design career

b) Briefly explain some capabilities of Adobe Illustrator that differentiate it

from Adobe Photoshop. (2.5 marks)
Photoshop: Photoshop is a graphic editor that is best used for image editing.

While

Illustrator: with Illustrator, you can create everything. From vector illustrations
and logos to graphics and fonts. While Illustrator shares many similar tools and
functions with Photoshop, it is centered on vector design, which means that you
can resize and rescale designs without losing image clarity.

NB: Refer notes, read the following part of Graphic Design Basics - 2.2.1. Software tools

4
Q4: A webpage is a type of Graphical User Interface and at the same time, it can be
a visual way for users to interact with web-based software typically using graphical
elements like buttons, menus, etc. Webpages, as part of websites, provide a visual
interface through which users can navigate, interact with content, and access
information or services using elements such as input controls, informational and
navigational components and containers. The web browser serves as the platform
for displaying this graphical user interface to users.

a) Classify by matching the following graphical elements. (5marks)

a) Date field
b) Text fields
c) Checkboxes
1) Input controls d) Pagination
2) Informational component e) Image Carousel
3) Navigational component f) Breadcrumb
4) Containers g) Modal windows
h) Tooltips
i) Notifications
j) Accordion
NB: Refer notes, read the following part of Graphic Design Basics - 2.3. Some elements of interface design

b) Web and UI designers create graphic designs for websites and apps. They
need to have a solid grasp of design principles, as well as an
understanding of user experience design and basic coding principles.
Briefly explain with clear examples. (2.5marks)

5
 Before or even in the process of creating an effective and aesthetically pleasing
designs, design principles play a fundamental role in guiding and helping
designers to make decisions and solve problems in a consistent and thoughtful
manner. This can involve
 making consistence design patterns
 understanding and considering the needs, preferences, and behaviours of
the end users
 etc
 Understanding of user experience in graphic design is essential for creating designs
that are not only visually appealing but also functional, usable, and aligned with the
needs and expectations of the target audience
 coding principles: While not all designers need to be expert coders, having a
basic understanding of HTML and CSS allows them to communicate effectively
with developers
NB: There is no specific answer to this question