visual design

UX + Animation in Social Media

I've been thinking a lot about the UX of social media lately. Instagram is currently the most relevant platform and I am trying to think about how to create the best Instagram experience. In

1. Branding
Consistent visual language is essential. How do you show off your brand while reflecting your personal self? Everyone is a brand. I personally think there is a trade-off. You either focus more on your professional work, or you focus on your personal life. It's hard to balance either --so as a designer, you make the choice of what to focus.

2. Animation
People stay on animations/videos longer. In comparison to flat designs, Instagram users will linger on video content longer. This makes sense because users can easily scroll past flat design on a feed, whereas animation or video will keep a user's attention for maybe 6-7 seconds.

But how might we create an experience that allows users to ENGAGE with an animation/video?

3. IGTV - What is this?
Instagram is trying to come at Vine and Youtube with IGTV. Ideally, IGTV would have been within the Instagram platform, instead of requiring users to download another app. However, Instagram users can definitely

 So my question is: What's a good IGTV Experience? Is it a short minute long clip, similar to Instagram Stories or Instagram Live? Why would users choose to use IGTV over Stories or Live? Stories is the most commonly used and seamless experience --what makes IGTV better?

How To Make Your Own Font

Happy Typographics 2018! To celebrate the conference, I signed up for a "Typeface Design for Non-Type Designers" Workshop at Cooper Union. Although I have general visual design knowledge from classes at Parsons and SVA, I wanted to delve in deeper to create...Amelia Sans.

Our fearless teacher Matteo Bologna taught us how to use Glyphs. Matteo co-taught with Georg Seifert and Rainer Erich Scheichelbauer (masterminds behind Glyphs). This is a far more useful program to create fonts with than Illustrator. Why? Because of the keyboard shortcuts. Glyphs also focuses on "nodes" instead of bezier curves, which is much more user-friendly for people who are not Illustrator Pros. 

I learned to love Command+Shift+A, which helped me align all my "nodes".  When your nodes are aligned, you create beautiful rectangle boxes that look like "l" or "i"'s. We started off making "n", which we adapted to create "m" and "u". I learned quickly to repurpose my Glyphs to make other alphabets.

Screen Shot 2018-06-14 at 10.49.14 AM.png

"S" was by far the hardest letter to create. We had to split the top half of the letter "c", duplicate it, and mirror it. Then, the mirror half c's nodes were connected. You have to move the new Glyph's nodes in accordance to the "S" bends and finally correct the letter out by adding curves where needed by Option+Shift+Click.
 

Screen Shot 2018-06-14 at 10.30.17 PM.png

Interpolation was fun too! Glyphs allows users to create fonts in 6 weight through copying and quick export. I created Light, Regular, Medium, SemiBold, Bold, and Black versions of my new font and was able to use it quickly in InDesign. Now to work on Amelia Sans...

Type Exploration