Steps to designing your portfolio when you're new to design
•Download as PPTX, PDF•
0 likes•79 views
I was invited to be a guest lecturer for Northwestern University's Medill School of Journalism graduate students spending their fall semester at Northwestern's San Francisco campus. My lecture was around Web & Communication Design, and part of the hands-on activity involved students applying these fundamentals to designing their first portfolio. While there are a ton of web services like Wix & Squarespace that let you start with pre-created templates and customize them, might still help dissect and understand the various considerations that go into designing a portfolio. I figured the extended community of early designers & non-designers might benefit from it.
Recommended
More Related Content
Similar to Steps to designing your portfolio when you're new to design
Similar to Steps to designing your portfolio when you're new to design (20)
Recently uploaded
Recently uploaded (20)
Steps to designing your portfolio when you're new to design
- 2. Design
- 7. Your Brand
- 9. PersonalityBrand What's the difference between voice and tone? Voice & Tone You have the same voice all the time, but your tone changes.You might use one tone when you're out to dinner with your closest friends, and a different tone when you're in a meeting with your boss. - MailChimp
- 10. Personality –Voice &ToneBrand Tone Profile • Professional vs. stuffy • Fun vs. childish • Laid back vs. unprofessional • Clever vs. stuffy • Detailed vs. perfectionists • Funny vs. serious • Formal vs. casual • Respectful vs. irreverent • Enthusiastic vs. matter-of-fact
- 11. Personality –Voice &ToneBrand This But Not That • Fun but not childish • Helpful but not overbearing • Clever but not silly • Informative but not a technical nerd • Casual but not sloppy • Experienced but not formal • Authoritative but not bossy • Confident but not arrogant
- 12. Logo Brand
- 14. Content
- 16. Elements of a portfolio Content
- 28. Layout Content
- 29. What’s does a layout mean? Website Layout A website layout is a pattern (or framework) that defines a website’s structure. A good layout keeps users on the site because it makes important information easily accessible and intuitive to find. LayoutContent
- 32. Screenflow Helps you design the path that your users will have to go through to get the value they are looking for. ScreenflowContent
- 34. Visual
- 36. TypographyVisual More than 95% percent of information on the web is in the form of written language.
- 37. TypographyVisual What isTypography? Typography is the visual component of the written word. Good typography makes the act of reading effortless, makes a website more attractive and offers a better UX.
- 38. Colors Visual
- 39. ColorsVisual A basic color wheel contains the 12 standard colors used to create color schemes. Each slice of the pie represents a family of colors that can be achieved with different saturations, hues, tints, shades, and mixes of neighboring colors. Color Wheel
- 40. ColorsVisual Every color has its unique tones and meanings. By carefully selecting your colors, you can reinforce the overall message of a site. Color Psychology
- 41. ColorsVisual Color Palettes Combine colors that complement each other to create your unique style!
- 42. Style Visual
- 49. Motion
- 55. Non-Design Tools
- 56. Non-Design Tools
Editor's Notes
- communicate ideas, How you present information
- Your tone also changes depending on the emotional state of the person you're addressing. Multiple ways, 2 ways I like are:
- This is where you identify dimensions & attributes, put them on a 3-point scale to create a tone profile.
- This is where you identify dimensions & attributes, put them on a 3-point scale to create a tone profile. what I am & what I am not
- Lettermark – unique font (created) Wordmark – simple standard font, popular brand
- COPY: Make sure your tone & voice translates throughout the site
- Since portfolio, gather all pieces of content that needs to be communicated
- After the logo…