본문 바로가기

전체 글

 (161)
[0220_본캠프 2일차] 01. 팀 소개 페이지 제작 각자 만든 팀 소개페이지를 공유하고, 피드백 후 다시 컨셉에 대한 회의를 했다. 결정된 컨셉을 픽스하고 내일부터 디자인 디벨롭 작업을 시작할 것 같다!
[0219_본캠프 1일차] 01. 팀원 미팅 및 팀 노션 작성 새롭게 만난 팀원들과 함께 팀 노션 작성 📌 새로 알게 된 노션 기능 1. 텍스트 왼쪽에 있는 두 개의 블록 중 점 여섯 개 클릭! 2. 아래와 같이 창이 뜨면 '색'에 마우스를 대고 오른쪽에 '배경' 색상 중 원하는 색 골라서 클릭! 3. 배경색 변경 완료! 02. 미니 프로젝트 🧐 레퍼런스 탐색 ✍🏻 와이어프레임 팀원분이 직접 그리신 와이어프레임을 토대로 재설계 🎨 색상 & 폰트 설정
컴포넌트 만들기 2 01. 웹사이트를 선정하기 [유튜브] https://www.youtube.com/ YouTube www.youtube.com 02. 내가 만들고 싶은 컴포넌트를 캡처하여 피그마로 만들기 이미지는 'Unsplash 플러그인'을 활용해 임의로 넣었다. 03. 추가로 오토 레이아웃 적용하기
[데일리미션 1-16] 자주 사용하는 웹 서비스 홈 화면 분석 01. 웹 서비스 선정 https://www.musinsa.com/app/?NaPm=ct%3Dlso5fo4o%7Cci%3Dcheckout%7Ctr%3Dds%7Ctrx%3Dnull%7Chk%3Dcc19dea517fe1d1f3b448c8d559a5d5d6802b728 무신사 패션의 모든 것, 다 무신사랑 해! 24 S/S 신상을 온라인 & 오프라인에서 만나보세요. www.musinsa.com 선정 이유 : 학생 시절 많이 이용했던 무신사 스토어, 지금은 어떻게 변했는지 알아보자! 서비스 소개 : 대한민국 최대 규모의 온라인 편집숍이자, 대한민국의 10번째 유니콘 기업이다. 02. UI/UX 디자인 분석 1️⃣ 화면 구성 크게 세 가지로 나누어 보자면 아래와 같이 나눌 수 있을 것 같다. GNB (Global..
컴포넌트 만들기 01. 웹사이트를 선정하기 [아모레퍼시픽 공식 온라인 쇼핑몰] https://www.amoremall.com/kr/ko/display/main?utm_source=google&utm_medium=sa&utm_campaign=conversion_ao_google_powerlink&utm_content=amoremall_brand&utm_term=%EC%95%84%EB%AA%A8%EB%A0%88%ED%8D%BC%EC%8B%9C%ED%94%BD&gad_source=1 아모레퍼시픽 공식 온라인 쇼핑몰 - 신규고객 10% 추가할인 본사 공식홈, 아모레퍼시픽의 모든 신제품을 가장 빠르게 만나보세요 www.amoremall.com 02. 내가 만들고 싶은 컴포넌트를 캡처하여 피그마로 만들기 03. 추가로 오토 레이아..
[데일리미션 1-15] 자주 사용하는 웹 서비스 홈 화면 분석 01. 웹 서비스 선정 https://www.disneyplus.com/ko-kr/home 디즈니+ | 디즈니, 마블, 픽사, 스타워즈, 내셔널지오그래픽이 모두 모인 곳 디즈니+는 디즈니, 픽사, 마블, 스타워즈, 내셔널지오그래픽이 만든 인기 영화와 TV 시리즈를 만날 수 있는 유일한 곳입니다. 오늘 바로 스트리밍을 시작하세요. www.disneyplus.com 선정 이유 : 자주 이용하는 OTT 플랫폼에 대해 알아보기 위해서 서비스 소개 : 2019년에 디즈니가 출시한 가입형 온라인 스트리밍 OTT 서비스 02. UI/UX 디자인 분석 1️⃣ 화면 구성 탭, GNB (Global Navigation Bar) 프로필 상단배너 캐러셀 브랜드 버튼 콘텐츠 리스트 2️⃣ 클릭 시 동작 프로필에 마우스 오버 시..

티스토리툴바