How This Works
One concept each week, one visual proof for the portfolio.
Each week, students watch the embedded video, study the core concept, analyze the visual example, and apply the idea in either a weekly photography assignment or an original design. By the end of second semester, every student should have a portfolio collection that visibly demonstrates the language of graphic design.
Weekly Navigation
Studio Wall Concept Map
Week 01
What Is Graphic Design?
Graphic design is visual problem solving: arranging words, images, color, and space so a message can be understood by a specific audience.
Concept
Design is different from decoration because it must communicate. A strong design has a goal, a viewer, and a reason for every visual choice.
Apply It
In Photoshop, build a poster that solves one communication problem. In vector design, create a simple icon system for an event. In layout, organize information so the main idea is found first. In photography, shoot with a clear purpose and audience in mind.
Portfolio Assignment
Create a one-page visual message for a real audience. Submit the final image plus a short note explaining the purpose, audience, and three design choices.
Week 02
Line
Line directs the eye, divides space, creates movement, outlines forms, and gives a composition structure.
Concept
Lines can be straight, curved, thick, thin, visible, or implied. They can feel calm, energetic, precise, handmade, formal, or chaotic.
Apply It
Use Photoshop paths or brush strokes to guide attention. In vector work, vary stroke weight and direction. In layout, use rules and implied lines to organize sections. In photography, use roads, shadows, edges, or architecture as leading lines.
Portfolio Assignment
Create a composition where line is the main visual strategy. The viewer's eye should travel through the image in an intentional path.
Week 03
Colour
Colour creates mood, contrast, emphasis, identity, and meaning before the viewer reads a single word.
Concept
Colour choices affect emotion and readability. Designers consider hue, value, saturation, harmony, contrast, and cultural association.
Apply It
Use Photoshop adjustment layers and selective color to control mood. In vector design, build a limited palette with swatches. In layout, reserve accent colors for emphasis. In photography, plan or edit for warm, cool, complementary, or monochrome color stories.
Portfolio Assignment
Create a design or photograph using a deliberate color scheme. Label the scheme and explain how it changes the message or mood.
Week 04
Shape
Shape is a flat enclosed area that can become a symbol, pattern, frame, icon, or building block for a larger design.
Concept
Geometric shapes often feel stable and designed; organic shapes can feel natural, human, or playful. Shapes also create positive and negative space.
Apply It
In Photoshop, use shape layers as masks or frames. In vector work, combine simple shapes into icons. In layout, use shapes to group information. In photography, look for silhouettes and repeated forms.
Portfolio Assignment
Create an image or design built from three dominant shapes. Show how those shapes communicate an idea or organize the composition.
Week 05
Texture
Texture suggests surface quality and can make a digital design feel tactile, handmade, polished, rough, or photographic.
Concept
Texture can be physical, photographed, scanned, drawn, or implied through marks. It adds depth, contrast, and personality when used with control.
Apply It
Use Photoshop blend modes, overlays, and masks for texture. In vector work, add grain or patterned fills. In layout, use texture sparingly to support tone. In photography, capture close surface details and side lighting.
Portfolio Assignment
Create a design or photograph where texture changes the viewer's emotional response. Include one version with texture and one simplified comparison.
Week 06
Space
Space is the area around, between, and within design elements. It gives the viewer room to understand what matters.
Concept
Whitespace is active, not empty. It can create elegance, emphasis, calm, separation, and hierarchy.
Apply It
In Photoshop, leave breathing room around the subject. In vector design, use negative space to create clever marks. In layout, increase margins and spacing to improve readability. In photography, compose with open sky, walls, or shadow areas.
Portfolio Assignment
Create a composition where empty space does important work. The design should lose clarity or impact if the space is filled.
Week 07
Form
Form adds the feeling of three-dimensional volume through light, shadow, perspective, and structure.
Concept
Form makes objects feel solid and dimensional. Designers use form when a flat shape needs weight, realism, or spatial presence.
Apply It
Use Photoshop lighting, gradients, and shadows carefully. In vector design, use simple highlights and shade. In layout, mock up work on packaging or screens. In photography, use directional light to reveal volume.
Portfolio Assignment
Create a piece that transforms a flat idea into a dimensional one. Focus on believable light direction and shadow behavior.
Week 08
Typography
Typography gives language a visual voice through type choice, size, spacing, weight, alignment, and hierarchy.
Concept
Type can feel formal, friendly, modern, historic, loud, quiet, elegant, or technical. Good typography supports meaning and readability.
Apply It
Use Photoshop type layers with careful tracking and leading. In vector work, convert type to outlines only when final. In layout, build paragraph and heading styles. In photography, pair images with type that matches the story.
Portfolio Assignment
Create a typography-driven design using one phrase. The type treatment should communicate the meaning before the viewer reads every word.
Week 09
Contrast
Contrast creates difference so the viewer can see emphasis, separation, and visual energy.
Concept
Contrast can come from size, color, value, weight, texture, direction, shape, or type style. Without contrast, everything competes equally.
Apply It
Use Photoshop levels and curves for value contrast. In vector design, pair thick and thin, large and small, bright and muted. In layout, contrast headings from body text. In photography, use light against dark or sharp against soft.
Portfolio Assignment
Create a piece that uses at least two kinds of contrast. Identify which contrast makes the focal point strongest.
Week 10
Hierarchy
Hierarchy controls the order in which viewers notice and understand information.
Concept
Hierarchy tells the viewer what matters most, what supports it, and what can wait. It is created through scale, placement, contrast, spacing, and repetition.
Apply It
In Photoshop, make the focal point unmistakable. In vector work, create icon or poster systems with clear levels. In layout, build headline, subhead, body, and caption styles. In photography, compose so the subject reads first.
Portfolio Assignment
Design an event announcement or visual story with three clear levels of importance. Test it by asking a classmate what they noticed first, second, and third.
Week 11
Alignment
Alignment connects elements visually so a design feels organized, intentional, and easier to scan.
Concept
Alignment creates invisible relationships. Even elements far apart can feel connected when they share an edge, centerline, baseline, or grid.
Apply It
Use Photoshop guides and smart guides. In vector work, use align tools and artboards. In layout, work with columns, margins, and baselines. In photography, align subjects with architectural edges or horizon lines.
Portfolio Assignment
Create a layout or photograph where alignment is obvious and purposeful. Include a second copy with guide lines drawn over the image.
Week 12
Balance
Balance distributes visual weight so a composition feels stable, dynamic, symmetrical, or intentionally tense.
Concept
Visual weight comes from size, color, darkness, detail, texture, and placement. Balance can be symmetrical, asymmetrical, or radial.
Apply It
In Photoshop, balance subjects with negative space or supporting elements. In vector work, test weight across the artboard. In layout, balance image blocks with text. In photography, use foreground and background elements deliberately.
Portfolio Assignment
Create one symmetrical and one asymmetrical version of the same idea. Choose the stronger version for your portfolio and explain why.
Week 13
Proximity
Proximity groups related information and separates unrelated information.
Concept
Viewers assume things near each other belong together. Proximity is one of the fastest ways to make a design easier to understand.
Apply It
Use Photoshop groups and spacing to separate ideas. In vector work, cluster related icons or labels. In layout, keep captions near images and related details together. In photography, control subject spacing to suggest relationships.
Portfolio Assignment
Redesign a cluttered set of information using proximity. Show a before-and-after or create a clean original composition with obvious grouping.
Week 14
Repetition
Repetition creates unity, rhythm, pattern, consistency, and brand recognition.
Concept
Repeating color, shapes, type styles, spacing, or image treatment helps a design feel like a system rather than a collection of random parts.
Apply It
In Photoshop, repeat shapes or effects with consistency. In vector work, build patterns or icon families. In layout, repeat headers, margins, and styles. In photography, capture repeated objects, gestures, colors, or shadows.
Portfolio Assignment
Create a visual system with at least five repeated elements. Introduce one intentional variation to create emphasis.
Week 15
Simplicity
Simplicity removes distractions so the strongest idea can be understood quickly.
Concept
Simplicity does not mean boring. It means every element has a job. Strong simple design often requires careful editing.
Apply It
In Photoshop, remove unnecessary layers, effects, and background distractions. In vector work, simplify icons until they remain recognizable. In layout, reduce text and increase clarity. In photography, isolate the subject.
Portfolio Assignment
Create a minimal version of a previous project. Remove at least 30 percent of the elements while making the message clearer.
Week 16
Function
Function asks whether the design works for its purpose, audience, format, and context.
Concept
A beautiful design can fail if it does not work. Function includes readability, usability, audience fit, production constraints, accessibility, and the intended response.
Apply It
In Photoshop, design for the final size and platform. In vector work, test whether marks scale and reproduce. In layout, check reading order and navigation. In photography, choose images that support the actual message, not just the prettiest shot.
Portfolio Assignment
Create a functional design for a real use: poster, social post, label, flyer, web banner, photo story, or publication page. Include a short usability reflection.
Semester Portfolio Assignment
Design Theory Visual Collection
Each week, submit one visual artifact that proves you can apply the concept. You may use your weekly photography assignment or create an original design in Photoshop, Illustrator/vector software, InDesign layout, or multimedia tools.
Required for Each Concept
- Final visual image or layout
- Concept name and week number
- Two to four sentence artist statement
- One process screenshot or sketch
End-of-Semester Portfolio
- 16 concept pieces in a consistent presentation format
- At least four photography-based pieces
- At least four original design/layout/vector pieces
- A reflection on the three concepts that most improved your work