what developers need to know about visual design
DESCRIPTION
Presentation from DDDEA, Cambridge delivered on 13th September 2014.TRANSCRIPT
![Page 3: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/3.jpg)
Who exactly is Ben Hall?
I am not a designer
Ocelot Uproar
![Page 4: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/4.jpg)
Follow me
and my
drunken activities
@Ben_Hall
![Page 5: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/5.jpg)
Key Topics
1. Layout
2. Images & Icons
3. Colours
4. Typography
5. Feedback
![Page 6: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/6.jpg)
Why design matters?
![Page 7: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/7.jpg)
![Page 8: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/8.jpg)
Attractive things work better
http://www.jnd.org/dn.mss/CH01.pdf
![Page 9: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/9.jpg)
Emotional reaction
http://www.jnd.org/dn.mss/emotion_design_at.html
![Page 10: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/10.jpg)
Preconceived expectations
Op in ion a re f o rmed be fo re we ’ve even rea l i sed
![Page 11: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/11.jpg)
![Page 12: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/12.jpg)
Result === infl uence / creditability
![Page 13: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/13.jpg)
![Page 14: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/14.jpg)
![Page 15: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/15.jpg)
Software Craftsmanship
“ R a i s i n g t h e b a r o f p r o f e s s i o n a l s o f t w a r e d e v e l o p m e n t ”
![Page 16: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/16.jpg)
In Startup, everyone should be a designer
![Page 17: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/17.jpg)
Design is very similar to code
Pa t te rns , Prac t i ces , He re t i c s , Ru les , Log i c . TDD , Feedback Cyc les .
![Page 18: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/18.jpg)
Junior Designers vs. Senior Designers
ht tps : / /med ium.com/ the -year- o f- the - l ook ing -g lass / j un io r-des igne rs -vs - sen io r-des igne rs -fbe483d3b51e
![Page 19: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/19.jpg)
![Page 20: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/20.jpg)
![Page 21: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/21.jpg)
![Page 22: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/22.jpg)
![Page 23: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/23.jpg)
![Page 24: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/24.jpg)
![Page 25: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/25.jpg)
Layout
![Page 26: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/26.jpg)
http://blog.usabilla.com/how-the-left-brain-right-brain-theory-improves-the-user-experience/
The right side of the brain looks at visual reference as a whole
then works its way into noticing finer details
The left side first sees the details and puts them together to form the
bigger picture
![Page 27: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/27.jpg)
whitespace
![Page 28: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/28.jpg)
![Page 29: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/29.jpg)
![Page 30: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/30.jpg)
EMPHASIS
IF EVERYTHING HAS IT, NOTHING DOES.
![Page 31: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/31.jpg)
EmphasisI f eve ry th ing has i t , no th ing does .
![Page 32: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/32.jpg)
EmphasisI f eve ry th ing has i t , no th ing does .
![Page 33: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/33.jpg)
Two quantities are in the golden ratio if their ratio is the same as the ratio of their sum to
the larger of the two quantities
Golden ratio
![Page 34: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/34.jpg)
1.61803398875
![Page 35: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/35.jpg)
![Page 36: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/36.jpg)
Twitter as an app example
![Page 37: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/37.jpg)
![Page 38: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/38.jpg)
Cognitive science
![Page 39: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/39.jpg)
Round v square
http://blog.benhall.me.uk/2014/05/why-do-round-avatars-look-better-than-square/
![Page 40: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/40.jpg)
![Page 41: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/41.jpg)
”RECENTABLES
WITH
CORNERS
ARE
EVERYWHERE!”
Steve Jobs
![Page 42: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/42.jpg)
Real life isn’t square - Road signs
![Page 43: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/43.jpg)
Sharp corners take our focus outside the rectangle
![Page 44: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/44.jpg)
Rounded corners take our focus inside the rectangle
![Page 45: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/45.jpg)
Windows 8
![Page 46: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/46.jpg)
Sketch layouts until natural
![Page 47: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/47.jpg)
Copy / clone to learn & train brain.
![Page 48: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/48.jpg)
Images & Icons
Pic ture i s wor th a thousand words .
No one reads on the in ternet so… A good p ic ture i s p r ice less .
![Page 49: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/49.jpg)
Recognition
![Page 50: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/50.jpg)
Consistency. What does the user expect?
*REALLY* impor tan t on mob i l e
?
![Page 51: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/51.jpg)
Spacing and layout matters
![Page 52: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/52.jpg)
![Page 53: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/53.jpg)
![Page 54: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/54.jpg)
![Page 55: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/55.jpg)
Great images create Desire and expression
![Page 56: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/56.jpg)
Stock photography
![Page 57: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/57.jpg)
Defi ne colour scheme for site
kuler.adobe.com
![Page 58: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/58.jpg)
Blurry images as backgrounds
![Page 59: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/59.jpg)
DRIVE USER ATTENTION
![Page 60: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/60.jpg)
DRIVE USER ATTENTION
![Page 61: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/61.jpg)
Accelerators
![Page 62: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/62.jpg)
![Page 63: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/63.jpg)
![Page 64: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/64.jpg)
Optimise images for download
![Page 65: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/65.jpg)
Responsive icons?
![Page 66: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/66.jpg)
COLOURS
![Page 67: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/67.jpg)
![Page 68: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/68.jpg)
http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm
Complementary color scheme Analogous color scheme
Triadic color scheme Split-Complementary color scheme
Rectangle (tetradic) color scheme Square color scheme
![Page 69: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/69.jpg)
![Page 70: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/70.jpg)
![Page 71: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/71.jpg)
STOP THINKING “RED” AND “ERROR” TO CAPUTRE ATTENTION
WHAT ARE YOU TRY ING TO ACH IEVE?
BUILD PASSED
INFO: DID YOU KNOW…
WARNING: 10 HOURS LEFT
![Page 72: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/72.jpg)
Typography
![Page 73: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/73.jpg)
Massively creative
![Page 74: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/74.jpg)
![Page 75: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/75.jpg)
Works of art
![Page 76: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/76.jpg)
" In some ways , the most d iffi cu l t par t o f des ign p rocess i s fi nd ing the in i t i a l i nsp i ra t ion to make a fon t " ~ Karen Cheng
Most impor tan t aspec t o f des ign
![Page 77: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/77.jpg)
"Typefaces, l ike people, have their own personality" - Core Brand
![Page 78: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/78.jpg)
More engaging and
compelling content
![Page 79: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/79.jpg)
Looks Better = Works Better.
![Page 80: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/80.jpg)
Dangerous
![Page 81: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/81.jpg)
http://www.buzzfeed.com/hnigatu/the-difference-between-serif-and-sans-serif-explained-in-one#2fnobkk
![Page 82: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/82.jpg)
http://i.imgur.com/MPSSfXj.jpg
![Page 83: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/83.jpg)
![Page 84: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/84.jpg)
Font weight – not just 100-900
https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
![Page 85: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/85.jpg)
WHY IS ALL CAPS SHOUTING?
![Page 86: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/86.jpg)
Experiment lots
![Page 87: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/87.jpg)
![Page 88: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/88.jpg)
![Page 89: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/89.jpg)
Don’t use more than three
![Page 90: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/90.jpg)
![Page 91: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/91.jpg)
![Page 92: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/92.jpg)
Respond to touch EVENTS
![Page 93: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/93.jpg)
Progress bars – cloudfl are example
![Page 94: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/94.jpg)
![Page 95: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/95.jpg)
Help users make the right choice in the fi rst place
![Page 96: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/96.jpg)
Undo.
![Page 97: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/97.jpg)
![Page 98: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/98.jpg)
Usability tests
![Page 99: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/99.jpg)
Not asking “do you like this?”
Everyone w i l l say yes ! ! ! Peop le a re awesome.
![Page 100: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/100.jpg)
Chance to l ea rn . Ask more than you ta l k .
I t ’ s l i ke a da te
![Page 101: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/101.jpg)
![Page 102: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/102.jpg)
Other people SPOT mistakes EASIER than the creator.
![Page 103: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/103.jpg)
“Oh yeah, of course, I didn’t notice”
![Page 104: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/104.jpg)
New startup!!!
![Page 105: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/105.jpg)
AND FINALLY
![Page 106: What Developers Need To Know About Visual Design](https://reader037.vdocuments.mx/reader037/viewer/2022102813/546b8c24af79599d7d8b717b/html5/thumbnails/106.jpg)
• Layout, Images, Colours, Typography, Feedback
• Just l ike code… Copy, Test, Iterate, Feedback, Play.
• Sign up to... TBC. Ask me.
• Tweet me for slides @Ben_Hall