Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

Digital Media and Web Design > Graded Unit 1 > Flashcards

Graded Unit 1 Flashcards

(120 cards)

Start Studying
1
Q

Popular Serif Fonts

A

Times New Roman
Garamond
Didot
Georgia

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Popular Sans Serif Fonts

A

Arial
Roboto
Helvetica
Futura

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Kerning

A

Horizontal Space between Letters
- Makes words easier to read

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Leaders

A

Vertical Space between Lines of Text

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Tracking

A

Spacing between Characters

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Weight

A

Font Thickness

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Tint

A

White is added to a hue

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Shade

A

Black is added to a hue

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Tone

A

Grey is added to a hue

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Hue

A

Saturated colour without value

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Saturation

A

Intensity of a colour

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Monochromatic

A

Hue with saturation and brightness variation
- When a design relies on a single hue e.g. logo

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Analogous

A

Three or more colours side by side on the colour wheel,
- These colours are more harmonious, associated with nature e.g yellow, orange, red
suitable for business cards, and formal/informal websites

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Complementary

A

Two hues opposite to one another on the colour wheel
great for websites due to contrasting hue

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Split Complementary

A

One plus two colours equally spaced from one another
Poster - can create eye-catching visuals

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Triadic

A

3 colours equally spaced from one another around the colour wheel
Vibrant, eye-catching, great for designing for young children

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Tetradic

A

Two pairs of colours opposite from one another on the colour wheel
Double complementary

Establish a memorable brand

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Layout

A

Arrangement of Elements
- Consistent page layout will help with user navigation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Hierarchy

A

Indicates the importance of information of elements.
Using positioning and size on elements, this can guide the user on what to focus first

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Emphasis

A

Highlight important elements to users
- Using position, scale, whitespace and colour contrast

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Consistency

A

Constant use of visual design elements such as Colour, Typography and Layout.
Breaking consistency in design will lead to user confusion and disorientation.

For an example, don’t deviate from chosen colour palette, will create visual structure and Unify the design.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Balanace

A

Evenly distributing the weight of elements on a page either symmetrical or asymmetrical as if it is a physical plane.

This achieves a visually pleasing and comfortable design

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

White Space

A

The space around elements on a page can help emphasise important information on a design such as a heading, product image etc.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Unity

A

Establishing a cohesive connection with individual elements which ties the overall composition together as one connected piece.

