변수 설정 시에 질문입니다.

Question

안녕하세요, J.영님. 강의 잘 수강하고 있습니다, 감사합니다. 일전에 변수 설정을 올려주셔서 모두 적용하고 태블릿,모바일버전까지 만들었습니다. 이 부분에서 궁금한 점이 생겼는데, 모바일버전까지는 직접 다 손으로 디자인하고, 해당 수치를 변수로 등록하나요 ? 예를 들어 이 강의에서 언급된 'desktop-section-skill' 에서 line height가 데스크탑/태블릿/모바일 이 다 다른데, 이 부분은 결국 다 디자인 해보고 변수 등록 하는게 아닌가 싶어서요. 아니면 대략적으로 얼마나 줄어든다와 같은 공식이 있나요 ? 저는 J.영님이 설정하라는대로만 해서 모바일로 편하게 바꿨는데, 제 작업을 할때는 오토레이아웃으로 모바일까지 다 설정해두고 그 다음에서야 변수 등록을 하는게 맞나 싶어서 확인차 질문 남깁니다 !

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 오상훈/디자인컨버전스학부님. 먼저 강의를 잘 수강해주셔서 감사합니다! 질문하신 내용에 대한 답변을 드리겠습니다. 반응형 디자인에서의 변수 설정은 특히 다양한 디바이스에 따라 디자인을 최적화하는 중요한 작업입니다. 일반적으로, 각 기기(데스크탑, 태블릿, 모바일)에 맞춘 디자인은 다음과 같은 방법으로 접근할 수 있습니다: 디바이스별 디자인 최적화 : 각 디바이스에서 다르게 보이는 포맷 사항(예: line-height , font-size , margin 등)은 실제 특정 디바이스 환경에서 최적의 가독성과 사용성을 고려하여 수치를 설정합니다. 이것은 별다른 최적화 공식이 있는 것보다는, 대상 디바이스에 맞춰 가장 자연스럽고 편리하다고 느끼는 값을 설정하는 것이 일반적입니다. Auto Layout 활용 : Figma에서는 Auto Layout을 통해 특정 요소들이 다양한 사이즈에 맞춰 자동으로 정렬되도록 설정할 수 있습니다. 이렇게 하면, 디자인 요소들이 변화하는 디바이스 크기에 자동으로 반응하여 적절히 배치됩니다. 변수 등록 : 최적의 값을 발견하셨다면, 이를 변수로 등록해 다른 프로젝트에서도 재사용할 수 있도록 하는 것이 바람직합니다. 이를 통해 일관성 있는 디자인 시스템을 유지할 수 있습니다. 아래의 작성된 유사 질문 내용을 참고하시면 작업 시 도움이 될 것입니다: figma variable 연결 결과물에 url이 없는데, 어디서 받을 수 있을까요? : 이 게시물에서는 변수를 효율적으로 등록하는 방법과 관련된 다양한 팁과 경험이 공유되고 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.