figma 9

[내일배움캠프 사전캠프] DAY.15 사전캠프 마지막날 // 소프트스킬 세션 // (5강) 수강 완료

TIL. 2025/10/31 1. 오늘 학습 키워드- 김태길튜터님 소프트스킬 세션(2시)- 피그마 화면을 구성하고, 실제로 구상되기 위해서 필요한 과정들을 배웠다. 1-1. 오늘의 학습 목표- 김태길튜터님 소프트스킬 세션(2시)- 5강 모두 수강 완료하기(나머지 학습) 2. 오늘 학습 한 내용을 나만의 언어로 정리하기: 실제 디자인 실무에서 필요한 정보와 꿀팁으로 세션을 진행하여 주셔서 좋았다. 5주차 강의는 앞으로 만들고 사용하게될 상세한 화면 구성을 어떻게 실제로 구현할 수 있는지에 대한 내용을 다뤄주셨다 김태길 튜터님 소프트 스킬 세션디자이너는 피드백을 대하는 태도가 가장 중요함. 수용하는 태도! >피드백을 해주는 사람의 의도와 관점을 알 수 있음. >>문제해결 관점의 차이를 확인할 수 있는 기회..

[내일배움캠프 사전캠프] DAY.14(5강) 프로토타입과 프로토타이핑

TIL. 2025/10/30 1. 오늘 학습 키워드프로토타입과 프로토타이핑 1-1. 오늘의 학습 목표강의3개듣기 2. 오늘 학습 한 내용을 나만의 언어로 정리하기 5-6강. 프로토타입과 프로토타이핑>피그마에서 만든 디자인을 실제 앱처럼 작동하도록 만드는 기능 프로토타입(Proto-type): 시제품 // 디지털 제품에선 실제 제품을 만들지 않고 아이디어를 테스트해볼 수 있는 것.>구현 정도-1. Lo-fi(Low-fidelity): 낮은 단계의 프로토타입, 전체적인 흐름을 빠르게 맞춰볼 수 있는 수준. 와이어프레임도 낮은 단계의 프로토타입 -2. Hi-fi(High-fidelity): 높은 단계의 프로토타입, 실제 제품과 거의 같거나 유사한 수준 >>> 프로토타입을 만들거나 프로토타입을 사용해 테스트..

[내일배움캠프 사전캠프] DAY.13 (5강) 피그마 화면 디자인 실습

TIL. 2025/10/29 1. 오늘 학습 키워드: 화면 디자인 실습 - 목록 / 상세 / 로그인 화면 1-1. 오늘의 학습 목표5주차 강의 : 화면 디자인과 프로토타이핑- 강의 3개 수강하기 2. 오늘 학습 한 내용을 나만의 언어로 정리하기: 화면 디자인 실습을 진행하였다. 목록 / 상세 / 로그인 화면에 대한 개념과 실습을 진행하였다. 5-3강. 화면 디자인 실습 - 목록 화면: 목록 > 많은 정보를 같은 구조로 컴팩트하게 만든 컴포넌트를 반복해서 보여주는 화면 -목록 관련 컴포넌트리스트 컴포넌트: 컨테이너에 포함하는 컴포넌트 / 동일한 형태의 정보 덩어리를 반복적인 패턴으로 보여줄때 사용 -구조 리스트 컴포넌트를 활용한 목록 화면을 만들었다. 5-4강. 화면 디자인 실습 - 상세화면: ..

[내일배움캠프 사전캠프] DAY.12 디자인 피드백 세션 / 5주차 강의 학습

TIL. 2025/10/28 1. 오늘 학습 키워드홈 화면 만들기 > 앱 바 컴포넌트 실습해보기 1-1. 오늘의 학습 목표- 브랜드 콘텐츠 디자인 피드백 세션 (이동규 튜터님) - [피그마] 배너 디자인 피드백- 피그마 5주차 강의 3개 수강하기 2. 오늘 학습 한 내용을 나만의 언어로 정리하기: 색의 대비가 시각적으로 매우 중요한 역할을 함! > 색 대비 많이 익힐 수 있도록 많은 예시 이미지 공부하자앱바 컴포넌트를 학습하고 실제로 배우니 이해가 빨리 됨. - 브랜드 콘텐츠 디자인 피드백 세션 (이동규 튜터님)* 피드백 내용①수정사항1. 흰색과 민트 컬러가 밝은 유사 컬러여서, 무진장 글자가 그림자 있음에도 조금 아쉬움. 색대비!!!2. 빛을 쏘는 모양이 삼각형 형태 모양도 좋음 , 중앙에서부터 태..

[내일배움캠프 사전캠프] DAY.11 [피그마] 배너 디자인 기획 제출 및 제작

TIL. 2025/10/27 1. 오늘 학습 키워드GPT로 ImageFX 프롬포트 작성 후, ImageFX / Whisk 사용 1-1. 오늘의 학습 목표[피그마] 배너 디자인 기획 제출[피그마] 배너 디자인 제작 제출 2. 오늘 학습 한 내용을 나만의 언어로 정리하기배너 디자인 기획안 작성 후 제출 https://www.notion.so/2960c49b817080a6ba6be613bea79414?source=copy_link 배너 디자인 제작https://www.notion.so/2960c49b817080e780f9e8803b6ac083?source=copy_link 제출 디자인 *과정*- GPT 프롬포트 작성 - ImageFX / Whisk 사용하여 이미지 추출- 선택한 이미지 활용하여 배너 디자인 ..

