π Graphic Design Β· subject
Graphic Design Digital and Career Skills Syllabus
The Digital and Career Skills syllabus for Graphic Design in full: 5 chapters and 16 topics, every one listed below, plus 50 Digital and Career Skills flashcards with answers.
Digital and Career Skills syllabus: all 5 chapters
Expand any chapter to see its topics and sub-topics.
-
Design for Digital Media
3 topics- Social Media Graphics
- Web and UI Design Basics
- Motion Graphics Introduction
-
Image Sourcing and Rights
3 topics- Stock Photography and Licensing
- Copyright and Fair Use
- Creative Commons
-
Portfolio Development
3 topics- Selecting and Curating Work
- Case Studies and Presentation
- Online Portfolio Platforms
-
Working as a Designer
4 topics- Client Communication and Briefs
- Freelancing and Pricing
- Design Critique and Feedback
- Collaboration and File Handoff
-
Design History and Movements
3 topics- Bauhaus and Modernism
- Swiss International Style
- Postmodern and Contemporary Design
Graphic Design Digital and Career Skills flashcards β 50 questions with answers
What are the standard pixel dimensions and aspect ratio for a square Instagram feed post?
$1080 \times 1080$ pixels, with a $1:1$ aspect ratio.
What are the standard dimensions and aspect ratio for vertical story-format graphics (Instagram Stories, Reels, TikTok), and what is a 'safe zone'?
$1080 \times 1920$ pixels at a $9:16$ aspect ratio. The safe zone is the central area kept free of critical text and logos so platform UI elements (profile icons, captions, buttons) near the edges do not cover them.
Which color mode and resolution unit should be used for social media and other screen graphics, and why not CMYK?
RGB color mode, measured in pixels, because screens emit red, green and blue light. CMYK is a subtractive ink model for print; designing social graphics in CMYK causes color shifts and a narrower gamut on screen.
What is the difference between UI design and UX design?
UI (user interface) design concerns the visual and interactive surface β layout, typography, color, buttons, icons. UX (user experience) design concerns the overall experience β user research, information architecture, flows, and usability. UI is one part of the broader UX process.
What is responsive web design?
An approach where a layout automatically adapts to different screen sizes and devices using flexible grids, flexible images, and CSS media queries, so one site works on mobile, tablet, and desktop.
Distinguish a wireframe, a mockup, and a prototype in the UI design process.
Wireframe: low-fidelity structural sketch showing layout and content placement without visual styling. Mockup: high-fidelity static design with real colors, type, and imagery. Prototype: an interactive, clickable simulation of the product used to test flows before development.
What minimum color-contrast ratios does WCAG AA require for text on a background?
At least $4.5:1$ for normal-size text and at least $3:1$ for large text (roughly 18 pt regular or 14 pt bold and above).
What are motion graphics, and how do they differ from character animation?
Motion graphics are animated graphic design β moving typography, shapes, logos, and illustrations used to communicate ideas (e.g., title sequences, explainer videos, animated logos). Unlike character animation, they focus on graphic elements and information rather than storytelling through characters.
In motion graphics software, what is a keyframe?
A marker that records a property's value (position, scale, rotation, opacity) at a specific point in time. The software interpolates the values between two keyframes ('tweening') to create movement.
Name the common video frame rates and explain what easing does in animation.
Common frame rates: $24$ fps (film look), $30$ fps (standard video/broadcast), $60$ fps (smooth motion, screen recordings, games). Easing (ease-in/ease-out) varies the speed of a movement β accelerating and decelerating instead of moving linearly β so motion feels natural.
What is a storyboard and why is it made before producing a motion graphics piece?
A sequence of drawn frames showing key moments, composition, motion, and timing of a video. It lets the designer and client plan and approve the narrative and visuals cheaply before time-consuming animation begins.
Compare royalty-free and rights-managed stock image licenses.
Royalty-free: pay once, then use the image many times, in many projects, without paying per use (but non-exclusive, with some limits like resale or print-run caps). Rights-managed: license priced and restricted per specific use (medium, duration, region, print run), often with possible exclusivity.
What is a model release, and when is one needed?
A signed document in which a recognizable person in a photo grants permission for their likeness to be used commercially. It is required for commercial/advertising use of images of identifiable people (a property release serves the same role for private property).
What does an 'editorial use only' restriction on a stock photo mean?
The image may only be used to illustrate newsworthy or informative content (news, blogs, commentary) β not in advertising, marketing, or other commercial promotion β usually because it lacks model/property releases or shows trademarks.
When does copyright protection begin for a design or artwork?
Automatically, the moment an original work is fixed in a tangible medium (saved, drawn, photographed). No registration or Β© notice is required, although registration strengthens enforcement (e.g., enabling statutory damages in the US).
List the four factors courts weigh when deciding whether a use of a copyrighted work is fair use.
1) Purpose and character of the use (commercial vs. educational; transformative or not); 2) Nature of the copyrighted work; 3) Amount and substantiality of the portion used; 4) Effect of the use on the market or value of the original.
How long does copyright last in the United States for individual works and for works made for hire?
Individual authors: life of the author plus $70$ years. Works made for hire (and anonymous/pseudonymous works): $95$ years from publication or $120$ years from creation, whichever is shorter.
What is a 'work made for hire,' and who owns the copyright in one?
A work created by an employee within the scope of employment, or certain specially commissioned works under a signed written agreement. The employer or commissioning client β not the designer β is legally the author and copyright owner.
Name the four Creative Commons license elements and what each requires or forbids.
BY (Attribution): credit the creator. SA (ShareAlike): derivatives must carry the same license. NC (NonCommercial): no commercial use. ND (NoDerivatives): the work may be shared but not modified or adapted.
What does a CC0 designation mean for a creative work?
The creator waives all copyright and dedicates the work to the public domain: anyone may copy, modify, and use it for any purpose, including commercially, without permission or attribution.
Show the other 30 Digital and Career Skills flashcards
Which Creative Commons license is the most permissive (besides CC0) and which is the most restrictive?
Most permissive: CC BY β any use, including commercial and derivatives, as long as the creator is credited. Most restrictive: CC BY-NC-ND β sharing only, with attribution, no commercial use, and no modifications.
Roughly how many projects should a graphic design portfolio contain, and what principle governs selection?
About $10$β$15$ strong projects. Quality over quantity: one weak piece lowers the perceived level of the whole portfolio, so include only work you would be happy to be hired to repeat.
How should you curate portfolio work when targeting a specific niche or employer?
Select and order pieces that match the kind of work you want to be hired for β show branding work to branding studios, UI work to product teams. Tailor the portfolio to the audience's needs rather than showing everything you have ever made.
Where in a portfolio should your strongest pieces be placed, and why?
First and last. Viewers skim, so the opening piece must hook them immediately, and the closing piece shapes the final impression (primacy and recency effects).
What is the standard narrative structure of a design case study?
1) Brief/problem: client, goals, constraints; 2) Process: research, sketches, iterations, decisions; 3) Solution: the final design and rationale; 4) Results: outcomes, metrics, or client impact.
Why should a case study show process work (sketches, iterations) rather than only final images?
Process demonstrates how you think β problem-solving, research, and decision-making β which employers and clients value more than polished finals alone; it proves the result was reasoned, not accidental.
What kinds of results make a case study more persuasive, and how should they be stated?
Measurable outcomes stated concretely: e.g., conversion rate up $25\%$, engagement doubled, award won, client revenue growth. Quantified impact ties design work to business value.
Compare Behance and Dribbble as online portfolio platforms.
Behance (Adobe): full multi-image case-study projects, integrated with Creative Cloud, good for in-depth presentations and job listings. Dribbble: short 'shots' (single images/small sets), community- and trend-oriented, good for quick visual exposure and freelance leads.
What advantages does a personal portfolio website have over relying only on platforms like Behance or Dribbble?
Full control of branding, layout, and presentation; a custom domain that looks professional; no competing designers one click away; ownership independent of platform changes; and better SEO for your own name.
What is a design brief and what key elements should it contain?
A document defining a project before work starts. Key elements: client background, project goals/objectives, target audience, scope and deliverables, budget, timeline/milestones, brand or technical constraints, and success criteria.
What is scope creep, and how does a designer prevent it?
The gradual expansion of a project beyond the originally agreed work without added pay or time. Prevent it with a written contract that defines deliverables and a fixed number of revision rounds, plus a change-order process that prices any additional requests.
In client work, what are 'deliverables,' and why must they be specified precisely?
The concrete final items the client receives β e.g., a logo in AI/SVG/PNG formats, a 20-page brand guide PDF, three social templates. Precise specification prevents disputes over what was purchased and defines when the project is complete.
Compare hourly and flat-fee (project-based) pricing for freelance design.
Hourly: paid for time spent β fair for open-ended or ongoing work, but penalizes efficiency and caps income. Flat fee: one price for defined deliverables β rewards speed and is easier for clients to budget, but requires accurate scoping to avoid unpaid overruns.
What is value-based pricing in freelance design?
Setting the fee according to the value the work creates for the client (e.g., a rebrand expected to lift revenue) rather than the hours it takes. It typically yields higher fees for high-impact work and focuses the conversation on outcomes.
Give the formula a freelancer uses to calculate a minimum hourly rate.
$$\text{hourly rate} = \frac{\text{desired annual salary} + \text{annual overhead costs} + \text{profit}}{\text{billable hours per year}}$$ Billable hours are far fewer than total working hours (often around $1000$β$1400$/year) because of admin, marketing, and unpaid time.
What is a kill fee in a freelance contract?
A pre-agreed payment the client owes if they cancel the project before completion β commonly a percentage of the total fee or payment for work completed to date β compensating the designer for reserved time and finished work.
What essential terms should every freelance design contract include?
Scope of work and deliverables; number of revision rounds; timeline; payment terms including an upfront deposit (commonly $30\%$β$50\%$); ownership/IP transfer terms (usually on final payment); kill fee/cancellation terms; and confidentiality if needed.
What distinguishes a design critique from mere criticism?
A critique is a structured, objective evaluation of how well a design meets its stated goals, offering specific, actionable observations ('the low contrast makes the CTA hard to find'). Criticism is subjective judgment or personal taste ('I don't like it') without rationale or direction.
Describe the 'I like / I wish / What if' feedback framework.
A critique format where each comment starts one of three ways: 'I likeβ¦' (name what works), 'I wishβ¦' (name a concern constructively), 'What ifβ¦' (propose an idea to explore). It keeps feedback balanced, specific, and non-personal.
What are best practices for receiving critique of your own design work?
Listen without defending; ask clarifying questions; evaluate comments against the project's goals rather than your ego; take notes; separate the work from yourself; and decide deliberately which feedback to act on β feedback is data, not orders.
What does 'packaging' a design file (e.g., File > Package in InDesign/Illustrator) do, and why is it done before handoff?
It collects the document plus all linked images and used fonts into one folder, with a report. This prevents missing-links and missing-font errors when a printer or collaborator opens the file on another computer.
Why might a designer convert text to outlines before sending final artwork, and what is the trade-off?
Outlining converts live type into vector shapes so the file renders identically without the fonts installed (and avoids font-license transfer issues). Trade-off: the text is no longer editable, so an editable master version must be kept.
What conventions make collaborative file naming and versioning reliable, and what do handoff tools like Figma Inspect or Zeplin provide?
Use descriptive, consistent names with dates/version numbers (e.g., 'brandlogo_v03_2026-07-02.ai'), never 'final_FINAL2'; keep versions in shared, organized folders. Handoff tools give developers exact specs β measurements, colors, type styles, and exportable assets β straight from the design file.
Who founded the Bauhaus, and where and when did it operate?
Walter Gropius founded the Bauhaus in Weimar, Germany, in 1919. It moved to Dessau (1925) and Berlin, and was closed under Nazi pressure in 1933; its emigrating teachers spread modernist design worldwide.
What core idea does 'form follows function' express in modernist/Bauhaus design?
An object's or design's appearance should be determined by its purpose, not by decoration: eliminate ornament, let structure and utility drive the form, and unite art with industrial mass production.
Name the key visual characteristics of Bauhaus graphic design.
Geometric primitives (circle, square, triangle), primary colors (red, yellow, blue) plus black and white, sans-serif typography, asymmetric functional layouts, and rejection of ornament β merging art, craft, and technology.
Where and when did the Swiss (International Typographic) Style emerge, and who are two of its leading figures?
In Switzerland in the 1950s (building on 1930s roots in Zurich and Basel). Leading figures include Josef MΓΌller-Brockmann and Armin Hofmann; the style spread internationally as the International Typographic Style.
What are the defining features of the Swiss International Style?
Mathematical grid systems for layout, asymmetric arrangements, flush-left/ragged-right sans-serif type, objective photography instead of illustration, generous white space, and a belief in neutral, universal, content-first communication.
Which typeface is most identified with the Swiss Style, and who designed it, when?
Helvetica, designed in 1957 by Max Miedinger (with Eduard Hoffmann) in Switzerland, originally named Neue Haas Grotesk; it descends from Akzidenz-Grotesk, the earlier Swiss-Style favorite.
How did postmodern graphic design react against modernism, and which designers/movements exemplify it?
It rejected modernist neutrality and rigid grids in favor of rule-breaking, ornament, eclecticism, layering, and playful or chaotic typography. Exemplars: Wolfgang Weingart (New Wave), the Memphis Group (1981, Ettore Sottsass), and David Carson's deconstructed 'grunge typography' in Ray Gun magazine (1990s).
Graphic Design Digital and Career Skills FAQ
What is in the Graphic Design Digital and Career Skills syllabus?
Graphic Design Digital and Career Skills is split into 5 chapters: Design for Digital Media, Image Sourcing and Rights, Portfolio Development, Working as a Designer and Design History and Movements. Together they contain 16 topics.
How many chapters are in Graphic Design Digital and Career Skills?
5 chapters, containing 16 topics. The largest chapter is Working as a Designer, with 4 topics.
Are there flashcards for Graphic Design Digital and Career Skills?
Yes β a 50-card Digital and Career Skills deck, printed in full in the flashcards section of this page and available in the Examius app with spaced repetition. The free plan covers one exam of your choice, including its flashcards; Examius Pro, a one-time purchase, unlocks every other exam and deck.