UI/UX 공부 1월편 - 현재 업데이트 중입니다

2024년부터 다시 시작된 디자인 & 개발 공부 기록. 

매달 배우는 것들과 참고하면 좋은 사이트를 잊어버리지 말고 꼭 정리해두자. 매일 조금씩이라도 공부하고 리서치하는 것이 목표!



Table of Contents

1. UI/UX 디자인
  1) 단어
  2) 공부 자료
  3) Design brief

2. 폰트 공부
  1) 참고 사이트

3. Inspiration
  1) 개인 포트폴리오
  2) 웹디자인 참고용
  3) 컬러, 디자인 참고
  4) 그 외
 



1. UI/UX 디자인


1) 단어


Strengths of company A's UI

Consistency

Unified color palette

Unified aesthetics

Minimalistic design

Responsive design

dark-themed background minimizes eye strain(눈의 피로) during prolonged(장기간의) usage

subtle(은은한, 옅은) animations 

Streamlined navigation

Intuitive layout

Focused content 

Efficient check-out Process


6 Criteria That makes UI Good

User-centred

Simplicity

Consistency

Responsiveness

Feedback - Users should receive clear feedback on their actions (animations, messages, or other cues)


Prioritize readability

Limit choices

Use familiar patterns

Minimize load times

Test and iterate


Readability strategies

Higher contrast colors

Larger text

Shorter line length

kerning

leading

typeface choices




2) 공부 자료

 

Figma - Design basics

www.figma.com/resource-library

유데미나 코세라에서 좀 더 전문적이고 체계적인 강의를 듣고 공부하고 싶었는데, 그냥 figma resource에도 좋은 자료가 많아서 일단 이달은 이걸로 공부.


Figma - Dictionary

www.figma.com/dictionary/ 

시간날 때 용어 공부용으로 읽어보기 좋은 페이지


Content accessibility guidelines (WCAG)

www.w3.org/WAI/standards-guidelines/wcag/

ideal contrast ratio도 확인 가능


Design systems

developer.apple.com/design

m3.material.io/




3) Design brief

 

for effective communication, sharper focus, and streamlined workflows

  • Project overview
  • Goals and objectives
  • Problem statement
  • Brand competitors
  • Brand guidelines
  • Brand messaging and tone
  • Target audience
  • Project budget
  • Project timeline
  • Project deliverables




2. 폰트 공부


1) 참고 사이트


Adobe Fonts

Google Fonts




3. Inspiration 


1) 개인 포트폴리오


Jiwon Shin 

Creative coder (interactive experiences, performances) 

jiwonshin.com


Jesse Nyberg 

그래픽 디자이너 & 유튜버. 포트폴리오 참고하기 

jessenyberg.design



2) 웹디자인 참고용


web design inspiration

seesaw.website


SEE SAW image
SEE SAW



figma blog

www.figma.com/blog

블로그 스타일 참고


dribbble

behance

Awwwards




3) 컬러, 디자인 참고


MoMa

moma.org


Vignelli archives

vignellicenter.tumblr.com



4) 그 외


UI designers focus on visual detail and consistency,

UX designers focus on user flows and information architecture.





* 함께 읽으면 좋은 글 


혼자 공부하고 성장하고 일하기




댓글 쓰기

다음 이전