[내일배움캠프 사전캠프] DAY.10 (4강) 합성 컴포넌트와 네스티드 인스턴스 / 배너 디자인 기획

TIL. 2025/10/24 1. 오늘 학습 키워드: 합성 컴포넌트 / 네스티드 인스턴스 / 탭 컴포넌트 1-1. 오늘의 학습 목표- 피그마 4주차 강의 수강 완료 > 과제 제출- [피그마]배너 디자인 기획 2. 오늘 학습 한 내용을 나만의 언어로 정리하기 4-7강.합성 컴포넌트와 네스티드 인스턴스 - 합성 컴포넌트 ①일반적 : 파운데이션 요소들의 결합 > '컴포넌트'의 결합 > 패턴 ②컴포넌트 + 컴포넌트 > 컴포넌트 > 합성 컴포넌트 ③컴포넌트 + 파운데이션 > 컴포넌트 > 합성 컴포넌트*구성 : 바텀시트(밑에서 올라오는 것들), 다이얼로그(팝업창), 리스트(목록), 카드(썸네일), 탭(전환 가능) 등 복잡한 구조임. - 네스티드 인스턴스 : 상위 컴포넌트에서 하위 컴포넌트의 프로퍼티를 바로 조작할 ..

[내일배움캠프 사전캠프] DAY.9 (4강) 컴포넌트 프로퍼티 / [캔바]브랜드 콘텐츠 디자인 실습

TIL. 2025/10/23 1. 오늘 학습 키워드컴포넌트 프로퍼티의 이해- 배리언츠 / 프로퍼티Boolean / Instance swap / Text 를 이해하고, 직접 실습 적용 1-1. 오늘의 학습 목표- 4-6강.까지 수강 완료- [캔바]브랜드 콘텐츠 디자인 실습 진행 2. 오늘 학습 한 내용을 나만의 언어로 정리하기컴포넌트 프로퍼티를 통해 컴포넌트에 변화를 주어 기능을 사용해 보았다. Variants 4-2강. 컴포넌트 프로퍼티의 이해 컴포넌트 프로퍼티 - 컴포넌트의 변화와 변경을 만들수 있는 피그마 컴포넌트 기능 > 의사 상태와 같이, 가상의 상태일때, 형태가 변화하거나, 안의 요소가 변경됨. 필요한 이유? : 하나의 컴포넌트로 더 많은 디자인을 효율적으로 만들때, 필요한 기능이기 때문 >피그..

[내일배움캠프 사전캠프] DAY.6 개인상담 및 강의수강: (3강) 컬러 스타일과 폰트 스타일

TIL. 2025/10/20 1. 오늘 학습 키워드(3강) 비 디자인 환경 이해 및 비 요소 만들기 中 : 컬러스타일과 폰트스타일 1-1. 오늘의 학습 목표- 2강 오토레이아웃/컨스트레인트 이전내용 복습 - 3강 이전내용 복습 - 3강 : ~3-5강.까지 강의 학습 - 16:30 ~ 17:00 담임매니저님과 상담 2. 오늘 학습 한 내용을 나만의 언어로 정리하기: 컬러스타일과 폰트스타일에 대하여 배울 수 있었다. 각 강의 당 내용 요약 정리 3-3강. 컬러스타일 컬러/색상 의 정의? 고정되어있는 값이 아님. 디지털 환경과 인쇄 환경에 따라 달리 표현됨 RGB와 Hex Code 디스플레이 ; 빛의 3원색으로 구현됨, / 빛의 농도와 명암을 조절하여 색을 만듦. (빨강,초록,파랑)빛을 더해가며 다른..

[내일배움캠프 사전캠프] DAY.4 (2강) 피그마 핵심 개념 학습

TIL. 2025/10/16 1. 오늘 학습 키워드: 피그마 핵심 개념 ; 프레임/그룹, 오토레이아웃, 컨스트레인트의 개념과 정의 2. 오늘 학습 한 내용을 나만의 언어로 정리하기:UXUI에서 사용되는 언어, 피그마 인터페이스 기본적인 개념을 배운것을 토대로, 피그마에서 사용되는 아주 기본적인 사용 툴에 관하여 다룸.그 중 가장 중요하게 배운 오토레이아웃/ 컨스트레인트의 개념에 대하여 심도있게 배운 시간이였다. 각 강의 당 내용 요약 정리 2-1강. 2강의 내용 간단 요약 소개-2강에서 수업 목표 : ①프레임과 그룹의 차이 / ②오토레이아웃의 원리 / ③컨스트레인트 리사이지의 개념 이해 피그마를 다룰때의 핵심 개념*프레임과 컨스트레인트 : 프레임은 피그마 디자인의 기본단위. 컨스트레인트는 프레임이 ..