디자인 기록

👳‍♂️ OS와 플랫폼에 따라 UI에 차이가 있는 부분을 찾고 이유를 생각해 보세요. 1. OS 별로 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. 2. 웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. 2. 웹과 앱에 차이가 있는 부분을 찾아보고, 왜인지 나름의 이유를 적어 보세요. ✅ 이마트 모바일웹 vs 앱 ◾ 웹 : 웹은 홈화면에 들어왔을 때 앱다운받기를 유도하는 팝업이 뜬다. ◾ 앱 : 홈화면에 큰 토스트팝업이 뜨고 캐러샐이 자동으로 적용된다. ◾ 웹 : 장바구니에 상품을 담으면 '장바구니에 상품을 담았습니다.'라는 팝업이 뜬다. ◾ 앱 : '장바구니에 상품을 담았습니다'라는 팝업과 함께 '남은 금액 22,300원 더 담으로가기' 토스트팝업이 같이 ..

375 * 812 크기의 화면을 만들고, 가상의 로그인 화면을 만들어 주세요. - 텍스트필드 컴포넌트로 이메일, 비밀번호 인풋 만들기 - 체크박스 컴포넌트로 로그인 정보 저장하기 만들기 - 로그인 버튼 및 회원가입 버튼 만들기 다이얼로그 화면 안에 라이트박스와 다이얼로그 컴포넌트를 넣어 주세요.

https://www.figma.com/file/Me102uCb0scmlMMftqw0jC/4%EC%A3%BC%EC%B0%A8-%ED%94%BC%EA%B7%B8%EB%A7%88%ED%99%9C%EC%9A%A9-%EC%88%99%EC%A0%9C-_-%EC%B5%9C%EB%91%90%EC%98%88-(Copy)?type=design&node-id=0%3A1&mode=design&t=se9R0r9La0Fl37vU-1

디자인 시스템에서 사용할 회색조 색상 팔레트 10단계와 큰 제목 폰트 스타일을 추가해 주세요. - 색상 : 회색조(Grayscale) - 폰트 : 큰 제목(Heading, Headline)

📌 도형 저장 방법 Design 패널에 Export 들어가서 배수와, 제목, 확장자 선택 후 → 밑에 버튼을 누른다. (Export Polygon 5) 📌 프레임 VS 그룹 ◾ 프레임은 코드 블록을 만드는 기능이고, 실제 코드로 바꿀 수 있는 개체예요. ◾ 그룹은 편집이나 조정이 필요할 때, 또는 편의를 위해 여러 개체를 하나로 담는 기능이에요. ◾ 프레임은 개발에 필요한 속성들을 적용할 수 있고, 그룹은 속성을 적용할 수 없어요. 📌 레이어와 정렬 ◾ 레이어를 쌓은 구조가 곧 코드 구조 ◾ 레이어는 화면 상단에서 하단으로 쌓이지만, 화면 앞에서부터 뒤라는 방향도 존재 ◾ 더 앞에 있는 개체는 제트값이 높다, 나한테 가까이 있다. ◾ 여러개체 정렬 시 프레임에 가장 가까이 있는 개체를 기준으로 정렬된다...