résumés - brigham young university–idaho...ui/ux design. vs. it’s not all about looks* *it’s...

46
Résumés For Graphic and UI/UX Designers

Upload: others

Post on 24-Mar-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

RésumésFor Graphic and UI/UX Designers

Page 2: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Who are these for?What professions are the students preparing for?

Page 3: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

UI/UX Design (screen-based, interactive, user focused)

Branding/Graphic Design(Traditional visual communication career)

Surface Design(Patterns, licensing, aesthetic focus)

3 AREAS OF EMPHASIS FOR DESIGNERS

Page 4: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

UI/UX DESIGN

Page 5: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

UI/UX DESIGN

Page 6: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

UI/UX DESIGN

Page 7: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

vs.

Page 8: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

It’s not all about looks**It’s about how it works and what it says… and how it looks.

Page 9: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

It’s all about the PortfolioEverything points to their work!

Page 10: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 11: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 12: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

RésumésYes we should recommend they place the accent mark over the “é”

Page 13: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

vs.

Page 14: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Use A Grid

Page 15: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Use A Grid

Multiple Columns with variable widths use space more efficiently and allow for more negative space.

Page 16: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Use Clear Hierarchy & Divisions of Space

Name and relevant contact. Custom URL email w/name

Clearly labeled experiences show location, duration, and describe duties.

Would be easier to read with bullets not paragraphs.

Including references is not necessary but isn’t a faux pas

Conspicuously missing an objective or bio. These are not necessary.

Page 17: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Content Recommendations

List degree and all institutions attended during its pursuit. (transfer students can list multiple institutions).

Lead with design experiences over others.

Don’t list more than 3 non-design or related positions.

Don’t include more than 3 internships

Better to state: “Adobe Creative Suite CC” rather than list all apps. You may list specialty apps like Invision, Sketch, Maya etc.

Students should keep resume to a single page.

Page 18: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

GOOD/BAD REVIEW (of a template)

Good: Contact info is easy to find

Bad: Charts are arbitrary. Avoid them. The portfolio shows your software proficiency.

Bad: Text measure (width of column) is too wide. No more than 2.5 alphabets wide. Keep it narrow and easy to read.

Good: Job title is clear.

Bad: Bio not necessary. Plus it’s poorly spaced justified copy.

Good: Name is clear and set apart

Good/Bad: Job Duties are short, but a bulleted list may be better. (this may not work for you)

Page 19: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

RÉSUMÉ REVIEW

• List pending or completed degree

• Relevant work experience in reversechronological order

• For job duties, bulleted lists are preferred overparagraphs

• Keep it to one page

• Don’t list more than 3 unrelated jobs

• Don’t list more than 3 internships.

• You are judged on typography. Make it stellar!

• Software is not a skill unless it’s a specialty programlike Maya, Cinema 4D etc. Portfolio shows software.

• Don’t include a bio or statement of intent

• Custom portfolio URL’s are best.

TIPS:

Monograms are for towels not résumés.

Simple clean logotypes are preferred.

Don’t try to “stand out”. Typeset it professionally, spellcheck everything and you’ll be in top 10% guaranteed!

Get involved in local design clubs or organizations. AIGA like organizations show a desire to connect with like-minded people.

Page 20: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

ExamplesIf you click on this link: UX/UI Résumés you can also visit their portfolios. https://www.casestudy.club/journal/ux-designer-resume

Page 21: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

https://www.casestudy.club/journal/ux-designer-resume

Page 22: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 23: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 24: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 25: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 26: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 27: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio
Page 28: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Typography An extremely light overview

Page 29: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Choosing Fonts

Page 30: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Combining Fonts

Page 31: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Combining Fonts (no more than 2)

Nice visual contrast. Each serves a purpose. (Headers vs. Body copy)

Poor contrast. Both are heavy and only work as headers.

Page 32: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Kerning vs. Tracking

(Kerning Issues)

(Too much tracking)

Page 33: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Hierarchy

Page 34: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Hierarchy & Emphasis

Page 35: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Capital Letters

Page 36: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Tracking Text

Page 37: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Leading

Page 38: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Alignment

Page 39: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Alignment Bullets & Quote Marks

Page 40: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Readability Body Copy

Page 41: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Readability “Don’ts”

Page 42: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Widows and Orphans

Page 43: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Scaling

TEXTnormal text:

Page 44: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Fake vs. Real Small Caps

Notice how much morebold the capital letters are?

Visual weight is clearly similar.

Page 45: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Dumb vs Smart Quotes

Inch and foot marks

Double and single quotes

Page 46: Résumés - Brigham Young University–Idaho...UI/UX DESIGN. vs. It’s not all about looks* *It’s about how it works and what it says… and how it looks. It’s all about the Portfolio

Just Don’t…