The unbearable likeness of web design
-
Upload
sarah-semark -
Category
Design
-
view
412 -
download
0
Transcript of The unbearable likeness of web design
![Page 2: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/2.jpg)
![Page 3: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/3.jpg)
do websites look the same?
why
![Page 4: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/4.jpg)
![Page 5: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/5.jpg)
![Page 6: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/6.jpg)
![Page 7: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/7.jpg)
![Page 8: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/8.jpg)
![Page 9: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/9.jpg)
anyway?how did we get here
A HISTORY OF WEB DESIGN
![Page 10: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/10.jpg)
the darkages
![Page 11: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/11.jpg)
![Page 12: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/12.jpg)
![Page 13: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/13.jpg)
![Page 14: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/14.jpg)
tablesto infinity!
![Page 15: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/15.jpg)
![Page 16: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/16.jpg)
![Page 17: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/17.jpg)
![Page 18: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/18.jpg)
![Page 19: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/19.jpg)
![Page 20: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/20.jpg)
![Page 21: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/21.jpg)
rescueCSS to the
![Page 22: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/22.jpg)
![Page 23: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/23.jpg)
![Page 24: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/24.jpg)
lookin’goodweb design starts
![Page 25: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/25.jpg)
![Page 26: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/26.jpg)
![Page 27: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/27.jpg)
![Page 28: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/28.jpg)
![Page 29: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/29.jpg)
whereare we now?
![Page 30: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/30.jpg)
![Page 31: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/31.jpg)
![Page 32: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/32.jpg)
![Page 33: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/33.jpg)
designvs development
![Page 34: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/34.jpg)
![Page 35: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/35.jpg)
![Page 36: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/36.jpg)
![Page 37: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/37.jpg)
![Page 38: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/38.jpg)
It’s easy to build a website that looks good…
![Page 39: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/39.jpg)
great…but it’s hard
to build a website that looks
![Page 40: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/40.jpg)
![Page 41: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/41.jpg)
the designer-developer
CONTINUUM
![Page 42: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/42.jpg)
constraintsare holding us back
![Page 43: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/43.jpg)
should we
follow?
![Page 44: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/44.jpg)
HECK YES!
• established patterns
• increased usability
• aesthetics are temporal
![Page 45: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/45.jpg)
HECK NO!
• doesn’t account for needs
• hard to distinguish
• aesthetics are temporal
• drive new trends
• meaning disappears
![Page 46: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/46.jpg)
how do wesoFIX THE PROBLEM?
![Page 47: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/47.jpg)
with pattern & texture
play
![Page 48: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/48.jpg)
![Page 49: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/49.jpg)
![Page 50: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/50.jpg)
![Page 51: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/51.jpg)
![Page 52: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/52.jpg)
get creative with
typography
![Page 53: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/53.jpg)
![Page 54: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/54.jpg)
![Page 55: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/55.jpg)
![Page 56: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/56.jpg)
![Page 57: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/57.jpg)
breakout of the grid
![Page 58: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/58.jpg)
![Page 59: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/59.jpg)
![Page 60: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/60.jpg)
![Page 61: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/61.jpg)
![Page 62: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/62.jpg)
add dynamism with
movement
![Page 63: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/63.jpg)
![Page 64: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/64.jpg)
![Page 65: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/65.jpg)
inspirationshop around for
![Page 66: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/66.jpg)
![Page 67: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/67.jpg)
![Page 68: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/68.jpg)
![Page 69: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/69.jpg)
![Page 70: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/70.jpg)
experiment!go forth and
![Page 71: The unbearable likeness of web design](https://reader031.fdocuments.us/reader031/viewer/2022030308/58ed045a1a28ab23638b45ef/html5/thumbnails/71.jpg)
thanks• Geocities screenshots: oneterabyteofkilobyteage.tumblr.com
• Internet archives: waybackmachine.org
• Designer vs developer infographic: Shane Snow, sixrevisions.com/infographics/web-
designers-vs-web-developers-infographic
• Icons from thenounproject.com
• Packaging design from lovelypackage.com
• Lettering work by Tobias Saul, tobiassaul.de
• Bloomberg Businessweek layouts by Braulio Amado itsnicethat.com/articles/braulio-
amado-bloomberg
@sarahsemark · triggersandsparks.com