This can be achieved by remaining consistent with a single colour palette, theme, typeface and layout throughout.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Proximity
Process of grouping elements together by using structure and positioning of elements which establish a visual link
26
Direction
Logical placement of design elements, direction can be achieved, with position, scale emphasis and hierarchy. this can guide the user on what to read first
27
UCD
Iterative design process based on how design effects users, receiving feedback and using it to refine the product by repeatedly going through development phases until satisfactory.
28
ISO
International Organisation for standardisation 9241 210
29
6 principles of UCD
- Understand userbase - Involve User's throughout development - UCD is iterative - Refined by Evaluation - Addresses User Experience - Team has a wide range of skills to have a wider perspective of user backgrounds
30
What is Waterfall Methodology
It is a linear development process Discover - Design - Development - Test
31
What is Agile Methodology
Continuous development cycle consisting of sprints. Product is always designed and re-thought throughout all development stages, until product is satisfactory. Prioritises customer collaboration This is a more flexible way of working
32
What does agile consist of?
Each development cycle consists of a sprint e.g. Sprint 1 Discover - Design - Development - Test Sprint 2 Discover - Design - Development - Test Sprint 3 Discover - Design - Development - Test
33
What is Spiral Methodology
Each spiral focuses on refining based on user feedback and prototyping Focuses on risk analysis and irritative development Each spiral focusing on a different stage. Planning - Analysis - Development - Evaluation
34
Client Requirement Document
A CRD is a document which shows the goals/requirements have for a project. This can include functional requirements. e.g. a online shop, newsletter or form, Non functional requirements: address, pictures etc. Agreeing to this document is the agreement between the developer and client
35
End User Requirements
Objectives a project must have for appeal to a demographic of end users. What functionality does the product need? Is the product easy to navigate and compatible among different devices? End user feedback can be required by Interviews, Surveys and Observation
36
What is Scrum Methodology
Agile Framework Heavy focus on: Sprint Planning, Prioritising and Backlog refinement Using sprints to ensure a iterative workflow Allows teams to self-manage
37
Card Sort Purpose
Card Sorts is a low fidelity method of designing a website. This is done by presenting a pile of cards, each relating to a page of a site. These cards containing site content are categorised into groups which are to be named.
38
Steps to Research Users
Observe Interview Focus Groups Evaluation Journey Mapping
39
What are the two types of prototyping techniques ?
Low Fidelity: Sketches, wireframes, which validate ideas quickly High Fidelity: Detailed prototypes
40
What is a interactive prototype
Allows users to interact with the design to further actionable feedback
41
3 Types of usability Testing
Unmoderated Moderated Remote
42
Steps to set up a Usability Test
Plan Recruiting participants Conducting Test Analysing Results Implement Changes
43
WCAG
Web Content Accessibility Guidelines
44
What to should be included for WCAG?
Text alternatives Colour Contrast Keyboard Navigation
45
WCAG Examples?
Alt Text for Images Avoid solely colour to convey info Screen Reader Compatibility
46
Heuristic Evaluation
Helps check for usability issues in a application to ensure a product is user friendly. such as: Consistency Error Prevention Feedback
47
What is a Uncompressed File Format?
Used for editing and creating Graphics
48
What is a compressed File Format?
A uncompressed format compressed to be used for its final purpose e.g. PSD - PNG - Maintains og info: Masks, Layer Styles etc.
49
Uncompressed Bitmap Format
PSD (Photoshop Document)
50
Uncompressed Vector Format
AI (Adobe Illustrator) FH (Adobe Freehand) CDR (Corel Draw)
51
Lossless Compression
- Reduces file size with little quality loss Ideal for higher quality graphics
52
Lossy Compression
Discards redundant pixel information to reduce file size Ideal for websites
53
Bitmap File Format
Graphics made from pixels each consisting of a pixel colour/value Commonly used for illustration, photography due to ability to display high detail
54
JPEG
Joint Photographic Export Group - Lossy Compression - 24 bit (16.7 million colours) - used for application optimisation - Used for photographic
55
PNG
Portable Network Graphic - Lossless Compression - Supports transparency - Common in 24 bit colour depth - Used for Photographs, High quality Illustration - Images with transparency
56
GIF
Graphics Interchange Format - Lossless - Supports Transparency - Supports Animation - Limited to 8 bit (256 Colours) - Used for fewer coloured graphics (logos/cartoons)
57
TIFF
Tagged Image File Format - Large File Size - Lossless (LZW) - Photography and Printing - Standard is 24 bit
58
Vector File Format
Graphics made of mathematical statements to create points, lines, curves and geometric shapes Can be rescaled and will not lose quality.
59
SVG
Scalable Vector Graphic Only Vector Format with Web Support XML Based Language browsers can translate
60
ESP
Encapsulated PostScript Used for Printing vectors Maintains quality at any size
61
PDF
Portable Document Format - Used for legal documents and contracts - Cannot be edited - Contains Text, Images and Links - Can be password protected - Compatible online via multiple devices
62
Meta Graphic
Images with both bitmap and vector information embedding JPG into a SVG as a background layer
63
What are the two Compression Algorithms?
LZW (Lempel-Ziv-Welch - Used in GIF, PNG for LOSSLESS compression
64
Huffman Encoding
- Used in JPEGs for Lossy Compression
65
BBP
Bits Per Pixel Hue and tonal value amount a single pixel can hold
66
8-bit
256 colours - Used in GIFS
67
24 Bit
16.7 Million Colours 8 = Red 8 = Green 8 = Blue
68
RGB
Red Green Blue Additive Colour system Black - White Supports 16.7 Mill colours Supported in all Browsers
69
HSB/HSL
Hue = colour Saturation = purity of colour Brightness = Luminance of colour Used in CSS
70
CMYK
Cyan Magenta Yellow Key/Black Subtractive White - Black Used in Printing
71
DPI
Dots Per Inch Ink droplets produced per inch more dots = more print detail standard is 300DPI
72
PPI
Pixels Per Inch Number of Pixels contained per inch of a bitmap standard for printing is 300 standard for web optimisation is 72
73
What does CC stand for?
Creative Commons International non-profit organisation who provides free licenses for creators to use
74
CC BY
BY= Credit must be given
75
CC SA
SA = Adaptations must maintain same terms
76
CC NC
NC = No Commercial Use of work is permitted
77
CC ND
ND= No Adaptations of work are permitted
78
How long is the Copyright Design & Patents Act?
70 years plus life of creator
79
Punishment for breaching Copyright Design & Patents Act?
- Fines - Destruction of Equipment - imprisonment - Loss of reputation
80
Sequence?
Set of instructions a program follows
81
Selection
Program decision makes to move on based on occurring event results Examples: Switch Case If Statement
82
Iteration
Repetition of block statements within a program
83
What is a varable
Label which stores information
84
Local Variable?
Variable Declared within a function or loop
85
Global Variable
Variable Declared outside a function or loop
86
Variable types
Integer, String, Null, Boolean
87
What is a function
Block of code programmed to preform a particular task e.g. retrieve user data input, and variables return data to create an initial
88
What is a parameter
Named variable as part of a function
89
in JavaScript, what does Return do?
Stops function and returns a value to user
90
If statement definition
Specify block of code to be executed, if specified condition is true
91
Else If statement definition
- Use `else` to specify a block of code to be executed, if the same condition is false - Use `else if` to specify a new condition to test, if the first condition is false
92
Switch statement
- Specifying alternate code blocks to be executed
93
For Loop
loops through a block of code a number of times
94
While Loop
loops through a block of code while a specified condition is true
95
Do-while loop
also loops through a block of code while a specified condition is true. when you want to run a code block at least one time
96
What does HTML stand for?
Hyper Text Mark-Up Language
97
What does HTML do?
HTML is the standard language for creating the structure of a webpage Current version is HTML 5
98
What are HTML Tags?
Tags are the building blocks, together they are used to create websites
99
- metadata is contained, such as title, external CSS links - head information is not visible on a main webpage
100
Contains all information visible on a webpage
101
HTML tags contained in
<link> <script> <style> <base> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='102' id='card-595311423'> <div class='header'> 102 </div> <div class='card-face question'> <div class='question-content'> HTML tags contained in <body> </div> </div> <div class='card-face answer'> <div class='answer-content'> <header> <nav> <p> <h1><img> <footer> <div> <section> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='103' id='card-595311424'> <div class='header'> 103 </div> <div class='card-face question'> <div class='question-content'> How to make a HTML Form </div> </div> <div class='card-face answer'> <div class='answer-content'> <aside> <form action="#" method="get"> <label for="firstname"> First Name: </label> <br> <input type="text" id="firstname" name="First Name"> <br> </form> </aside> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='104' id='card-595311425'> <div class='header'> 104 </div> <div class='card-face question'> <div class='question-content'> How to HTML Comment </div> </div> <div class='card-face answer'> <div class='answer-content'> <!-- comment --> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='105' id='card-595311430'> <div class='header'> 105 </div> <div class='card-face question'> <div class='question-content'> How to create a bullet list in HTML? </div> </div> <div class='card-face answer'> <div class='answer-content'> <ul> <li> Item 1 </li> </ul> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='106' id='card-595311433'> <div class='header'> 106 </div> <div class='card-face question'> <div class='question-content'> Numbered List in HTML </div> </div> <div class='card-face answer'> <div class='answer-content'> <ol> <li> Item 1 </li> </ol> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='107' id='card-595311440'> <div class='header'> 107 </div> <div class='card-face question'> <div class='question-content'> CSS </div> </div> <div class='card-face answer'> <div class='answer-content'> Cascading Style Sheets </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='108' id='card-595311442'> <div class='header'> 108 </div> <div class='card-face question'> <div class='question-content'> What does CSS do? </div> </div> <div class='card-face answer'> <div class='answer-content'> CSS is the standard language for adding styling to webpages. CSS changes how a web page looks by: adding padding, changing colour, adding fonts, styling images, adding borders Current version is CSS3 </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='109' id='card-595326828'> <div class='header'> 109 </div> <div class='card-face question'> <div class='question-content'> 3 ways of adding CSS </div> </div> <div class='card-face answer'> <div class='answer-content'> Inline External Internal </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='110' id='card-595326829'> <div class='header'> 110 </div> <div class='card-face question'> <div class='question-content'> CSS what is Inline </div> </div> <div class='card-face answer'> <div class='answer-content'> using style attribute inside HTML elements </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='111' id='card-595326832'> <div class='header'> 111 </div> <div class='card-face question'> <div class='question-content'> CSS what is Internal </div> </div> <div class='card-face answer'> <div class='answer-content'> Using <style> element in HTML <head> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='112' id='card-595326834'> <div class='header'> 112 </div> <div class='card-face question'> <div class='question-content'> CSS what is External </div> </div> <div class='card-face answer'> <div class='answer-content'> Using a <link> element to link to an external CSS file </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='113' id='card-595326835'> <div class='header'> 113 </div> <div class='card-face question'> <div class='question-content'> What are the 3 CSS selectors </div> </div> <div class='card-face answer'> <div class='answer-content'> Element Selector: h2 {} Class Selector: .class{} p.class{} ID Selector #idexample {} #idexample p {} </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='114' id='card-595328830'> <div class='header'> 114 </div> <div class='card-face question'> <div class='question-content'> CSS what is <font-family> </div> </div> <div class='card-face answer'> <div class='answer-content'> property is used to add different font types should hold several fonts as a "fallback" to ensure maximum compatibility between browsers and operating systems </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='115' id='card-595328832'> <div class='header'> 115 </div> <div class='card-face question'> <div class='question-content'> CSS how to add a font? </div> </div> <div class='card-face answer'> <div class='answer-content'> p1 { font-family: "Time New Roman, Times, Serif"; } </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='116' id='card-595330521'> <div class='header'> 116 </div> <div class='card-face question'> <div class='question-content'> CSS how to add border? </div> </div> <div class='card-face answer'> <div class='answer-content'> border-style: dotted; border-style: dashed; border-style: solid; </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='117' id='card-595330748'> <div class='header'> 117 </div> <div class='card-face question'> <div class='question-content'> CSS how to add responsive Design </div> </div> <div class='card-face answer'> <div class='answer-content'> <meta name="viewport" content= "width=device-width, initial-scale=1.0"> @media only screen and (max-width:600px) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='118' id='card-595445887'> <div class='header'> 118 </div> <div class='card-face question'> <div class='question-content'> UCD Project Process </div> </div> <div class='card-face answer'> <div class='answer-content'> Understand and specify the context of use Specify the usage requirements Develop design solutions that meet usage requirements Evaluate the design solutions against usage requirements </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='119' id='card-595445931'> <div class='header'> 119 </div> <div class='card-face question'> <div class='question-content'> Purpose of a Test Plan </div> </div> <div class='card-face answer'> <div class='answer-content'> setting out a criteria of what to test during the testing stage This can include finding a suitable strategy which help identify and catch any issues within a product to ensure it is satisfactory to publish </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22784571&returnTo=%2Fpacks%2F22784571%2Fsubscribe&source=preview-card&subject=Digital+Media+and+Web+Design' data-card-is-blurrable data-number='120' id='card-595447169'> <div class='header'> 120 </div> <div class='card-face question'> <div class='question-content'> HTML how to create a table </div> </div> <div class='card-face answer'> <div class='answer-content'> <table> <tr> <td> Fname </td> <td> Sname </td </tr> <tr> <td> Rachel </td> <td> Morrison </td> </tr> </table> </div> </div> </div> </div> </div> </div> <div class='flashcards-sidebar'> <div class='sidebar-header'> <div class='react-component' id='flashcards-search-bar'> <div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div> </div> </div> <div class='sidebar-content'> <p class='deck-subject-heading'> <a class="decks-in-subject-link" href="/packs/digital-media-and-web-design-22784571"><span class="pack-name">Digital Media and Web Design</span> (6 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link ' href='/flashcards/developing-software-18489409/packs/22784571'> <li class='deck-list-item'>Developing Software</li> </a> <a class='deck-link ' href='/flashcards/digital-graphics-18489527/packs/22784571'> <li class='deck-list-item'>Digital Graphics</li> </a> <a class='deck-link ' href='/flashcards/user-centred-design-18489946/packs/22784571'> <li class='deck-list-item'>User Centred Design</li> </a> <a class='deck-link ' href='/flashcards/user-interface-design-18490131/packs/22784571'> <li class='deck-list-item'>User Interface Design</li> </a> <a class='deck-link ' href='/flashcards/web-technologies-html-css-18490255/packs/22784571'> <li class='deck-list-item'>Web Technologies: HTML & CSS</li> </a> <a class='deck-link selected' href='/flashcards/graded-unit-1-18879955/packs/22784571'> <li class='deck-list-item'>Graded Unit 1</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":22784571,"source":"spaced-repetition-modal","subject":"Digital Media and Web Design","resources":{"deckId":18879955,"packId":22784571},"returnTo":"/packs/22784571/subscribe"}' id='spaced-repetition-modal-controller'></div> <div id='banner-controller'></div> <div id='dialog-modal-controller'></div> <div class='band band-footer'> <div class='footer-main'> <ul class='sections'> <li class='section key-links'> <p class='section-heading'> Key Links </p> <ul class='options-list'> <li class='option'> <a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a> </li> <li class='option'> <a class="option-link" href="/companies">Corporate Training</a> </li> <li class='option'> <a class="option-link" href="/teachers">Teachers & Schools</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a> </li> </ul> </li> <li class='section subjects'> <p class='section-heading'> Subjects </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a> </li> <li class='option'> <a class="option-link" href="/subjects/law">Law Education</a> </li> <li class='option'> <a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a> </li> <li class='option'> <a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a> </li> <li class='option certified-classes'> <a class="option-link" href="/learn">All Certified Classes</a> </li> </ul> </li> <li class='section company'> <p class='section-heading'> Company </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/about">About Us</a> </li> <li class='option'> <a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a> </li> <li class='option'> <a target="_blank" class="option-link" href="/careers">Careers</a> </li> </ul> </li> <li class='section find-us'> <p class='section-heading'> Find Us </p> <ul class='social-media-list'> <li class='option twitter-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option linkedin-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option facebook-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option youtube-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option pinterest-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option tiktok-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option insta-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> </ul> <div class='get-the-app'> <div class='qr-code'> <img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" /> </div> <div class='app-badges'> <div class='badge apple-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> <div class='badge android-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> </div> </div> </li> </ul> </div> <div class='footer-blurb'> Brainscape helps you reach your goals faster, through stronger study habits. <br> © 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a> </div> </div> <script> if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; } </script> <script> window.addEventListener('load', () => { setTimeout(() => { const script = document.createElement('script'); script.src = "/pks/js/public-deck-cards-page-7b7ec236709c09bce023.js"; script.defer = true; document.body.appendChild(script); }, 0); }); </script> <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script> <script> document.addEventListener("mainSharedready", () => { GaHelper.setGaDimension("dimension1","No"); }); </script> <script type='application/ld+json'> {"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"Graded Unit 1"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Popular Serif Fonts","acceptedAnswer":{"@type":"Answer","text":"Times New Roman Garamond Didot Georgia"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Popular Sans Serif Fonts","acceptedAnswer":{"@type":"Answer","text":"Arial Roboto Helvetica Futura"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Kerning","acceptedAnswer":{"@type":"Answer","text":"Horizontal Space between Letters - Makes words easier to read"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Leaders","acceptedAnswer":{"@type":"Answer","text":"Vertical Space between Lines of Text"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tracking","acceptedAnswer":{"@type":"Answer","text":"Spacing between Characters"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Weight","acceptedAnswer":{"@type":"Answer","text":"Font Thickness"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tint","acceptedAnswer":{"@type":"Answer","text":"White is added to a hue"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Shade","acceptedAnswer":{"@type":"Answer","text":"Black is added to a hue"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tone","acceptedAnswer":{"@type":"Answer","text":"Grey is added to a hue"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Hue","acceptedAnswer":{"@type":"Answer","text":"Saturated colour without value"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Saturation","acceptedAnswer":{"@type":"Answer","text":"Intensity of a colour"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Monochromatic","acceptedAnswer":{"@type":"Answer","text":"Hue with saturation and brightness variation - When a design relies on a single hue e.g. logo"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Analogous","acceptedAnswer":{"@type":"Answer","text":"Three or more colours side by side on the colour wheel, - These colours are more harmonious, associated with nature e.g yellow, orange, red suitable for business cards, and formal/informal websites"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Complementary","acceptedAnswer":{"@type":"Answer","text":"Two hues opposite to one another on the colour wheel great for websites due to contrasting hue"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Split Complementary","acceptedAnswer":{"@type":"Answer","text":"One plus two colours equally spaced from one another Poster - can create eye-catching visuals"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Triadic","acceptedAnswer":{"@type":"Answer","text":"3 colours equally spaced from one another around the colour wheel Vibrant, eye-catching, great for designing for young children"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Tetradic","acceptedAnswer":{"@type":"Answer","text":"Two pairs of colours opposite from one another on the colour wheel Double complementary Establish a memorable brand"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Layout","acceptedAnswer":{"@type":"Answer","text":"Arrangement of Elements - Consistent page layout will help with user navigation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Hierarchy","acceptedAnswer":{"@type":"Answer","text":"Indicates the importance of information of elements. Using positioning and size on elements, this can guide the user on what to focus first"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Emphasis","acceptedAnswer":{"@type":"Answer","text":"Highlight important elements to users - Using position, scale, whitespace and colour contrast"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Consistency","acceptedAnswer":{"@type":"Answer","text":"Constant use of visual design elements such as Colour, Typography and Layout. Breaking consistency in design will lead to user confusion and disorientation. For an example, don't deviate from chosen colour palette, will create visual structure and Unify the design."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Balanace","acceptedAnswer":{"@type":"Answer","text":"Evenly distributing the weight of elements on a page either symmetrical or asymmetrical as if it is a physical plane. This achieves a visually pleasing and comfortable design"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"White Space","acceptedAnswer":{"@type":"Answer","text":"The space around elements on a page can help emphasise important information on a design such as a heading, product image etc."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Unity","acceptedAnswer":{"@type":"Answer","text":"Establishing a cohesive connection with individual elements which ties the overall composition together as one connected piece. This can be achieved by remaining consistent with a single colour palette, theme, typeface and layout throughout."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Proximity","acceptedAnswer":{"@type":"Answer","text":"Process of grouping elements together by using structure and positioning of elements which establish a visual link"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Direction","acceptedAnswer":{"@type":"Answer","text":"Logical placement of design elements, direction can be achieved, with position, scale emphasis and hierarchy. this can guide the user on what to read first"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"UCD","acceptedAnswer":{"@type":"Answer","text":"Iterative design process based on how design effects users, receiving feedback and using it to refine the product by repeatedly going through development phases until satisfactory."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"ISO","acceptedAnswer":{"@type":"Answer","text":"International Organisation for standardisation 9241 210"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"6 principles of UCD","acceptedAnswer":{"@type":"Answer","text":"- Understand userbase - Involve User's throughout development - UCD is iterative - Refined by Evaluation - Addresses User Experience - Team has a wide range of skills to have a wider perspective of user backgrounds"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is Waterfall Methodology","acceptedAnswer":{"@type":"Answer","text":"It is a linear development process Discover - Design - Development - Test"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is Agile Methodology","acceptedAnswer":{"@type":"Answer","text":"Continuous development cycle consisting of sprints. Product is always designed and re-thought throughout all development stages, until product is satisfactory. Prioritises customer collaboration This is a more flexible way of working"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What does agile consist of?","acceptedAnswer":{"@type":"Answer","text":"Each development cycle consists of a sprint e.g. Sprint 1 Discover - Design - Development - Test Sprint 2 Discover - Design - Development - Test Sprint 3 Discover - Design - Development - Test"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is Spiral Methodology","acceptedAnswer":{"@type":"Answer","text":"Each spiral focuses on refining based on user feedback and prototyping Focuses on risk analysis and irritative development Each spiral focusing on a different stage. Planning - Analysis - Development - Evaluation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Client Requirement Document","acceptedAnswer":{"@type":"Answer","text":"A CRD is a document which shows the goals/requirements have for a project. This can include functional requirements. e.g. a online shop, newsletter or form, Non functional requirements: address, pictures etc. Agreeing to this document is the agreement between the developer and client"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"End User Requirements","acceptedAnswer":{"@type":"Answer","text":"Objectives a project must have for appeal to a demographic of end users. What functionality does the product need? Is the product easy to navigate and compatible among different devices? End user feedback can be required by Interviews, Surveys and Observation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is Scrum Methodology","acceptedAnswer":{"@type":"Answer","text":"Agile Framework Heavy focus on: Sprint Planning, Prioritising and Backlog refinement Using sprints to ensure a iterative workflow Allows teams to self-manage"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Card Sort Purpose","acceptedAnswer":{"@type":"Answer","text":"Card Sorts is a low fidelity method of designing a website. This is done by presenting a pile of cards, each relating to a page of a site. These cards containing site content are categorised into groups which are to be named."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Steps to Research Users","acceptedAnswer":{"@type":"Answer","text":"Observe Interview Focus Groups Evaluation Journey Mapping"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What are the two types of prototyping techniques ?","acceptedAnswer":{"@type":"Answer","text":"Low Fidelity: Sketches, wireframes, which validate ideas quickly High Fidelity: Detailed prototypes"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a interactive prototype","acceptedAnswer":{"@type":"Answer","text":"Allows users to interact with the design to further actionable feedback"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"3 Types of usability Testing","acceptedAnswer":{"@type":"Answer","text":"Unmoderated Moderated Remote"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Steps to set up a Usability Test","acceptedAnswer":{"@type":"Answer","text":"Plan Recruiting participants Conducting Test Analysing Results Implement Changes"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"WCAG","acceptedAnswer":{"@type":"Answer","text":"Web Content Accessibility Guidelines"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What to should be included for WCAG?","acceptedAnswer":{"@type":"Answer","text":"Text alternatives Colour Contrast Keyboard Navigation"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"WCAG Examples?","acceptedAnswer":{"@type":"Answer","text":"Alt Text for Images Avoid solely colour to convey info Screen Reader Compatibility"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Heuristic Evaluation","acceptedAnswer":{"@type":"Answer","text":"Helps check for usability issues in a application to ensure a product is user friendly. such as: Consistency Error Prevention Feedback"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a Uncompressed File Format?","acceptedAnswer":{"@type":"Answer","text":"Used for editing and creating Graphics"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is a compressed File Format?","acceptedAnswer":{"@type":"Answer","text":"A uncompressed format compressed to be used for its final purpose e.g. PSD - PNG - Maintains og info: Masks, Layer Styles etc."}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Graded Unit 1"}]} </script> </body> </html>