Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save adamcaron/4413ae0598e5163007ac to your computer and use it in GitHub Desktop.
Save adamcaron/4413ae0598e5163007ac to your computer and use it in GitHub Desktop.
Lightening Talk Outline (Week of 7/27)

Where Programming Ends & UI Begins

1. The Struggle is Real

You wouldn't ...

  • To create a master woodwork, a carpenter wouldn't just grab some wood and start nailing it together
  • So too is it inappropriate to jump into the css file and start playing around with background colors

Respect that feeling in your guy

  • When you go to "style the page"
  • Like you're leaping from one point to another over a chasm, the distance of which has not been defined.

There are steps to take

  • Consider a banking application with a feature test: test_it_transfers_the_money
  • There are some assumptions being made for this test to pass
  • There are some unit tests that need to work in order for this larger chunk to become reality.
  • There are some steps that need to be taken in order to get there. There are some questions that need to be asked in order to fill in the details between (1) draw a circle (2) draw another circle (3) draw the rest of the fucking owl. There are some steps to take, questions to ask to get from "app with data & html" to "style that page..."

... so, yes, design is a separate process.

2. Visual Design is a Deep Field

Entire careers are made just from design

  • Designers of the (UX, UI, Graphic, Web Architecture, Content, Two-Dimensional etc.) Variety

It all starts with constraints

  • Constraints form the building blocks for the Elements and Principles of Design

The Elements and Principles of Two Dimensional Design

3. So, Now What?

Interested?

  • Persue it! There are great resources out there such as Hack Design (https://hackdesign.org), The Design of Everyday Things, or simply The Elements and Principles of Two Dimensional Design

Overwhelmed?

  • Fuck it! There are people out there, whole career paths designated for just this... so don't worry :) Let someone else handle it.

It's all tied together.

  • Software design and visual design are aspects of web-application design that are impossible to disentangle.
  • What we do as software designers and what people do as visual designers ... all comes down to purpose.
  • From both ends of the spectrum we want to produce a specific result and only one thing matters -- How elegantly can we do it?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment