logo

Mead.Design

Designing for Students

October 20th, 2016

This fall, I decided it was high time to redesign lessons for my Intermediate Web Design class at Art Institute. Some of these same designs can be used with my classes at UC Davis as well. Although I have made numerous tweaks to the Intermediate Web Design curriculum, it has been three years since I have done a complete redesign of it. The content I designed and created three years ago has served me well, but the web has moved on in a number of ways, both technologically and aesthetically.

This design is simple enough to code with out a single ID or class, but it shows you can make a simple page look good.Three years ago it was still important to include an HTML5 shiv in your projects. Today, those old browsers that need it are gone. Another technology that has slipped into disuse, for the moment anyway, is sprites and sprite sheets. I expect we may see this technique reemerge in the future in some new way, for now, it is all about icon fonts (even though there is some reasonable amount of backlash against those too). Scalable vector graphics are all the rage, as one can not be sure of the resolution of the target screen, it is hard to make sure your graphical elements will look crisp and clean, unless they are scalable. SVG and many of the newer CSS3 techniques are widely supported by browsers now and there is so much you can do reliably on the web that you could not do even three years ago.

Aesthetically, the web has gone flatter in three years. Flat design has taken over, and although some of the tenants of flat design have been attenuated a bit in the past year or so, there are far less textures, gradients and drop shadows found in modern web design today. I think some of this stuff is cyclical in a way, but some approaches, like skeuomorphic design (trying to make stuff look like real world objects), seems permanently dead.  I could be wrong, perhaps it will come back in a new way, but it seems like the medium of the screen has finally come into its own.

My own design aesthetic has evolved and matured in the past three years as well. As I see new work from bright young designers, it affects my own approaches and thoughts about design. There is always room to strive for better design!

bakeryThe designs I have created to help students learn about web design are simple, and intentionally require few techniques. The coffee shop design requires absolutely no use of IDs or classes at all. It is amazing what you can accomplish with only tag selectors today. In fact, I have been amazed myself, as I find new ways of teaching students how to use CSS how infrequently I need either ID’s or classes.

I am excited to include these new designs in my growing catalog of work, which is so different from other designers work because it’s target audience is students learning to design and code. I hope these pieces inspire students to make more sophisticated design decisions in their own work.sacwritersgroupThis design for a fake Sacramento Writer’s group is deceptively simple and the lesson allows a way in to some interesting and important issues in web design and development.

Comments are closed.

Categories

Recent Comments

    Featured Projects

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > ZAP Creative

      Responsive Design, HTML, CSS, JS, PHP and WordPress

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > Animal Shelter

      Responsive Design, HTML, CSS, JS, PHP and MySQL

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > Experimental JavaScript

      Responsive Design, HTML, CSS, and JavaScript

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > KITTENS FOR SALE!

      HTML, CSS & JavaScript focusing on jQuery plugins

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > Syllabus Generator

      PHP & MySQL Web Application

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 89
      > CodeSnap Web Application

      PHP & MySQL web application

    More Projects

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > 4.23 Microsite

      Experimental JavaScript Microsite

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > Audio Space

      HTML, CSS & jQuery

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > Bttrfly Productions

      HTML, CSS, JS, & WordPress

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > Desktop Repainter

      HTML, CSS & JS

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > Bluephant Dental

      HTML, CSS, & JS

      Warning: Undefined variable $this_post in /home/meadpoin/meaddesign.net/portfolio/wp-content/themes/portfoliotheme/single.php on line 106
      > Zen Music Festival

      HTML & CSS

    About William Mead…

    William Mead Photo

    This site shows some of my front-end design and development work and shows how I use these projects to teach students about those same topics.

    Find me on these networks

    Professional Qualities

    • Enthusiastic about teaching, learning, managing projects and building products for the web.
    • Deeply creative and always playful. Frequently engrossed in solving complex puzzles.
    • Thoroughly engaged in the design and web development industries.
    • A visual learner with an analytical mind.
    • Introspective and always striving for improvement.

    Skills

    I am particularly good at bending CSS to do my bidding, and I really enjoy creating custom interactivity with JavaScript. I am always excited about new problems that need to be tackled.

    Contact Me…

    I look forward to hearing from you. Please contact me using the form or directly by email or phone.

    bill@meaddesign.net
    530-219-8998

      Your Name (required)

      Your Email (required)

      Subject

      Your Message

      Anti Spambot Question