내가 프로덕트 디자이너 트랙에 참여한 계기는 무엇인가요? 저는 디자인 전공자로서 3년차 bx 디자이너로 근무했습니다. 근 몇 달 전부터 시대가 변화함에 따라, 디자인의 트렌드가 바뀌어감을 느끼며 현재 저의 디자이너로서의 정체성과 발전 방향성에 대해 고민하던 중, 브랜드 이미지뿐 아니라 사용자가 서비스나 제품을 실제로 이용할 때 느끼는 경험이 더...
피그마 소개 및 활용범위, 강점, 디스플레이와 픽셀 및 해상도의 개념피그마는 디자이너와 개발자 및 타 부서에서 널리 사용하고 있는 현재 출시된 최고의 협업툴이다. 직관적이고 효율적인 기능 및 실시간 동시작업, 방대한 플러그인 등 uiux디자인에서 가장 많이 쓰이고 있다
체계적으로 배우는 피그마 기초 완전 정보일반적으로 가장 많이 사용하는 규칙ui를 8의 배수에 맞춰 배치하는 레이아웃 규칙ui 사이의 간격, 요소의 여백, 크기 등을 8의 배수 단위로 조정해서 사용 \*업스케일링, 다운스케일링에 유연하게 대처 용이팀 단위 결제 시스템온라
팀 노션 운용법피그마 기초 강의 1주차uiux 개론적 아티클 스터디프로덕트 디자이너 및 비슷한 직군 JD 탐색이번 주부터 사전캠프가 시작되고 조장이 되어 전 직장에서 얕게 사용했던 노션을 능숙하게 다루지는 못하다보니 조금의 착오도 생기고 곤란하기도 했다. 하지만 이번
프로덕트 디자이너란? [프로덕트 디자이너 JD] • 문제 정의: 문제 가설 수립, 유저 데이터와 VOC를 통해 문제점 발굴 • 유저 이해: 유저 니즈 발굴, 사용자 인터뷰, 사용성 테스트 • Ul: UI 디자인 및 프로토타입 제작, 디자인 시스템 고도화, 인터랙션 디자
프레임과 그룹오토레이아웃\_리사이징과 컨스트레인트Frame - FFrame selection - ctrl + alt + G차이점Frame은 코드 블록으로 인식(container)Group은 SVG 이미지로 인식함(그룹을 사용하는 빈도는 매우 적음!)프레임은 개별적인 영
1. 비슷한 직무 JD 분석 1. uiux 디자이너 라우드소싱 주요 업무 • 라우드소싱 프로덕트 서비스 디자인(WEB / APP) • 스터닝 비전에 맞는 라우드소싱 UX/UI 디자인 전략 도출 • 고객 데이터 및 사용성 분석을 통한 UX/UI 디자인 • 기존 서비스
오토레이아웃 안에 있는 자식 개체들이
1\. 야나두(야핏무브)· 유저 데이터를 바탕으로 최적의 사용성을 위해 논리적으로 해결책을 도출할 수 있는 분· 타 직군과 원활한 협업 경험과 적극적인 커뮤니케이션 능력을 보유한 분· Prototyping을 통해 아이디어를 구체화하고 시각적으로 설계 할 수 있는 분·
피그마 기초 강의 3-1 3주차 수업 목표 ui 디자인 환경을 이해하고 적합한 디자인 원칙을 수립할 수 있다. 피그마에서 스타일을 생성하고 관리할 수 있다. 컴포넌트의 개념을 이해하고 기능 및 형태에 따라 분류할 수 있다. 컬러와 폰트 컴포넌트와 인스턴스 피그마 기
피그마 기초 강의 3-4 폰트 스타일 폰트스타일 : 디자인 시스템에 사용할 폰트를 모아둔 목록 구성 패밀리(Family) 굵기(Weight) (개발자는 숫자로, 디자이너는 굵기 이름으로 이야기 선호) 크기(Size) 16px에서 시작, 2px씩 줄이거나 늘린다, 1
피그마 툴 사용법디자인 스타일과 컴포넌트 등 학습uiux 아티클 스터디프로덕트 디자이너JD 분석 및 핵심 역량 숙지디자이너가 개발자와 소통할 때에 코딩지식을 배우면 좋은 이유에 대한 강의ux분야에서 알아야 할 개념, 지식들과ui분야에서 피그마로 실제 기본요소들을 디자인
피그마 기초 강의 3-9 ui 만들기 실습(2) ** 사용자가 선택지를 특정할 수 있도록 하는 요소 / 컨트롤 요소+라벨 일반적인 종류 체크박스, 라디오, 스위치(토글), 슬라이더 사이즈가 작아도 터치 최소 영역 고려(최소 1cm x 1cm) 컨트롤 요소와 라벨
양 사이드바 숨기기/보이기 - shift + \\command - Crename - ctrl + Rlayout grid 보이기/숨기기 - shift + Gplug-in - shift + I전체 선택 - ctrl + A선택 해제 - ESC특정 오브젝트만 선택 - ctrl
피그마 기초 강의 4-1 이번주에 배울 것 ** 컴포넌트 프로퍼티 베리언츠, 프로퍼티 생성 관리 in Figma 컴포넌트 응용 및 결합하는 과정 이해 파운데이션 + 파운데이션 = 컴포넌트 컴포넌트 + 컴포넌트 = 상위 컴포넌트 or 합성 컴포넌트 피그마 기초 강의
피그마 기초 강의 4-6 버튼 컴포넌트의 텍스트 바꾸기 피그마 기초 강의 4-7 합성 컴포넌트와 네스티드 인스턴스 합성 컴포넌트 범위 컴포넌트 + 파운데이션 = 컴포넌트 컴포넌트 + 컴포넌트 = 합성 컴포넌트 네스티드 인스턴스(감싼 인스턴스) 재료로 쓰인 컴포넌트
피그마 기초 강의 5-1 이번에 배울 것 화면 단위의 ui 디자인 설계 프로토타입의 개념을 이해하고 피그마에서 프로토타이핑 해보기, 스마트 애니메이트 알아보기 지금까지 레고 블록들을 만들어봤다면 이제는 레고를 쌓아서 파츠를 만들어보기 피그마 기초 강의 5-2 화면
데스크세팅최근에 어께와 목에 통증이 느껴져서 한의원도 다녀왔고, 본격적으로 학습능률을 높이기 위해 집 또는 카페에서 수업하기 위한 데스크세팅을 구비했다.현재 데스크세팅<노트북, 노트북 거치대, 노트북 충전기, 아이패드, 블루투스 마우스&키보드>데일리루틴가능한 재직
본캠프 OT, 팀 편성, 팀 활동미니프로젝트\_팀 소개 PPT 컨셉 레퍼런스 리서치 및 개인 소개 파트 글 작성팀명이 럭키비키이기 때문에 그린 컬러로 만들 예정.개인과제 - 컴포넌트 만들기 팀과제-컬러 및 폰트 설렉개인과제-컴포넌트 만들기 - navigation par
팀과제컬러 및 폰트 설렉 / 페이지별 구성 확정 / 개인파트- 개인 소개 페이지 레이아웃개앤 과제컴포넌트 만들기 - navigation part~selection part팀 과제4인 소개 오버뷰 페이지개인 소개 페이지 (이름, mbti 등 자신에 대한 설명, 블로그 주
팀과제개인파트- 개인 소개 페이지 / 디자인 컨셉 페이지개인 과제컴포넌트 만들기 - selection ~ text input part피터 모빌의 UX 7요소 충족 여부유용성 / 매력성 / 사용성 / 가치성 / 신뢰성 / 검색 가능성 / 접근성제이콥 닐슨의 10가지 사용
오늘 한 것들 팀 과제 와이어프레임 제작, 피드백 사항 수정 개인 과제 앱 클론 디자인(메인화면) 내일 할 것들 팀 과제 개인 과제 느낀 점
하루 12시간 중 식사시간 제외 하루종일 웹캠을 켜놓고 있는 것이 정말 어색하고 불편하기도 한데, 팀원들과 함께 으쌰으쌰 공부한다 생각하니 힘이 나게 된다.첫 팀프로젝트가 발표까지 마무리되었는데, 팀원분들 모두 협조 잘 해주시고 긍정적이고 아이디어도 잘 내주셔서 정말
오늘 한 것들 팀 과제 - 팀 노션 생성, 팀장 및 팀명 선정, 약속 및 계획 설정 디자인 카타 - 랜딩페이지는 어떠한 목적을 가지고 도달하는 페이지 개인 과제 - Figma 활용법(1) 1~2주차 수강 프로덕트 제작 과정 아이데이션 - 와이어프레임 - ui 설계
오늘 한 것들 디자인카타 > CTA Button (Call-to-action) 사용자의 반응 또는 행동을 유도하는 요소 이미지를 거의 사용할 수 없고 한 문장 정도의 짧은 문구만으로 클릭을 유도해내야 하는 버튼 Ex) 홈페이지에서 회원가입, 다운로드, 장바구니 넣기
오늘 한 것들 팀 과제 디자인카터 - 랜딩페이지 레퍼런스 인사이트 공유 개인 과제 피그마 활용법(1) 완강 - 숙제가 추가되었다. 피그마 활용법(2) 1~2주차 컨테이너 컴포넌트, 다이얼로그 컴포넌트, 체크박스와 라디오, UI키트 Conatiner Component
오늘 한 것들 팀 과제 디자인 카터 - 웹사이트 레퍼런스 조사(쏘카, 미리캔버스) 개인 과제 피그마 활용법(2) 2주차 숙제 제출 정말정말 고생한 숙제였다.. 레퍼런스를 찾는 것도 힘들었지만 차이점에 대해 영문사이트 자료들을 서칭하고 화면들을 하나하나 뜯어보며 차이점
오늘 한 것들 팀 과제 디자인카타 - 웹페이지 레퍼런스 > 팀원분이 공유해주신 New york city times 사이트 인터렉션이 아주아주 멋지다! https://nyctim.es/#1998 개인 과제 피그마 활용법(2) 3주차 완강 3주차 숙제 - 캐러셀, 아코디
개인 과제디자인시스템&레퍼런스 서칭마켓컬리 벤치마킹튜터님과 1:1 상담개인 과제 - 홈화면 제작, 저녁에 결과물 제출몸이 많이 안 좋아서 제대로 과제 수행을 잘 못했다.그래도 할 수 있는 데까지 최선을 다해서 마무리하고 제출할 예정이다.
팀 과제디자인카타- 프로덕트 최다투표 심화토론개인 과제가상의 커머스앱 ui kit 제작 및 프로토타입 제작건강 이슈로 ui kit 일부 및 홈화면, 목록화면 일부 제작 후 제출피그마 활용법(2) 3주차 숙제(carousel, accordion, extended FAB)
개인과제 제출\_가상의 커머셜앱 만들기마켓컬리 벤치마킹, ui kit 일부, 홈화면 및 목록화면 일부팀과제 발제\_프로덕트 문제점 리서치 및 개선SRT app 리서치 및 분석, 타 프로덕트 레퍼런스 비교몸살감기가 정말 심하게 와서 이번주 내내 거의 한 것이 없다. 누워
오늘 한 것들 팀 과제 개인 과제 내일 할 것들 팀 과제 개인 과제 느낀 점
팀 과제-문제정의 단계프로덕트 문제 리서치를 이렇게 심도있게 해본 것은 정말 오랫만이었다.길이 막힌 듯 보여도 튜터님께 새로운 시각을 조언받거나 팀원들과 방법론들을 공유하며 한 걸음씩 나아가고 있다.문제 정의 및 솔루션 도출와이어프레임 제작문제 정의 단계가 아주 중요함
팀 프로젝트문제 정의, 솔루션 도출, 와이어프레임 제작, 발표자료 제작팀 과제-와이어프레임 제작, 발표자료 제작, 프로토타입 제작협업 시 모두가 100% 만족하는 결과물을 얻기는 너무 큰 공수가 든다.다음 팀프로젝트에서는 각자 역할을 분담해서 작업해야겠다.
팀 과제타겟 사용자 정의 - 와이어프레임 - 디자인시스템 정리 - 최종 디자인 정리 - 발표자료 정리팀 과제 발표 스크립트 작성 및 리허설팀 과제 발표효율적인 협업이 무엇인지 많이 생각해보고 있다.의견 조율이 잘 되지 않을 때도 많은데, 그럼에도 불구하고 협업하는 팀
현재 만족하고 있는 부분 / 계속 이어갔으면 하는 부분카메라 잘 켜놓고, 자리를 비울 때 슬렉으로 원활히 소통하기서로의 작업물과 유익한 정보들 공유하고, 서로 격려하고 응원하기다같이 의견을 조율하며 동기화하고, 각자 개인파트일 때는 시간을 정해서 정시에 모이는 것편하다
현재 만족하고 있는 부분 / 계속 이어갔으면 하는 부분모두 의견을 많이 냈고, 서로 의견 잘 들어주고, 존중하기카메라 잘 켜놓고, 자리를 비울 때 슬렉으로 원활히 소통하기자료조사나 유익한 정보 서로 공유하기서로의 디자인에 코멘트를 적극적으로 달아줌불편하다 느끼는 부분
오늘 한 것들 UX 기획 및 리서치 1주차 > ui와 ux의 차이점은? ux : 유저가 제품이나 서비스와 상호작용하는 과정에서 얻는 모든 경험 (와이어프레임, 정보 구조도, 유저 리서치, 유저 페르소나, 사용성 테스트, 프로토타입...) ui : 유저가 최종적으로
개인과제 피드백 반영, 디벨롭하기(컴포넌트 복구, 아이콘 constraints - scaled로, tab bar → status의 value 를 selected/unselected에서 on/off 혹은 true/false 수정, prototype divice setti
디자인 카타CH2. 개인 프로젝트 디벨롭강의 수강가을 운동회UX 기획 첫 단추 - 문제 정의 및 가설 수립1) 문제 정의 - 유저 경험 관점 & 비지니스 관점으로 분석2) 가설 수립 - 문제에 대한 가정을 명확하게 정의, 검증 가능한 형태로 제시가설 설정 -> 가설 검
디자인카타 - 토글 발표사용성 테스트 Usability Test : UT의도한 시나리오에 따라 테스트를 수행하는지, 문제점은 없는지 관찰하기 위해 진행.제작자의 편향을 제거하고 사용자 입장에서 바라보기 위해.진행자 Moderator, 참가자 Participant, 테스
FACTS(사실, 객관) UX 기획 및 리서치 강의 수강 개인과제 및 팀과제 피드백 FEELINGS(느낌, 주관) 컨디션 관리를 잘 하려고 하는데 이제 아프면 잘 안 나아서 고민이다.. 계속 컨디션이 저조한 느낌 UI도 어렵지만 UX가 더 어렵다... FINDIN
오늘 한 것들 개인 과제_사용성 테스트를 통한 랜딩 페이지 개선 랜딩 페이지 분석 사용성 테스트 목적 모집 공고문 작성 시나리오 작성 테스터 모집 파일럿 테스트 사용자 테스트 진행 2명 시나리오 튜터님께 검토받기 내일 할 것들 테스트 진행 및 내용 정리 인사이트
테스트 진행 내용 정리인사이트 정리개선사항 도출레퍼런스 서칭개선안 제작 및 제출인사이트들이 대부분 마케팅 측면에서 나온 것들이라 작업하기 곤란하다.테스트를 여러 번 할 때마다 디벨롭되고, 요령이 생긴다.
개선안 제작개선안 정리 및 장표 제작개인 프로젝트 제출강의 복습문제 정의가 가장 힘들다
개인 프로젝트 완성 및 제출시간이 많이 촉박하고, 사용성 테스트가 처음이라 오래 걸리고 헤멨다. 개선안은 크게 작업을 못 하고 제출함팀 프로젝트서비스 선정 및 데스크 리서치 진행버거킹 선정 -이유는 리서치가 수월하고, 문제점이 명확해서UX 리서치에서 인사이트를 도출하고
유저 플로우 작성데스크 리서치사용성 테스트 시나리오 작성앱 위주로 비교, 분석 장표 추가(유저 플로우, 어플 사용자 통계)타 서비스와의 기능, 플로우 차이점 조사사용성 테스트 테스크 수정\_심플하게, 유도하지 않기, 목적 다시 설정튜터님 피드백 12시 목표로!화가 난다
사용성 테스트 내용 정리 및 취합 - 인사이트 도출타겟, 시장조사, 테스트 결과 취합해서 문제 정의경쟁사 내용정리 완- 인사이트 도출튜터님께 방문(오전 내로)솔루션 도출\_플로우차트에 개선사항 정리-as is / to be솔루션 도출 - 세분화해서 problem - s
팀원들과 서로 잘하는 파트가 아닌 자신없고 보완하고 싶은 파트를 분담함모두 적극적으로 열정적으로 해서 자료가 충분히 모였음저녁스크럼 하며 다음날의 할 일 세부적으로 적고 자주 진행상황을 확인함릴렉스하며 쉬는시간도 가지면서 진행한 부분방대한 과제를 단기간에 진행한 것이
HTML: 웹 페이지의 뼈대 (건물의 구조).CSS: 뼈대에 색깔을 입히고, 꾸미는 작업 (건물의 외장재와 인테리어).React: 건물 안에 자동문, 버튼 등을 설치해서 인터랙션을 가능하게 만드는 것 (동적인 기능 추가).제목 태그: <h1> ~ <h6>문단
css 예시) 선택자 { 속성: 값: }요소 선택자클래스 선택자 .box아이디 선택자 독립 선택자 - h1, p는 여러개, h1 p는 부모 내 자식개체만 특정class만 주로 사용하고, id는 JS 배울 때 사용코딩 수업, 과제CSS는 재밌다!그러나 눈이 아프다...ㅋ
오늘 아빠한테 오랫만에 안부전화를 했는데 정말 좋아하셨다.아빠가 잘 살고 계시고, 건강하고, 항상 사랑을 주셔서 참 감사하다.딸을 사랑하는 아빠가 있어서 참 감사하고, 운이 좋다.남자친구가 본인의 일을 열심히 하고, 인품도 훌륭하고, 다정하고 한결같아서 정말 감사하다.
이번 주는 좀 졸았다.피곤하고 지쳤다웹플로우다음주 아자아자 화이팅!
노코딩 강의 2~3주차디자인카타\_노션 조사개인과제 발제 확인개인과제 준비 및 시작날씨가 추워지면 졸리다
개인과제 완성노코드 3주차 완강강의 복습UX 레퍼런스 서칭반응형 레이아웃 서칭
Favicon브라우저 탭 타이틀 옆 16X16 아이콘웹 퍼블리싱디자이너 시안 받아서 HTML, CSS, JS 이용한 코딩 작업Pagination< 1 2 3 4 5 >List / Table(직접 레이아웃에 활용 x)반응형 임베드데스크탑은 다양한 사이트로 정답이 없
아침에 화이팅 외치고 하루 일과 시작하기물어볼 것이 있으면 팀원들과 서로 물어보고 공유하기chat GPT 활용하여 학습하기시간관리, 시간약속 지키기를 잘 한 것긍정적이지 않은 태도튜터님께 적극적으로 찾아가지 않은 점코딩 주간이라서 적극적으로 학습하지 않은 점일찍 자기,
어제부터 좀 기분이 많이 쳐지고, 우울했다.퇴사한지 3달이 되었는데, 아직 부트캠프는 2달이나 남아있고 시기상 가장 애매한 2월달부터 입주하는 자취방을 계약했는데 경제적으로 부담도 많이 되고 취직도 불확실한 상황이다.내 친구들도 다 회사를 다니며 경력이 쌓여가고, 남자
자바스크립트디자인 ui심화힘겨운 나날들이었다.자바스크립트의 기본 개념변수함수데이터타입 / 참조타입for문if문미래...불투명
react 1주차 2강 수강디자인심화반 개인과제 디자인가이드 잡기, 홈화면&상세화면 디자인디자인심화반 개인과제 완성2024년이 막을 내리고, 2025년이 온다.2025년 목표는 이직, 금연, 운동 생활화!지치지 말고, 마라톤처럼 살기!
오늘 배운 것 리액트, ui 디자인 스타일 계보 내일 할 것 오전 11시 리더/부리더 세션 잊지말기 느낀 점 ui
자바스크립트 & 리액트 공부ui 디자인 심화반전혀 이해하지 못하는 것 같다...ㅠㅜㅜ코딩은 나의 길이 아님배고프다. 중국 가서 만두 먹고싶다.
react 2주차 6~8강 수강UI 디자인 집중 수업 - 기존 디자인 개선 및 디자인 스타일 적용과제오전에 넘 피곤하다...아침에 얼른 잠 깨기ㅜㅜ
react state, props미니프로젝트는 하지 않을 것 같다.불가능한 과제일 듯 하다..ㅜㅜ헬스하고 근육통이 너무 심하다...
서비스 선정이 정말 어려웠다..ㅜㅜ
팀 과제경쟁사 분석데스크 리서치유저 페르소나 제작 및 고객여정지도 작성내일 할 것들솔루션 도출솔루션 형태 정의ice framework\_핵심기능 우선사항 나열브랜딩 구상멘토링노트 작성 - 저녁9시 이전느낀 점챗 지피티 짱
오늘 한 것들팀 과제문제 정의, 확정솔루션 도출공감지도 제작 내일 할 것들경쟁사 리서치 보강솔루션 보강브랜딩 구상 - logo & font 논의IA 디벨롭느낀 점착착 잘 되고있당 이히히
잘가라ㅠㅠㅠ저희는 함께하지 못하게 되었습니다...
UX - 문제 정의, 솔루션까지 진행 완IA, 유저 플로우 진행 완BX - 진행중와이어프레임 진행중화이팅이다!! 우리조 최고!!
마감기한을 잘 지켜서 제출했다.주어진 시간 내에 집중해서 밀도있게 진행했다.워라밸을 잘 지켰다.팀원 모두가 책임감 있게 학습하고, 맡은 업무를 수행했다.디자인 시스템 미흡하여 고도화 필요디자인 가이드라인이 상세하지 않았음너무나도 당연한 부분에서 미처 생각하지 못하고 놓