PD Bootcamp

💡 25-04-16 (수) _오늘은 부트캠프 수업 첫날! 많은 동기분들과 매니저님,강사님 모두 화면을 키고 인사를 나누었다 비대면 수업은 처음이어서 꽤(?) 떨렸지만 괜찮았다 ㅎ..ㅎ 수업은 디자인 기초로 UX/UI에 대해 알아가는 시간을 가지며 어렵지 않게 수업을

UI는 UX의 일부이다색상은 사람한테 분위기와 감정에 큰 영향을 주기 때문에 중요하다(과한 색상 사용은 시각적 산만함을 줄 수 있음)또한 모든 색상에는 의미를 가지고 있다▫️ 빨간색은 열정,분노,긴장감▫️ 파란색은 시원함,신뢰,혁신적▫️ 검정색은 세련,현대적▶︎ 쿠팡

💡 25-04-18 (금) recent는 최근에 사용한 화면 사이즈 및 해상도를 나타내준다 16:9 사이즈로 설정하고 싶으면 사진 참고하기! resolution는 해상도를 뜻하며 72로 맞춰주기 웹용 디자인은 pixels를 많이 사용함(기본설정) -> 인쇄시 centimeters,milimeters 설정 ▫️ RGB 컬러는 웹용 ▫️

오늘은 두번째 포토샵 배우는 날 \~~ 👀처음에는 너무 어렵고 따라가기 벅찼는데 주말에 이것저것 눌러보고 단축키를 손에 익히니까 처음보다 수월했다 히히 배경을 없애고 내가 사용하고 싶은 부분을 쓸때 사용하는 방법이다펜툴 단축키는 P누끼를 딸 겉부분을 클릭-클릭해주는데

피그마를 주로 사용하는 ux 분야에서 포토샵과 일러스트가 많이 사용되지 않아 이틀 수업으로 진행되었다 하지만 두개 다 처음 써보는 나는 한두번이라도 툴을 눌러보고 사용하는것이 매우 유용했다일러스트레이터는 단순히 그림을 그리는 프로그램이 아니다벡터기반(선과 점)으로 구성

일러스트랑 포토샵이랑 사용하는 방식이 비슷해서 쉽게 따라갈 수 있었음...!지금 과제하랴 블로그 작성하랴 래퍼런스 보느랴 할게 많아 정신이 없는 나날을 보내는중 ㅎ명함 디자인할때 참고하면 좋음 ⤴︎(인쇄 목적으로 많이 사용)어떤 식으로 명함을 디자인 해야 할지 모를때는

오늘은 AI와 하루종일 놀았다 여태까지 힘들게 작업했던걸 AI가 5분도 안돼서 뚝딱 만들어주는 것을 보고 현타왔..이제 나는 챗지피티 없으면 못살아 \~~너무 편한 세상에서 살고 있음에 감사하다 AI는 도우미 및 비서와 비슷하며 디자이너의 도구이다과거에는 손 기술 +

생성형 AI툴인 Firefly를 활용해 이미지 생성을 해보는 시간을 가졌다인스타 볼때마다 사람들이 AI 이미지를 어디서 그렇게 가져오나 궁금했는데 파이어플라이였던거 같다 ㅋㅋㅋ UX/UI를 배우면서 처음 보는 생성형 AI들을 접해볼 수 있어서 매일이 즐겁다https&#

오늘은 Adobe express와 노는 날 〰️〰️초보도 쉽게 사용 할 수 있으며 생성형 AI부터 캐릭터,영상까지 올인원을 사용 할 수 있는게 최고다 체고📌 https://new.express.adobe.com/내가 원하는 스타일 별 템플릿 을 선택해 디자인

오늘은 디자인 기초 수업 마지막 강의다이제 본격적으로 UI/UX에 대해 들어가게 되는데 기대반 걱정반 🥺디자인은 단순히 이쁨을 넘어 사용자의 행동, 생각, 감정에까지 미치는 중요한 요소다파랑색은 안정적,신뢰감을 준다 (빨강과 주황은 구매욕구 자극)구매자의 행동을 유도

