XD를 통해 웹디자인 프로토타입 제작을 시작한다. 제일 처음 마주한 난관은 크기였다. 그리드 설정에는 무수한 기준들이 있었다.
https://www.youtube.com/watch?v=VD_Y5GSvq8Y (마디아 유튜브)
https://www.youtube.com/watch?v=Q_gcAAKfGKw (디자인베이스 유튜브)
https://www.youtube.com/watch?v=LMm8lBYfkuU (툴 브레이커 유튜브)
그리드 설정
기존 제작하고 있는 이미지의 값을 1000px 정사각형으로 잡아놓은 상태라 전체 12컬럼 기준 10컬럼을 사용했을 때 1000px로 맞출 수 있도록 그리드를 잡았다.
[그리드 설정 사이트]
http://gridcalculator.dk/#/1000/10/30/0
[XD]
아트보드 - 그리드 - 레이아웃 선택
열 : 12
간격 폭 :30
열 폭 : 73
Columns :12
Gutter : 30
Column :73
The interactive storytelling web service <Wishtree> is an open source project run by Team Noob. We share tips for effective non-face-to-face teamwork and service development process. Hope it helps a little to the world suffering from corona.