Identify the canons of design clearly and confidently.
Analyze the canons of design thoughtfully to understand their purpose.
Apply the canons of design correctly in your own work to create balanced and effective designs.
Mastering these skills will help you create professional-quality designs that stand out in your trade.
Design elements form the foundation of all visual communication and creative expression across professional fields in Kenya. Whether developing promotional materials for a county government office, designing user interfaces for an ICT firm, or arranging product displays in a retail business, understanding these elements enhances clarity and impact. This chapter explores the fundamental components that make up design, equipping students with the skills to apply them effectively in diverse workplace settings.
1.1 Introduction to design elements of design
Design elements are the basic visual components that combine to create a composition or artwork. Mastery of these elements enables professionals to convey messages clearly, evoke emotions, and support organizational goals through visual means. In Kenya’s dynamic sectors like healthcare marketing at Kenyatta National Hospital or branding for a SACCO, a solid grasp of design elements ensures communication is both effective and culturally appropriate.
1.1.1 Line
Lines are the simplest and most versatile elements in design, serving as the building blocks for shapes, textures, and patterns. Their characteristics influence perception and guide the viewer’s eye within a composition, making them essential for structuring visual information.
Characteristics of Lines
Direction: Lines can be horizontal, vertical, diagonal, or curved. Horizontal lines often evoke stability and calmness, while vertical lines suggest strength and growth. For instance, a hotel brochure might use vertical lines to imply sophistication and elegance.
Thickness: Thin lines convey delicacy or subtlety, whereas thick lines suggest boldness and emphasis. A bank’s annual report may use thick lines to highlight key financial figures.
Length: Long lines create a sense of continuity or movement, while short lines can fragment space or add texture. A retail store’s signage might use short lines to create dynamic patterns that attract attention.
Texture: Lines can appear smooth, rough, jagged, or dashed, contributing to the overall feel of the design. A cooperative’s promotional flyer might use dashed lines to imply openness or approachability.
Quality: Lines vary in consistency and fluidity, influencing the mood; smooth, flowing lines feel gentle, while sharp, angular lines feel aggressive. A county government office’s infographic might use smooth lines for clarity and professionalism.
Functions of Lines in Design
Guiding the viewer’s eye: Lines lead attention from one element to another, structuring the reading flow. For example, a university’s prospectus uses lines to direct readers from headings to detailed content.
Creating shapes and forms: Lines define boundaries and construct shapes that form the basis of images or logos.
Conveying movement or emotion: Diagonal or curved lines can suggest energy or calmness, important in advertising for spas or wellness centers.
Separating or connecting elements: Lines act as dividers or connectors, organizing content in reports or presentations.
Establishing texture or pattern: Repeated lines generate patterns that add visual interest, such as textile designs for agricultural cooperatives.
Types of Lines
Straight lines: Imply order and structure, commonly used in formal documents like KRA tax forms.
Curved lines: Suggest fluidity and softness, suitable for hospitality branding.
Zigzag lines: Indicate excitement or tension, useful in promotional materials to grab attention.
Dashed or dotted lines: Often denote boundaries or pathways, such as in maps for county government planning.
Implied lines: Created by a sequence of points or shapes that guide the eye without a continuous marking, effective in digital interfaces for ICT firms.
1.1.2 Colour
Colour is a powerful element that influences mood, conveys meaning, and enhances recognition. In Kenyan workplaces, appropriate use of colour supports brand identity and communicates messages effectively across diverse audiences.
Colour Properties
Hue: The name of the colour, such as red, blue, or green. For instance, green in agricultural cooperative materials symbolizes growth and sustainability.
Value: The lightness or darkness of a colour impacts readability and mood; light blue in hospital signage can create a calming environment.
Saturation: Intensity or purity of a colour; highly saturated colours attract attention, useful in retail advertising.
Temperature: Warm colours (reds, oranges) evoke energy and warmth, while cool colours (blues, greens) suggest calm and professionalism, essential in corporate branding for banks.
Contrast: The difference between colours affects visibility and emphasis; high contrast is critical for accessibility in public service posters.
Psychological and Cultural Significance of Colour
Red: Represents urgency or passion; used in health campaigns at county referral hospitals.
Blue: Conveys trust and stability; favored by financial institutions like Equity Bank.
Green: Symbolizes nature and growth; prominent in agricultural cooperatives’ logos.
Yellow: Evokes optimism and energy; applied in educational materials to stimulate attention.
Black and White: Denote simplicity and authority; common in formal documents at county government offices.
Colour Harmonies and Combinations
Complementary colours: Opposite on the colour wheel, creating strong contrast and vibrancy, useful in marketing banners for retail businesses.
Analogous colours: Adjacent on the wheel, providing harmony and subtlety, ideal for wellness center branding.
Triadic colours: Three colours evenly spaced, offering balance and diversity, effective in university event posters.
Monochromatic schemes: Variations of one hue, fostering cohesion in corporate stationery.
Split-complementary: A base colour plus two adjacent to its complement, balancing contrast and harmony for NGO campaigns.
1.1.3 Space
Space in design refers to the area around and between elements, crucial for clarity and visual comfort. Effective use of space prevents clutter and guides viewer focus in diverse professional materials.
Positive and Negative Space
Positive space: Occupied by design elements such as text, images, or shapes. For example, in a SACCO’s newsletter, well-defined positive space highlights important announcements.
Negative space (white space): The empty or unused areas that provide breathing room, improving readability in hospital patient information leaflets.
Balance between spaces: Proper balance enhances visual appeal and comprehension, essential in county government infographics.
Creating focal points: Negative space can isolate key elements to draw attention, used in retail product packaging.
Depth and perspective: Space manipulation suggests three-dimensionality, enriching brochures for tourism hotels.
Types of Space
Flat space: Two-dimensional, with no depth; common in printed materials like business cards.
Illusory space: Created through techniques like shading and perspective to simulate depth, used in digital advertising for ICT companies.
Active space: Filled with dynamic elements that engage the viewer, typical in event posters.
Passive space: Calm and restful areas that balance the active parts, found in formal reports at universities.
Open space: Gives a sense of freedom and simplicity, used in minimalist web design for cooperatives.
1.1.4 Shape
Shapes are closed lines forming recognizable figures. They provide structure and symbolism in design, impacting how information is perceived and interpreted.
Types of Shapes
Geometric shapes: Precise and regular forms like squares, circles, and triangles; common in logos for banks such as KCB.
Organic shapes: Irregular and natural, resembling forms found in nature; used in agricultural product branding.
Abstract shapes: Simplified or stylized representations conveying concepts, typical in modern art galleries’ promotional materials.
Positive shapes: The main objects or subjects in a design, such as a hotel logo.
Negative shapes: The spaces around and between positive shapes, contributing to the overall composition.
Symbolism and Meaning of Shapes
Circle: Represents unity and wholeness; used in cooperative society logos.
Square/Rectangle: Suggests stability and reliability, favored by county government seals.
Triangle: Denotes direction and change, applied in innovative ICT firm branding.
Irregular shapes: Evoke creativity and uniqueness, suited for artisanal product packaging.
Symmetrical shapes: Convey balance and order, important in formal institutional documents.
1.1.5 Texture
Texture refers to the surface quality of a design element, either tactile (physical) or visual (implied). It adds richness and depth, influencing how materials or concepts are perceived.
Types of Texture
Tactile texture: Actual surface feel, such as embossed business cards for a county government office.
Visual texture: An illusion of texture created through patterns or shading, used in hotel brochures to suggest luxury.
Rough texture: Conveys ruggedness or earthiness, suitable for agricultural product labels.
Smooth texture: Suggests professionalism and cleanliness, applied in healthcare facility branding.
Patterned texture: Repeated motifs that add interest, common in traditional Kenyan textile designs used in cooperative marketing.
Functions of Texture in Design
Enhancing realism: Visual texture can simulate material properties, improving product advertisements.
Creating contrast: Texture contrasts can highlight important elements in reports or posters.
Adding depth: Texture builds layers that make two-dimensional designs appear more engaging.
Evoking emotions: Rough textures may invoke ruggedness, while smooth textures suggest calmness.
Improving usability: Tactile textures on packaging help users identify products by touch, important in retail.
1.1.6 Scale/size
Scale and size determine the dimensions of elements within a design, affecting hierarchy, emphasis, and readability. Correct use of scale ensures that key information stands out appropriately.
Difference Between Scale and Size
Size: The absolute dimensions of an element, such as a logo’s height and width on a poster.
Scale: The relative size of one element compared to others, influencing perceived importance.
Proportion: The relationship between elements’ sizes, contributing to harmony.
Hierarchy: Larger elements draw attention first, guiding the viewer through content.
Contextual relevance: Scale must suit the medium, e.g., large text for outdoor billboards versus smaller for leaflets.
Effects of Scale in Design
Emphasis: Enlarging a headline in a hospital newsletter highlights critical messages.
Balance: Proper scale distribution prevents visual clutter in county government reports.
Movement: Scale changes can imply motion or progression in digital ads.
Unity: Consistent scale relationships unify design elements in educational materials.
Readability: Adequate size ensures text is legible, particularly important for public health posters.
1.1.7 Value
Value refers to the lightness or darkness of a colour or tone, playing a crucial role in creating contrast, depth, and mood within designs.
Role of Value in Visual Hierarchy
Contrast creation: Differing values separate elements for clear readability, used in SACCO financial statements.
Depth perception: Value gradients simulate three-dimensionality in brochures.
Mood setting: Dark values evoke seriousness while light values suggest openness, as seen in university promotional materials.
Focus direction: High-value contrast attracts attention to key areas.
Texture enhancement: Value variations highlight surface qualities in product packaging.
Techniques Using Value
Shading: Gradual changes in value create volume in illustrations.
Highlighting: Light areas emphasize important details.
Shadowing: Dark areas add realism and depth.
Tonal contrast: Balancing light and dark tones improves overall composition.
Value patterns: Repetition of values creates rhythm and movement.
1.1.8 Form
Form is the three-dimensional aspect of shapes, giving designs a sense of volume and solidity. It extends shape with depth, making visuals more lifelike and engaging.
Characteristics of Form
Three-dimensionality: Form has height, width, and depth, unlike flat shapes.
Realistic representation: Forms mimic real objects, useful in product design.
Illusion of form: Created through shading and perspective in two-dimensional media.
Geometric forms: Cubes, spheres, cylinders used in architectural presentations.
Organic forms: Natural, irregular forms applied in environmental campaign materials.
Importance of Form in Design
Enhances realism: Forms make images appear tangible, improving engagement.
Adds visual interest: Three-dimensional forms are more dynamic than flat shapes.
Supports branding: Unique forms in logos enhance memorability.
Improves user experience: In product packaging, form influences handling and appeal.
1.1.9 Application of elements to graphic design
Graphic design integrates all elements to create effective visual communication tailored to specific professional contexts. Combining lines, colour, space, shape, texture-scale, value, and form supports clear messaging and aesthetic appeal.
Integration of Elements
Designers at a county referral hospital’s communication unit use colour and shape to create clear signage that guides patients effectively.
A SACCO’s marketing team applies scale and value to highlight interest rates and benefits in brochures, ensuring key information is prominent.
Texture and form are manipulated in hotel branding to evoke luxury and comfort, using visual texture on digital platforms.
Space and line guide the layout of financial reports, maintaining clarity and professionalism.
Colour harmony and contrast are critical in educational institution websites to maintain readability and engagement.
Enhancing Communication Through Design Elements
Combining contrasting colours and values improves accessibility for visually impaired users in public service posters.
Using shapes symbolically reinforces brand identity, such as circles for unity in cooperative logos.
Applying texture visually adds depth to digital advertisements, increasing viewer interest.
Strategic use of space prevents information overload in county government presentations.
Proper scale and form ensure product packaging is both attractive and functional, as seen in agricultural product branding.
Practice Questions
Explain how the characteristics of lines can influence the mood and structure of a design. Provide examples from at least two Kenyan professional sectors. (10 marks)
Discuss the psychological and cultural significance of colour in design, illustrating your points with examples from Kenyan organizations. (10 marks)
Describe the difference between positive and negative space and explain their roles in creating effective visual communication. (10 marks)
Identify and explain the different types of shapes used in design and their symbolic meanings, citing relevant Kenyan industry examples. (10 marks)
How does the use of texture enhance both the aesthetic and functional qualities of a design? Support your answer with examples. (10 marks)
Chapter Summary
This chapter explored the fundamental elements of design, beginning with the concept of line, which serves as the basic building block for creating shapes and guiding the viewer’s eye. Colour was examined next, highlighting its role in evoking emotions and establishing visual hierarchy. The use of space was discussed in terms of arranging design components to create balance and clarity. Shape was presented as a two-dimensional figure that defines objects within a design, while texture added depth and tactile sensation to visuals. Scale or size was explained as a tool for emphasizing elements and creating proportion within compositions. Value, referring to the lightness or darkness of a colour, was shown to influence mood and contrast. Finally, form extended shape into three dimensions, contributing to the perception of volume and solidity. The chapter concluded by demonstrating how these elements integrate effectively within graphic design to produce aesthetically pleasing and functional outcomes.
Define the element of line in design and explain its role in creating visual direction. (3 marks)
Which colour scheme uses colours opposite each other on the colour wheel?
a) Analogous
b) Complementary
c) Monochromatic
d) Triadic (2 marks)
Explain how the element of space can be manipulated to improve readability in a hospital’s patient information brochure. (3 marks)
Identify three different shapes commonly used in logo design and describe the impression each shape conveys. (6 marks)
Differentiate between texture and form in design, providing an example of each from a retail store display. (4 marks)
What is the significance of scale/size in a business presentation slide design? Give two reasons. (4 marks)
Describe how value affects mood in a poster created for a county government public health campaign. (3 marks)
List and briefly explain the three-dimensional aspect of form and how it differs from shape. (3 marks)
How can the elements of design be applied effectively in graphic design for an educational institution’s website? Provide two examples. (4 marks)
True or False: The use of bright colours always guarantees positive emotional responses from the audience. Justify your answer. (3 marks)
Show Answers
Line is a continuous mark made on a surface that guides the viewer’s eye and creates movement or division within a design. It directs attention and organizes content effectively.
b) Complementary. Complementary colours are opposite each other on the colour wheel and create contrast when used together.
By using ample white space around text and images, the brochure avoids clutter, making information easier to read and understand, which enhances patient comprehension.
Circles suggest unity and harmony; triangles convey stability and direction; squares imply reliability and order. Each shape influences brand perception differently.
Texture refers to the surface quality that can be seen or felt, such as a rough fabric on a retail display; form refers to the three-dimensional aspect, like a sculpture or a product prototype.
Scale emphasizes important points by making them larger, grabs audience attention, and helps establish hierarchy in information presentation.
Dark values create a serious or somber mood, while lighter values suggest openness and positivity, influencing the emotional impact of the campaign.
Form includes height, width, and depth, making it three-dimensional, whereas shape is flat and two-dimensional. Form adds volume and realism to design objects.
Using consistent colour schemes (colour) and balanced layout with adequate spacing (space) improves user experience and visual appeal on the website.
False. Bright colours can evoke different emotions depending on cultural context and design purpose; for example, red may signal danger or urgency rather than positivity.
B. Oral Assessment
Discuss how the elements of design can be integrated to enhance the effectiveness of a public health awareness poster used in county referral hospitals.
Explain the role of value and texture in creating visual interest in a hotel’s promotional brochure and how this influences customer perception.
Answer Guide
Question 1 key points:
Use of line to guide the viewer’s eye through important information such as symptoms and prevention tips.
Colour choices to evoke urgency and trust, for example, using red for warnings and blue for calmness.
Adequate space to avoid overcrowding text and images, ensuring clarity.
Shapes to organize sections and symbolize health-related concepts (e.g., circles for community).
Scale to highlight critical messages like emergency contact numbers.
Question 2 key points:
Value contrasts (light and dark areas) create depth and mood, making the brochure visually appealing.
Texture in images or background patterns adds tactile interest, suggesting quality and comfort.
These elements combined influence customer perception by conveying professionalism and luxury, encouraging bookings.
C. Case Study
The Nairobi County Government is preparing a graphic design campaign to promote waste management and environmental conservation.
Tasks:
a) Identify and describe how three elements of design can be used to attract the attention of residents in the campaign posters. (6 marks)
b) Explain how principles of design can be applied to ensure the campaign materials are clear and persuasive. (6 marks)
c) Propose two ways the campaign can use colour and space effectively to communicate urgency and encourage participation. (4 marks)
Suggested Approach
a) Use of bold lines to direct attention to key messages; colour contrast between green (nature) and brown (waste) to symbolize environment and pollution; space to separate text and images for readability.
b) Apply balance to distribute visual elements evenly; use hierarchy to prioritize information such as deadlines or contact details; repetition to reinforce slogans and logos for brand recognition.
c) Employ warm colours like red or orange sparingly to signal urgency; use white space around calls to action to make them stand out and easy to locate.
Chapter Examination Questions
🔒 PDFDownload these examination questions, with worked answers
SECTION A (40 Marks) - Answer ALL Questions
Explain how the element of line can influence the perception of a corporate logo at a Nairobi-based SACCO. (4 marks)
Describe the role of colour in enhancing user experience on a county government website. (4 marks)
Discuss the importance of space in the layout of a hospital patient information leaflet. (4 marks)
Identify different types of shapes used in retail business advertising and their psychological effects. (4 marks)
Explain how texture can be applied in hotel interior design to create a welcoming atmosphere. (4 marks)
Compare the use of scale/size in promotional materials for a university open day versus a local cooperative’s product packaging. (4 marks)
Define value in design and explain its effect on readability in financial reports produced by a bank. (4 marks)
Describe how form differs from shape and provide an example from agricultural product branding. (4 marks)
Explain the application of design elements in graphic design for a county referral hospital’s health awareness campaign. (4 marks)
Discuss the significance of combining multiple design elements effectively in a hotel’s marketing brochure. (4 marks)
Section A - Answers
Line directs the viewer’s eye and can convey movement or stability; for example, a SACCO’s logo with smooth, flowing lines may suggest trust and reliability.
Colour enhances usability by guiding attention and evoking emotions; a county website using blue can promote calmness and professionalism.
Space prevents clutter, improving readability and comprehension of patient information, which is critical in hospital settings.
Geometric shapes like circles suggest unity and community, while sharp angular shapes imply dynamism; retail ads use these to affect consumer feelings.
Texture adds tactile interest and warmth; in hotels, soft textures in upholstery can create comfort and luxury.
Larger scale in university open day posters grabs attention from afar, whereas smaller scale on cooperative packaging ensures practical handling and shelf appeal.
Value refers to lightness or darkness; high contrast in bank reports improves legibility and highlights key figures.
Form is three-dimensional; for example, an agricultural product’s packaging may use a 3D form to suggest volume and quality.
Elements like colour, line, and space are combined in hospital campaigns to create clear, impactful messages that guide patient behavior.
Effective combination creates harmony and professionalism, capturing customer interest and reinforcing brand identity in hotel brochures.
SECTION B (60 Marks) - Answer any TWO Questions
Question 11 (Compulsory - 20 marks)
The county government of Kisumu is launching a public health campaign to reduce waterborne diseases. They plan to distribute printed posters and digital graphics to various public facilities.
a) Explain how the elements of design should be applied to ensure clear communication and maximum impact in both print and digital media. (10 marks)
b) Discuss the challenges of maintaining design consistency across different media formats and how these can be addressed in this campaign. (10 marks)
Question 12 (20 marks)
A retail business in Mombasa wants to rebrand its packaging to appeal to younger customers. Analyze how the principles of design can guide the redesign process to create an attractive and functional package.
Question 13 (20 marks)
Evaluate the use of colour and texture in the interior design of a boutique hotel in Nairobi, explaining how these elements influence customer experience and brand identity.
Question 14 (20 marks)
A university in Eldoret is redesigning its website to improve navigation and accessibility. Discuss how the elements of space-scale, and value should be integrated to enhance user interface and ensure inclusivity.
Section B - Answers
Question 11
a) The design elements must prioritize clarity: lines should guide the eye through information logically; colour must be used to highlight critical messages and evoke urgency; adequate space prevents overcrowding; shapes and forms should be simple and recognizable to accommodate diverse audiences. Using consistent value contrast ensures readability in both print and digital formats.
b) Challenges include variations in colour display on screens versus print, different resolutions affecting image sharpness, and size limitations. Solutions involve using standardized colour profiles (e.g., CMYK for print, RGB for digital), testing designs on multiple devices, and creating adaptable layouts that maintain key elements’ visibility across formats.
Question 12
Principles such as balance can ensure visual stability; contrast can highlight important information; emphasis focuses attention on brand logos or product features; rhythm creates visual flow guiding the consumer’s eye; unity ensures all elements work harmoniously. Applying these principles helps create packaging that is both eye-catching and functional, appealing to younger demographics who value aesthetics and usability.
Question 13
Colour influences mood: warm colours like reds and oranges can stimulate energy and social interaction, while cool colours promote relaxation. Texture adds depth and comfort; rough textures may evoke rustic charm, smooth textures suggest modernity. Together, these elements shape customer perception, reinforcing the boutique hotel’s unique brand identity and enhancing guest satisfaction.
Question 14
Space must be used to separate sections clearly, avoiding clutter and improving comprehension; scale should ensure clickable elements are large enough for users with motor impairments; value contrast enhances text readability for visually impaired users. Integrating these elements creates an accessible, user-friendly website that supports diverse student needs.
References
TVET CDACC - Design Elements And Principles Curriculum (Cycle 3, 2025)
TVET CDACC - Design Elements And Principles Occupational Standards
Chapter Practical Activities
Practical 1: Create a balanced line composition using various line types
Wears appropriate PPE before starting (Award 1 mark for wearing PPE or zero)
1
Selects correct drawing tools as per task requirements (Award 2 marks for selecting all required tools or zero)
2
Sets up drawing area with A4 paper correctly positioned (Award 1 mark for correct setup or zero)
1
Sub-Total
4
TASK 2: Execution of line composition
Draws at least five different line types (e.g., straight, curved, zigzag, dashed, thick, thin) (Award 1 mark for each line type correctly drawn or zero)
5
Uses ruler and drawing tools to maintain line accuracy (Award 3 marks for consistent accuracy or zero)
3
Applies balance in composition layout (symmetrical or asymmetrical) (Award 3 marks for evident balance or zero)
3
Incorporates line variation to create visual interest (Award 2 marks for effective variation or zero)
2
Keeps the drawing clean using eraser and tissue (Award 1 mark for neatness or zero)
1
Sub-Total
14
PRODUCT CHECKLIST
Composition fits within A4 size (210mm x 297mm) with neat edges (Award 3 marks if dimensions and neatness are correct or zero)
3
At least five distinct line types are clearly visible and identifiable (Award 4 marks if all line types are distinct or zero)
4
Composition demonstrates balance through placement and line weight (Award 5 marks for balanced composition or zero)
5
Sub-Total
12
GRAND TOTAL
30
ASSESSMENT OUTCOME: ☐ Competent ☐ Not Yet Competent (competent if at least 50%)
Practical 2: Colour blending and harmony demonstration
1. You are required to perform the following task:
i. Mix primary colours to create secondary and tertiary colours and apply them on a 210mm x 297mm A4 paper to demonstrate colour harmony as per the provided working drawing.
2. You have been provided with the following resources for the practical task:
Selected appropriate tools and materials as per task requirements (Award 2 marks or 0)
2
Mixed primary colours accurately to produce secondary colours (orange, green, purple) (Award 1 mark for each correct secondary colour or 0)
5
Mixed secondary colours with primary colours to produce tertiary colours accurately (Award 1 mark for each correct tertiary colour or 0)
5
Applied the mixed colours neatly on A4 paper according to the working drawing layout (Award 3 marks or 0)
3
Demonstrated use of colour harmony principles (analogous, complementary, triadic) in the application (Award 1 mark for each principle demonstrated or 0)
5
Sub-Total
20
PRODUCT CHECKLIST
Finished colour blending chart matches the 210mm x 297mm A4 paper size and layout (Award 5 marks or 0)
5
Secondary and tertiary colours are distinguishable and correctly blended (Award 2 marks for each correct colour or 0)
10
Colour harmony demonstration is clear and visually balanced (Award 5 marks or 0)
5
Sub-Total
20
GRAND TOTAL
40
ASSESSMENT OUTCOME: ☐ Competent ☐ Not Yet Competent (competent if at least 50%)
🔒
Free: practical guides, quick cards, workplace scenarios and more.
