The Future of Web Design Is Not Code, Vlad Magdalin
-
Upload
future-insights -
Category
Design
-
view
2.077 -
download
0
Transcript of The Future of Web Design Is Not Code, Vlad Magdalin
![Page 1: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/1.jpg)
Let’s Redesign
Web Design(Why the Future of Web Design is Not Code)
@callmevlad
![Page 2: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/2.jpg)
Sergie Matthew
![Page 3: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/3.jpg)
Sergie Matthew
![Page 4: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/4.jpg)
![Page 5: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/5.jpg)
![Page 6: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/6.jpg)
![Page 7: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/7.jpg)
![Page 8: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/8.jpg)
![Page 9: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/9.jpg)
Sergie Matthew
![Page 10: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/10.jpg)
![Page 11: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/11.jpg)
![Page 12: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/12.jpg)
![Page 14: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/14.jpg)
![Page 15: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/15.jpg)
![Page 17: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/17.jpg)
![Page 18: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/18.jpg)
![Page 19: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/19.jpg)
Sergie Matthew
![Page 20: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/20.jpg)
¯\_(code)_/¯
is(hard) for
normalHumans;(Like, Really)
![Page 21: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/21.jpg)
People Who Know How to Code
People Who
Don’t
![Page 22: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/22.jpg)
![Page 23: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/23.jpg)
![Page 24: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/24.jpg)
![Page 25: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/25.jpg)
![Page 26: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/26.jpg)
![Page 27: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/27.jpg)
![Page 28: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/28.jpg)
A Brief History
of Telling Computers
How to Do Stuff(It’s Pretty Boring Actually)
![Page 29: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/29.jpg)
![Page 30: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/30.jpg)
![Page 31: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/31.jpg)
Instruction 1Instruction 2Instruction 3
ComputerProgram
![Page 32: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/32.jpg)
![Page 33: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/33.jpg)
![Page 34: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/34.jpg)
![Page 35: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/35.jpg)
Instruction 1Instruction 2Instruction 3
Fancier Program
![Page 36: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/36.jpg)
Some HTML Some CSS Some JavaScript
Fancy Website
![Page 37: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/37.jpg)
A Direct Connection
to the Medium (A Brief History of Creative Work)
![Page 38: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/38.jpg)
![Page 39: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/39.jpg)
![Page 40: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/40.jpg)
![Page 41: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/41.jpg)
![Page 42: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/42.jpg)
![Page 43: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/43.jpg)
![Page 44: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/44.jpg)
![Page 45: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/45.jpg)
![Page 46: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/46.jpg)
![Page 47: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/47.jpg)
We’ve Solved This Before
(Because Humans are Awesome)
![Page 48: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/48.jpg)
![Page 49: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/49.jpg)
![Page 50: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/50.jpg)
![Page 51: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/51.jpg)
![Page 52: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/52.jpg)
A Quick Tour Through
Creative Tools(By Discipline, in Alphabetical Order)
![Page 53: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/53.jpg)
3D Animator
![Page 54: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/54.jpg)
3D Modeler
![Page 55: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/55.jpg)
Cinematic Grading Artist
![Page 56: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/56.jpg)
Digital Artist
![Page 57: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/57.jpg)
Digital Illustrator
![Page 58: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/58.jpg)
Game Level Designer
![Page 59: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/59.jpg)
Particle Effects Artist
![Page 60: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/60.jpg)
Photographer
![Page 61: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/61.jpg)
Print Designer
![Page 62: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/62.jpg)
Texture Artist
![Page 63: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/63.jpg)
Video Editor
![Page 64: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/64.jpg)
Visual Effects Artist
![Page 65: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/65.jpg)
Web Designer
![Page 66: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/66.jpg)
The Way it Should Be
![Page 67: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/67.jpg)
![Page 68: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/68.jpg)
The Future
of Web Design(Should Include Everyone)
![Page 69: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/69.jpg)
Sergie Matthew
![Page 70: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/70.jpg)
![Page 71: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/71.jpg)
![Page 72: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/72.jpg)
The most damaging phrase in the language
is We’ve
always done it this way!
“
-Grace Hopper
![Page 73: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/73.jpg)
“The most dangerous thing you can think as a
creative person is to think that you know exactly what you’re
doing. Because once you do that, you stop
looking around for other ways to do things. You
become blind to the possibilities.”
-Bret Victor
![Page 74: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/74.jpg)
![Page 75: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/75.jpg)
![Page 76: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/76.jpg)
![Page 77: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/77.jpg)
The Web is the first supermedium
we’ve ever created.
![Page 78: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/78.jpg)
People Empowered to Build for the Web
People Who
Aren’t
![Page 79: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/79.jpg)
Sergie Matthew
![Page 80: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/80.jpg)
![Page 81: The Future of Web Design Is Not Code, Vlad Magdalin](https://reader031.fdocuments.in/reader031/viewer/2022020917/58ad548c1a28ab0b0f8b5829/html5/thumbnails/81.jpg)
Thanks!(Now Go Build Something Awesome)