Please enable JavaScript.
Coggle requires JavaScript to display documents.
Website Healthy Food (Coding (HTML (bootstrap (col), body, btn, p, img,…
Website Healthy Food
Coding
Pseudo Code
HTML
body
btn
p
bootstrap
col
img
head
JavaScript
variables
functions
CSS
colours
Criteria
Self Determined
Flow with college design
Intuitive actions
Easily update-able
Prescribed
Recognise and Describe
Symbolize
Explain
Analyse
Determine
Synthesise
Generate
Evaluate
Design
Elements of Visual Communication
Proportion and scale
Considers concepts to demonstrate proportion in design work i.e interfaces, the mathematical ratio creates aesthetically pleasing presentations
Space
Support meaning and to zone groups of data
Color and tone
Comparability of colors and tone, consistent approach to color choice
Line, Shape, Texture and form
The use of line is an applied principle of elements alignment, proximity and hierarchy. It is a horizontal line with textural and tone features within an interface. Shapes uses lines (in whatever form) to develop 2-dimensional zoning and implied barrier. Texture is the artistic element of visual design referring to tactile or inferred features of an object. Form gives user the feeling of depth and multi-dimensional perspective (helps to highlight components)
Principles of Visual Communication
Harmony
Offers interpretation of proximity to ensure components as a whole provide complementary meaning to other elements of visual communication
Proximity
Allows for metal grouping of elements that are in a close space
Alignment
Conductive to how users infer information from a layout. Alignment of objects provides structure, hence eliminating potential haphazard
Repetition
Predictability and re-usabilityof element, common used for data driven solutions
Contrast
Predictable levels and presentation of websites and data
Heirachy
Predictable levels and presentation of websites and data
Balance
Gives sense of equilibrium and symmetry to the eyes of the user. Allows for effortless interpretation of website