Coursework
︎ Tues April 06
@fontface Rule
Squarespace
https://www.youtube.com/watch?v=T3ni_CTPBPw&ab_channel=KristenFulchi
@font-face{
font-family: 'Quentin';
src: url (' ');
font-weight: regular;
}
h2 {
font-family: 'Quentin';
}
HTML CSS
https://www.youtube.com/watch?v=QhhYZJFOZnY&ab_channel=CalerEdwards
Cargo
https://support.cargo.site/Using-Your-Own-Webfonts
Semplice
https://www.semplice.com/custom-font-guide
Font Inspiration
Inspiration Websites
https://www.typewolf.com/recommendations
https://fontsinuse.com/
https://www.itsnicethat.com/
(less about fonts, more about design)
https://www.awwwards.com/
https://dribbble.com/
(more for trend checking)
Foundries
https://www.nikolastype.com/
http://www.velvetyne.fr/ (free)
https://pangrampangram.com/
(great starter pack)
https://lineto.com/
https://black-foundry.com/
https://klim.co.nz/
https://fonts.google.com/ (free)
https://thedesignersfoundry.com/
https://www.colophon-foundry.org/typefaces/
https://www.goodtypefoundry.com/
https://www.grillitype.com/
https://ohnotype.co/
https://velvetyne.fr/fonts
https://www.colophon-foundry.org/
http://www.typeclub-duesseldorf.de/
(font used on this site)
︎ Tues Mar 30
| 6-6:30pm | ||||
| Sarah Tan | ||||
| Lena Park | ||||
| Hannah Abele | ||||
|
7-7:30pm
| Lydia Tonkonow |
| Megan Irwin |
| Richa Poddar |
7:30-8pm
| Henry Roderick |
| Celi Monroe |
| Domella Dotan |
︎ Tues Mar 16
Please read this article.
︎ Tues Mar 02
Today is primarily a work day. We will check in at the start of class to go over Part 2 of Project 1. I will then see if anyone wants to share their progress with the class for feedback/critique. After that, we can break free and I will be available in zoom if someone wants individual help.
︎ Tues Feb 23
We will start class with a grid tutorial and then I can answer any questions you might have from the weekend. We will be having a guest lecture from the talented Zuli Segura. She has put together a wonderful talk.
😀️
︎ Tues Feb 09
We will start class with a styetile tutorial. I’ll show you how I approach them. After this, we will break into smaller groups to talk through your wireframes and sitemap. Please post a link to your work-in-progress via InVision or Figma (share link in the p1 channel on slack). It is not required to make the wires clickable — unless you want to explore how it works.
Designated meeting times are llisted below:
6-6:30pm
| Henry Roderick |
| Celi Monroe |
| Domella Dotan |
6:30-7pm
| Lydia Tonkonow |
| Megan Irwin |
| Madeleine Page |
7-7:30pm
| Ana Tobin |
| Matt Holben |
| Shoshana Schultz |
7:30-8pm
| Sarah Tan |
| Lena Park |
| Hannah Abele |
| Richa Poddar |
︎ Tues Feb 02
This week we covered sitemap, wireframe, and styletile design. I would like you to explore different templates for sitemaps, and wireframes. There are a lot of resources online. I have collected some over the years, uploaded here.
To do︎ (before class Feb 9th)
1. Pick a website you want to re-design. Again, this should be something meaningful to you. List out why you want to re-design it and some notes about the changes you would like to explore.
2. Open up sketch, familiarize yourself with the interface. Start constructing your wireframe and sitemap. Bring something to share, or some questions. I’ll do my best to answer them.
Have a nice weekend!
︎ Tues Jan 26
Welcome! to GD 5350. Here you will be able to find the syllabus, project handouts, class notes, assignment prompts, and a variety of other class-related material. Check back to this site on the reg to stay informed.
To do︎ (before class Feb 2nd)
1. Download Sketch, Figma, and InVision. All programs offer a free student edition. You will most likely have to provide an image of your school ID.
2. Once you have the programs, open them up and start familiarizing yourself with the interface.
3. Watch this video titled “What Screens Want” by Frank Chimero. Answer these questions and email me your answers (we will discuss as a class):
- What is your favorite website based on usability and design?
- What would you like to achieve in this class?
- What is Flux? and how do you see it incorporated into web/screen design?
- What do you think are the advantages / disadvantages of screen-design as opposed to print-design?