[유데미x스나이퍼팩토리]앱/웹 개발자 인턴형 프로그램_디자인 특강_12_21

12_21 디자인 특강

사전에 궁금하신 사항을 설문 조사 받아 질의 문답 형식으로 진행되었습니다.

너무 너무 좋은 꿀팁이 많이 있어서 듣는 내내, 실습 내내 행복했읍니다!!!

디자이너와 소통하는 방법

• 디자인에도 서비스에 맞는 스토리가 있다면 이해하는 데 큰 도움이 될 것 같습니다.
• 질문사항이 생겼을 때 지다이너에게 물어야할지 기획자에게 물어야 할지 애매한 요소들이 있을 것 같다.
• 디자이너는 꼭 필요하다고 하지만, 개발자가 안된다고 한다면 어떻게 소통을하여 중간점을 찾을까요?
• 구현 가능 여부가 제일 걱정인 것 같습니다.
• 디자이너 분들은 가능하다고 생각하시는데 개발자가 안될 것 같을 때 조정하는 방법
• 능력 밖의 디자인을 요구할까 무섭습니다..

좋은 UX의 기준

시각적 계층구조

• 보여주고 싶은 것은 크게, 색상을 넣어서 강조
• 유저의 활동을 유도 할 수 있도록 계층으로 유도를 하는 것
  • 1-2-3단계 정도록 나누어

폰트 정의 https://zinee-world.tistory.com/131

디자인 예시 사이트

https://wwit.design/

https://mobbin.com/browse/ios/apps

색조합 꿀팁

메인 컬러 1개에 최대 3개 컬러로 가져가되,

https://m3.material.io/

https://m3.material.io/styles/typography/overview

https://color.adobe.com/ko/create/color-wheel/

https://jxnblk.github.io/hello-color/?c=39e446

https://coolors.co/

---

Figma 실습

#Frame_ 모바일, 태블릿, 데스크탑 등 크기에 맞는 대지

#하단 메뉴바 고정_ 메뉴바 배경 + 아이콘들을 컴포넌트화 해주고, 배경을 클릭해 우측 Constraints 를 Bottom 으로 설정해줌

https://www.codeit.kr/tutorials/73/config-2023

피그마 신규 업데이트 정리