Introduction to Digital Design
In our last video we learned all about book design, how to tell your story from the first page to the last. Now we're going to talk about how to tell that story on screen, moving from a book to a blog to a website to your next iPhone app. This brings us to tool number five, systematic thinking. Systematic thinking is basically a fancy way of describing how you understand systems and how systems can accommodate you, the user. A great metaphor for this is your favorite web browser. The designer of the web browser couldn't have possibly imagined all the strange and interesting things that you would look up online, from your favorite ice cream to the latest pop song, but what he or she did is design a series of rules, or a system, that creates a predictable outcome, keeping in mind you, the user, the design, response, all the things that you're looking for. In our next two videos we're going to talk about designing for screen. In our first video we're going to dive deep into HTML and CSS. ...
In our second video we're going to move more deeply into modern web design. HTML and CSS is a foundational tool for the contemporary communication designer. A lot of students ask me why code matters, and what I always say is it's like looking at a car versus opening up the hood of a car. When you open up the hood of a car, you start to understand more how the car was constructed, why it runs the way it does, and you can even start to customize the car in interesting ways and begin to innovate whereas when you use predefined tools, such as only Photoshop, Illustrator, or Sketch for designing for screen, sometimes you're even limited by the software, but if you know a little bit of code, it helps you to understand the logic of what's possible on screen, and it also helps you to innovate in new ways. So in our next class we're going to learn about HTML and CSS. This is really the first step in understanding what design; HTML helps you lay things out in the browser, and CSS really helps you to style that content in the same way you style type-in images in InDesign, so let's get started.