2024/12/03 5

[Figma] 컴포넌트(Component) 기본 개념 & 활용 & 규칙 정리

컴포넌트 기능이 헷갈리고, 계층 구조가 대체 어떻게 이뤄져있는 것인지.인스턴스와 메인 컴포넌트의 차이는 무엇인지.각각 어떤 규칙이 있는지. 잘 모르겠고 헷갈린다면 1시간만 투자하여 아래 4개의 영상을 보시는 걸 추천드립니다. 강의 자료: https://www.figma.com/community/file/1247731639755656792 https://www.youtube.com/watch?v=UBlFnSNXufEhttps://www.youtube.com/watch?v=6sJqDM_KOfohttps://www.youtube.com/watch?v=8IgztlsOpaQhttps://www.youtube.com/watch?v=PW7nV3L8vCg&t=676s

[Figma] 베리어블(Variable) 기본 정리

1. 베리어블의 역할:- 반복 작업을 줄이고 디자인 요소를 재사용할 수 있도록 돕는다.- 다크 모드와 라이트 모드 같은 테마 전환을 쉽게 관리할 수 있다.2. 베리어블의 유형:- 컬러: 색상을 변수로 정의하여 테마 전환이 가능하다.- 넘버: 간격, 크기 등을 조정할 수 있는 숫자 변수를 제공한다.- 텍스트: 문자열을 변수로 정의하여 텍스트를 일괄 수정할 수 있다.- 불린: 켜기/끄기 상태를 설정할 수 있는 변수다.3. 활용 사례:- 다크/라이트 모드 구현을 간편하게 할 수 있다.- 반응형 디자인을 설계하며 UI 요소의 크기와 간격을 동적으로 조정할 수 있다. 4. 사용 방법 - 베리어블 생성하기:피그마 상단 메뉴에서 "Variables" 패널을 열거나, 오른쪽 패널에서 "Create Variable" 버..

[UX Toolkit 004] Double Diamond: 문제 해결을 위한 디자인 프로세스의 시작

"문제를 제대로 이해하고 올바른 해결책을 찾고 있는가?"많은 프로젝트가 실패하는 가장 큰 이유는 문제를 잘못 정의했기 때문이다. 이때 필요한 것이 바로 Double Diamond 프로세스다. 디자인 씽킹에서 발전된 구조로, 문제를 탐구(Discover)하고, 구체화(Define)하며, 해결책을 설계(Develop)하고, 결과물을 전달(Deliver)하기까지의 과정을 시각화한 모델이다.Double Diamond는 영국의 Design Council에서 처음 공식화되었으며, 현재 다양한 산업에서 문제 해결의 강력한 프레임워크로 활용되고 있다.  대학생 때 참여했던 SOPT에서 디자인 파트장으로 활동하며 UX 세미나를 진행했을 때, 아래 이미지만큼 Double Diamond에 대해 깊이 다뤘었다. Double ..

[UX Toolkit 003] Design Thinking 참고할만한 링크

2024.12.03 - [Design/01. UX Toolkit (실무 중심의 도구와 방법론)] - [UX Toolkit 002] Design Thinking: 문제를 제대로 정의하고 해결하는 방법Design Thinking에 대한 이해를 돕기 위해 신뢰할 수 있는 자료와 리소스를 소개한다. 해외 중심의 이 링크들은 Design Thinking의 기본 개념부터 심화 내용까지 다루며, 실무 활용에도 유용하다. Design Thinking 개념 및 사례IDEO - Design ThinkingDesign Thinking의 창시자로 알려진 IDEO의 공식 페이지다. 기본 개념과 다양한 사례를 확인할 수 있다.https://designthinking.ideo.com/스탠포드 d.school - 리소스Design ..

[UX Toolkit 002] Design Thinking: 문제를 제대로 정의하고 해결하는 방법

왜 대부분의 프로젝트가 실패하는지 생각해본 적 있나요?많은 프로젝트는 잘못된 문제 정의와 사용자 니즈의 오해 때문에 실패로 끝난다. 이런 문제를 해결하기 위해 필요한 것이 Design Thinking이다.Design Thinking은 단순히 문제를 해결하는 것을 넘어, 문제의 본질을 올바르게 정의하고, 사용자 관점에서 창의적이고 효과적인 해결책을 찾아가는 방법이다. 이 글에서는 Design Thinking이 무엇이고, 이를 UX 디자인과 문제 해결에 어떻게 활용할 수 있는지 단계별로 알아본다. Design Thinking이란 무엇인가?Design Thinking은 문제를 해결하는 데 있어 사용자 중심의 접근 방식을 강조하는 프레임워크다. 단순히 "문제를 해결하자"는 접근에서 한 발 더 나아가, 문제를 올..

728x90