2024년부터 다시 시작된 디자인 & 개발 공부 기록.
매달 배우는 것들과 참고하면 좋은 사이트를 잊어버리지 말고 꼭 정리해두자. 매일 조금씩이라도 공부하고 리서치하는 것이 목표!
1. UI/UX 디자인
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 |
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.