︎ Tues April 16, 2024

Hope you all had a wonderful week. As discussed last class, we will be meeting in small groups today. Please come prepared with a list of 4 projects you wish to share on your personal portfolio. If you have documentation, bring it to the table so we can discuss how to improve for sharing. If not, have an idea of what you want to share.

I’ll quickly share an outline of the brand package you are going to create for yourself. I was going to share last week but I wanted to put more thought into it.

Group 1 (5pm-5:45pm):
Wenqing Gu
Yafei Liu
Ishanee Joshi
Yan Shao

Group 2 (5:45-6:15pm):
Kanika Anand
Chenxu Huang
Saunders,Grace
Hanxiao Zhou

Group 3 (6:30-7:15pm):
Migi Fabara
Samantha Frost
Yihao Wang

See you all soon! Let's get it!

︎ Tues Mar 12, 2024

1. Next week, pick one pro tip about Figma you’ve found useful—and that could be useful for everyone to understand. You’ll share what you’ve found to the class.

2. Let’s get as far along as we can with all your additional pages (and review)

3. I’ll give a mobile buildout demo and a tutorial on how to prototyping. Lastly I'll walk through a couple plugins I find very useful in my day-to-day.

4. More importantly, you'll get to meet my new puppy Atlas. She's amazing 😍️.

︎ Tues Mar 03, 2024

1. Bring the heat on your homepage designs🔥. Push what you would expect of a website—try to think about how your website could taste, feel, even smell. If it’s a food site, make it evoke hunger. If it’s a music site, make it push the user to explore, dig deeper, discover.

2. Next class will be more of a work session. Let’s connect quickly at our normal start time and then I’ll keep the Google meet open and you all can jump in for feedback as you wish. That doesn’t mean you have the day off, let’s use this time to troubleshoot, brainstorm, and share ideas. Also if you have any techical questions about Figma, this is a good time to bring that stuff up.

3. Have a nice weekend!

︎ Tues Feb 20, 2024

For class this week:

1. We will walk through P1.P2 of the web re-design project.

2. Here are some helpful addons for chrome. I use these almost everyday when I’m designing for the web. Give them a whirl!

Awesome Screenshot
Eyedropper
What Font

Fonts!

Inspiring 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://abcdinamo.com/students

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/

︎ Tues Feb 13, 2024

For class this week:

1. Please upload your first draft of your wireframes and styletile to our class figma. We will review in small groups this week.

2. Watch this tutorial on Auto Layout, they do a much better job explaining things than I did.

3. We will be meeting in small groups next week, please be on time to keep things moving. See ya then!

Group 1 (5pm-5:45pm):
Migi Fabara
Kanika Anand
Samantha Frost
Wenqing Gu

Group 2 (5:45-6:15pm):

Cason Huang

Ishanee Joshi
Grace Saunders

Group 2 (6:30-7:15pm):
Yan Shao

Yihao Wang
Hanxiao Zho
Yafei Liu

︎ Tues Feb 6, 2024

For class this week:

1. Please upload your finished sitemaps to our class figma.

2. Feel free to share any progress you’ve made on the wireframes and styletiles. I’ll give a tutorial on how to dial in your wireframes as well as show a mobile breakdown.

︎ Tues Jan 23, 2024

This week, I’d like you to dive Into project 1. Please be ready next class with the following:

To do︎

1. Pick the website you wish to re-design. Please choose something that interests you. Again, as expressed in class—this is pretty open so that you can make the best of it. Choose something fun or interesting! Come to class with some notes about why you made your selection.

2. Learn about FigJam by watching this figma tutorial.

3. Start building your first draft of the sitemap and be prepared to walk us through the website you chose using FigJam. No pressure on the first draft of the wires, come with any questions and try out some different ways of making them. Try a template out, try making your own, try customizing the template provided on the drive.

︎ Tues Jan 17, 2024

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 regularly to stay informed.

To do︎

1. Check out Figma. It’s free, you just have to sign up. Please be sure to do the education application so you can have all the pro features for free.

2. Once you have Figma up and running, start familiarizing yourself with the interface. Please watch their Intro to figma courses (1—4).

3. You should have received an invitation to Slack via your school email address. Please sign in and drop a “hello” in the general channel so that I know you’re in. Gifs and custom emoji’s are encouraged.

4. Familiarize yourself with the Syllabus. Let us know If you have any questions.

------

Cargo is an incredible website builder, offering a student program code that allows for a free, professional website for one year.

Notice the new code for the academic year: Use ad9fab05 until Sept 1 and then a7c1f9de after. Open the Settings tab (gear icon) in the Admin panel, open the Cargo Account Settings menu and click on Site Upgrades. Expand the relevant site upgrade, click on Add a Payment Method and select Use a Promo Code.

Home

︎

Work ︎ Blog ︎ About ︎

Work

About

Work

︎

Blog

︎

About

︎