오늘은 찐으로 UI/UX에 대해 본격적으로 들어가는 날이다요즘따라 걱정이 많다...내가 할 수 있을지...그냥 하면 되는데 ㅜㅜ 항상 최선을 다하자!디자인은 앱이나 웹에만 디자인이 국한되지 않고 일상생활에서도 많이 사용된다사용자가 제품(웹사이트,앱)을 사용할때 직접 보

일상생활에서 불편함을 찾는것이 중요하다지나쳤던 불편함에 대해 나아질 수 있는 방안을 고민하다 보면은 서비스 기획의 시초가 된다 지나치지 않고 항상 의식하자 ‼️ ▶️ 배민 B마트 / 토스 공인인증서 없이 송금우리 일상생활에서 불편함을 개선한 서비스 사례다: 내가 서비스

수업 진도에 느리지만 열심히 쫓아가는중 ㅎㅋ...요즘 디자이너에 필수툴인 피그마 배워서 너무 재밋당\~~뚠뚠 🐜 뚠뚠 🐜▫️ 프로그램 설치 없이 브라우저에서 바로 사용 가능▫️ 실시간 파일 저장과 다양한 디바이스에서 접근 가능▫️ 여러 명이 동시에 같은 파일에서 작

이번 5월달 열심히 해보자: 우리가 직접 눈으로 보고 클릭하는 모든것들\-> 사용자가 쉽고 직관적으로 제품을 사용할 수 있도록 도와주는 요소▪️ 네비게이션 UI : 앱 전체 구조를 탐색할 수 있게 해주는 메뉴 구성\-> 사용자가 원하는 페이지로 갈 수 있도록 도와줌(하

어려운데 재밌기도 하고 흠흠흠 힘들다 ^ㅎ^피그마에는 화면에 배치 된 오브젝트를 그룹으로 만드는 세 가지 기능이 있다▶︎ 그룹, 프레임, 컴포넌트: 콘텐츠를 하나의 그룹으로 묶는다\-> 점선 네모 아이콘으로 표시그룹화 된 콘텐츠는 크기, 색상, 속성이 모두 같이 변경

요즘 'Motivation'이란 앱을 사용중이다매일 상단알림으로 동기부여/위로 말을 전해주는 어플인데 참으로 도움이 많이 된다하기 싫고 나태해질거 같을때 알림이 뜨면 바로 정신차리게 되는거 같다▪️ 컴포넌트 - 기준 (속성 정의) -> 공통요소이고 앞으로 재사용할것들▪

열심히 하는 것도 중요하지만 그보다 더 중요한 것이 있다바로 자신을 믿는 것= 도구상자 (아이콘, 색상, 버튼, 자주 사용하는 요소, 가이드 라인 포함)= 레고 블록 세트\-> 레고 블록(컴포넌트)을 조립해서 모든 것을 만들 수 있듯이 디자인 시스템의 요소들을 조합해서

독서도 해야 하는데..구글 디자인도 읽어봐야하고..래퍼런스도 많이 찾아봐야하고..요즘 24시간이 정말 모자라다아아: 피그마에서 사용자의 작업을 도와주는 추가 기능이나 도구\-> 미니 프로그램▶︎ 반복 작업 자동화, 디자인에 필요한 리소스를 더 빠르게 가져와서 팀 협업을

포기해야 할 백 가지 이유 대신에 포기하지 말아야 할 천 가지 이유를 찾자디자인은 디자이너를 위한 것이 아니라 사용자에게 의미가 있어야 한다▶︎ 디자인이 안 이뻐도 사용자의 편리함이 좋으면 최고의 디자인으로 평가받는다사용자의 목표, 행동, 감정을 깊이 이해하고 반영하는

나 혼자 뒤쳐지고 밀린 줄 알았는데 그게 아니었다는 사실에 약간의 안도감이 있었다..ㅎ나만 뒤쳐졌다고 포기하지 않고 천천히 해낸게 스스로 뿌듯하다 으헝 😭열심히 하자 화이팅 ‼️: 다양한 화면 크기 (PC, 태블릿, 모바일) 에 맞춰 UI가 자동으로 조정되는 디자인

주말에 잘 쉬었으니 다시 활기차게 ~https://ant.design/components/overview/: 어떤 창이 있을때 오른쪽 하단에 떠있는 버튼: 구분선 / 레이아웃 구조 알아두기 !Header 영역에는 로고나 GNB(Global Navigation

오늘 피그마 최종 제출날이라 바쁘다안 한건 없는지 🐜 밀린건 다 했는지 🐜도널드 노먼이 자신의 직함으로 'User Experience Architect (사용자 경험 건축가)'라는 호칭을 사용하면서부터 UX가 대중적으로 알려지게 되었다▶︎ 제품이랑 상호작용하는 전체

하아 피곤하다밀리니까 감당이 안되네 ㅜ“현장에 답이 있다”: 사용자의 실제 환경에서 관찰과 인터뷰를 결합하여 심층적인 인사이트를 도출하는 방법▶︎ 사람들은 말과 행동이 다르기 때문에 비언어적인 행동을 잘 캐치할 수 있다(행동기반에 관련된 질문을 통해서 무언가를 이끌어

나 지금 잘하고 있는거 맞겠지..? 😐UX 리서치의 목적은 실제 사용자 행동과 니즈를 바탕으로 제품을 개선하는것▶️ 누구의 행동을 어떠한 맥락에서 알고 싶냐에서 시작하기▪️ 목적에 맞지 않은 사용자를 선정하면 내가 원하는 인사이트를 얻을 수 없다\-> 제품과 서비스

마음이 싱숭생숭 하지않게 더 열심히..! 🥺사용자의 목표를 해결해주는것 ‼️ \-> 사용자가 최종 목표까지 가는데 있어서 불편함이 없는지 계속해서 찾아야함: 사용자가 원하는 제품이 될때까지 끊임없는 개선을 반복하는 디자이너(전반적인 사용 경험 🆙)✔️ 데이터에 기반

아아아아아아아아아아아아아아아아아아요즘 짤 모으기에 빠짐효율적인 시간과 비용을 위해 UX 리서치를 한다▶︎ 사용자가 프로덕트를 사용할때 겪는 경험과 과정을 미리 조사하고 사용자의 행동,니즈,페인포인트에 대한 인사이트를 찾는다1️⃣ 리서치 준비▫️ 조사 배경과 목적 정리하

이전에는 리서치 준비 단계를 알아봤고 이번에는 조사 대상을 선정하는 스크리닝에 대해 알아보자 !: 조사에 적합한 대상자를 모집하기 위해 리서치 전 선행으로 시행하는 조사▶︎ UX 리서치를 성공적으로 이끄는 요소 중 하나✔️ 누구한테 질문을 해야 내가 잘 알 수 있을까를

처음에는 너무 어렵고 힘들었는데 계속 하다보니까 익숙해져서 좀 재미있는거 같음 ㅎ: 리서치를 통해 얻은 결과물에서 활용 목적에 맞는 인사이트를 잘 도출해 내는 것▶︎ 리서치 프로세스의 마지막 단계1️⃣ 결과정리 (수집한 자료들 정리)2️⃣ 결과분석 (정리된 자료들을 기

요즘에 승모가 엄청 뭉쳐서 어깨가 너무 아프다운동 빨리 시작해야 하는데 이번주에 밀린거 완전히 다 끝내고 안정적인 일상으로 돌아가자 흑흑 화이팅 🔥🔥🔥요즘 문상훈 짤에 빠짐 너무 웃김 너무 귀여워"내가 알고 싶은 내용을 어떻게 하면 더 잘, 정확하게 알아낼 수 있

주변에 내 멘탈 케어 해주는 사람들이 많아서 좋다아무도 없었으면 진작에 무너졌을 나 😭화이팅 🔥🔥🔥🔥: 닐슨 노먼 그룹의 제이콥 닐슨이 만든 유저 인터페이스의 사용성을 평가하기 위한 보편적인 UX 분석 방법론▶︎ 사용성 원칙을 기반으로 문제를 발견하고, 그에

밀린거 많이 끝내서 마음이 후련쓰 ~벌써 6월이라니 시간이 진짜 빠른듯...: 사람이 머릿 속에 가지고 있는 믿음과 세상을 인지하는 방식▶︎ 기존에 가지고 있던 믿음과 경험(멘탈 모델)을 바탕으로 기능을 예측하고 행동함(인터페이스와 상호작용하는 방식에도 큰 영향을 줌)

정신체리 \~\~~ 🍒: 제품 출시 전에 제작하는 초기 버전의 샘플▶︎ 구조, 기능, 흐름, 애니메이션 등 전체 사용자 경험을 시뮬레이션해보기 위해 사용모든 화면의 동작이나 흐름을 개발자에게 일일이 설명하기 어려우므로 기능과 인터랙션을 직관적으로 전달하기 위해 프로토

재밌다 재밌는거 같다 재밌어: 디자이너가 만든 UI 디자인을 개발자가 구현할 수 있도록 전달하는 과정▶︎ 개발자가 정확한 디자인 정보를 받아야만 원활한 협업이 가능📍 핸드오프의 핵심 역할▫️ 개발자가 디자인을 보고 그대로 구현할 수 있도록 상세한 정보 제공▫️ 디자인

5월달은 힘들었는데 6월달 되니까 신기하게 모든게 잘 풀림 😲: 제품, 서비스의 빠른 성장을 위해 비효율을 제거하고 기술과 데이터 및 창의성 있는 아이디어를 활용해 성장을 극대화하는 전략그로스해킹 = Growth (성장) + Hacking (해킹)▶︎ 여기서 해킹은

자도자도 피곤한 오늘 하루 🥱💡 https://analytics.google.com/analytics/web/?utm_source=demoaccount&utm_medium=demoaccount&utm_campaign=demoaccountGA를 통해 수집된

요즘 컨디션이 좋아서 기분이 조오타 🎶: 사용자가 URL을 직접 입력하거나 북마크를 통해 사이트에 접속한 경우❌ 하지만 이 비율이 너무 높을 경우엔 문제가 된다▫️ 출처가 명확하지 않아 트래픽 분석이 어려움 ‼️▫️ 효과적인 마케팅 전략 수립이 힘듦 ‼️⭕ UTM 매

오늘 하루도 열심히 🫠: 사용자가 웹사이트나 앱에서 어떤 행동을 했는지를 측정하는 단위▶︎ 요청하면 반응이 오는 구조 - 이벤트 핵심 원리방문자가 어떤 버튼을 눌렀는지 🟡영상을 끝까지 봤는지 📱몇 명이 클릭했는지 👥실제 행동 데이터를 파악하는 핵심 수단이다▶️

💡 25-06-13 (금) 정해진 패턴대로 하루 일상을 마무리하니 마음이 편안 😇 Google Analytics 관리자 화면에서 Google Analytics가 제공하는 다양한 기능을 활용해 웹사이트 상황에 맞게 설정할 수 있다 관리자 화면은 데이터 수집 기준

멘탈 다시 잡기 ‼️‼️‼️넌 할 수 있어: 고객과 관련된 다양한 데이터를 수집하고 이를 분석하여 의미 있는 정보를 도출하고 인사이트를 얻는 과정▫️ 인구 통계 정보 : 성별, 나이, 거주 지역, 학력▫️ 행동 정보 : 어떤 페이지를 봤는지, 어디를 클릭했는지, 얼마나

요즘 내 표정 🫥: 사용자가 어떤 목표에 달성하기까지 거치는 여러 단계를 시각화하고 각 단계에서 얼마나 많은 사용자가 이탈하는지를 분석하는 방법어떤 회사든 각자의 비즈니스 목표를 가지고 있다 📚사용자를 어떤 목표 지점까지 이끄는 것이 핵심이며 그 지점은 서비스의 특

수면 패턴 다시 맞추자 😪생성형 AI : 새로운 것을 만들어내는 인공지능▶︎ 단순히 기존 데이터를 분류·분석하는 것을 넘어 다양한 데이터를 학습하며 스스로 발전하고 상상과 발명을 통해 창의적이고 다양한 결과물을 만들어낸다☝️ 이미지 생성 AI는 수많은 사진 데이터를

의외로 이렇게 생각하면 괜찮아짐 👍AI에게 프롬프트를 작성하는 것은 대본을 써주는 작업과 같으며 대본이 탄탄할수록 AI는 더 정확하고 높은 품질의 결과물을 만들어낸다▫️ Context (맥락) : AI에게 지금 누가 어떤 상황에 있는지를 알려준다▫️ Objective

벌써 금요일이다 하루하루 후딱 가는거 같ㅇ...ㅏ..오늘 최대한 할거 끝내놓고 주말에는 푹 쉬자 (그랬으면 😮‍💨): 데이터를 분석하기 전에 잘 이해하기 위해 다양한 관점에서 쪼개보고, 돌려보고, 비교해보는 과정 (탐색적 데이터 분석)▶︎ 문제의 본질을 파악하는 과

이번 주도 화이팅 🔥: 문제를 넓게 보고 → 핵심 문제 정의 → 해결 아이디어 넓게 생각 → 최적 솔루션 선택하는 디자인 프로세스이런 디자인 프로세스 흐름을 늘 기억하고 실무에 꾸준히 적용하는 게 중요하다 ‼️각 단계에 특화된 AI를 활용하면 업무를 더 빠르고 효율적

🐜.......🐜..🐜...🐜..................🐜: 단순히 코딩의 도구를 뜻하는게 아니라, 디자이너랑 개발자 사이를 허물고 아이디어를 빠르게 실제로 구현할 수 있게 하는 방법으로 UI 디자인의 새로운 접근법▶︎ 디자이너가 개발자처럼 직접 구현할

유튜브, 쿠팡, 네이버 같은 웹사이트를 볼 때, "이건 어떻게 만들어졌을까?" 라고 생각해본 적 있나요❓웹사이트들을 만드는데 꼭 필요한 3가지 기술이 있다웹사이트는 제목, 버튼, 문장 등으로 구성되어 있는데, 이러한 뼈대는 HTML 코드를 사용해 구조를 만드는 것부터

다음주면 포트폴리오라니 😱완벽함도 중요하지만 하루하루 최선을 다하자 🔥🔥Hyper Text Markup Language✔️ Hyper Text는 기존의 일반적인 문서들보다 더 뛰어난 기능을 담고 있는 텍스트라는 의미다↪︎ Hyper : 최고의, 과도한그 최고의 기

요즘 시간이 정말정말 빠르게 지나간다벌써 7월이라니 😂: 웹페이지에서 리스트 형태로 정보를 나열할 때 사용하는 태그☝️ 쇼핑몰 상품 목록, 레시피 순서▪️ ol (Ordered List)순서가 있는 목록을 표현할 때 사용한다▶︎ type 속성을 이용해 글머리 기호 변

이번주도 화이팅 🔥: 웹 페이지에 디자인과 스타일을 적용할 때, 스타일이 계단식으로 순서 있게 적용된다는 뜻🟰 Cascading Style SheetsCascading : 스타일이 계단식으로 적용되는 순서Style Sheets : 스타일을 정의해 놓은 문서HTML만

오늘부터 포트폴리오 시작이다 😎 이번년도 시간 진짜 빠르네... ✅ Type 선택자: 태그 이름으로 전체 스타일 지정h2와 p 태그를 type 선택자로 스타일링하면 페이지 내 모든 h2, p 태그에 스타일이 적용된다✅ Class 선택자: class 속성으로 여러 요소