게시글
질문&답변
2024.03.26
스타일 기능 1. 텍스트, 컬러 같은 스타일, 컴포넌트 강의에서 예시는 실제 디자인 시스템에 적용하시는 스타일이신지 궁금합니다!
안녕하세요. 질문 감사합니다. 예제에 나온 사례들은 제가 현업에서도 유사한 스타일로 사용한 적이 있거나 사용할 법한 사례들이라고 보시면 됩니다. 대제목, 소제목 이런 방식은 현업에서 널리 쓰이는 구분법이라고 보면 될 것 같습니다. 그리고, 가능하시다면, 여러 웹사이트들을 보시면서 함께 공부를 하시면 좋습니다. 예를 들어서 Airbnb에 가셔서 가장 큰 글씨는 폰트 사이즈가 어떻게 되는지 다양한 웹사이트를 보시면서 여러 사례들을 봐두시면 추후에 디자인 결정을 할 때 참고가 될 수 있습니다. 감사합니다.
- 0
- 2
- 55
질문&답변
2024.03.26
기간 연장이 가능할까요?
안녕하세요. 강의를 들어주셔서 감사합니다. 강의 연장과 관련해서는 아래 1:1 오픈 챗으로 연락주시면 회신드리도록 하겠습니다. https://open.kakao.com/o/sSCcLHqc
- 0
- 1
- 95
질문&답변
2024.03.26
디자인 가이드라인 선택
안녕하세요. 질문 감사드립니다. 현직자들이 어떤 가이드라인을 주로 더 많이 사용한다기보다는 개개인의 취향이나 업무환경에 따라서 참고하는 것이 다른 것 같습니다. 그리고 OS에 따라서 따르거나 참고하는 가이드라인이 달라지는 부분이 있습니다. 저는 개인적으로는 구글 머티리얼 디자인을 많이 참고하는 편인데요. 구글은 안드로이드 OS에 대한 부분도 있지만 웹사이트 영역에서도 Gmail, 캘린더, Doc 등 많은 제품이 널리 사용되고 있기 때문에 많은 사용자들에게 익숙한 면이 없지 않습니다. 그래서 참고를 많이 하는 편인 것 같습니다. 감사합니다.
- 0
- 1
- 64
질문&답변
2024.03.19
그리드는 예시 파일은 제공안해주시는거죠?
안녕하세요. 문의 감사합니다. 해당 그리드 파일은 제공하지 않았었는데, 생각해보니 참고하실 일이 있으실 것 같아서 해당 강의 영상 노트에 추가해두었습니다. 아래 링크를 통해서도 확인하실 수 있습니다. 그리드 파일 링크 감사합니다.
- 0
- 2
- 91
질문&답변
2024.03.12
강의 연장 문의
안녕하세요. 문의 감사합니다. 도움이 더ㅣ었다니 제가 감사하네요. 수강 기한 연장 가능합니다. 제가 몇가지 확인을 위해서 오픈 챗으로 연락주시면 연장해드리도록 할게요. 감사합니다. 오픈챗: https://open.kakao.com/o/sSCcLHqc
- 0
- 1
- 106
질문&답변
2024.03.12
drop shadow
안녕하세요. 질문 감사합니다. 드롭쉐도우가 설정이 안된다는 게 잘 이해가 되지 않아서요. 가능하시면 오픈 1:1챗으로 연락부탁드립니다. 제가 조금 더 디테일한 부분을 확인해보고 답변드릴게요^^ 감사합니다. 오픈챗 링크: https://open.kakao.com/o/sSCcLHqc
- 0
- 2
- 70
질문&답변
2024.03.05
복제해서 가져온 템플릿 질문
안녕하세요. 문의 감사합니다. 제가 질문을 조금 더 잘 이해하고 답변을 드리려고 하는데, 아래 1:1 오픈 챗을 통해 연락을 주시면 몇가지 확인하고 답변드리도록할게요. https://open.kakao.com/o/sSCcLHqc 감사합니다.
- 0
- 1
- 49
질문&답변
2024.01.31
constraint 버튼에 적용할때 프레임이여야 하는지요
안녕하세요. 문의 감사합니다. Constraint를 버튼에 적용하고 싶다면 기본적으로 프레임을 사용하셔야 합니다. Constraint의 기능 자체가 프레임에 국한해서 사용 가능한 기능이기 때문에 그렇습니다. 컴포넌트는 어떤 오브젝트나 내가 만든 무언가를 재사용하고자 할때 저장을 하는 것인데요. 말씀하신 것처럼 컴포넌트를 변경하게 되면 해당 컴포넌트를 통해 생성된 인스턴스도 모두 영향을 받아 함께 변경이 됩니다. 그래서 가능하시다면, 컴포넌트는 변경하지 마시고, 인스턴스를 생성한 후에 해당 인스턴스 선택후 우클릭을 하셔서 "Detach instance"를 하고 해당 instance(였던) 오브젝트와 컴포넌트 간의 연결고리를 끊어준다음, 해당 instance(였던) 오브젝트를 변경해주시면 될 것 같습니다. 모든 요소를 컴포넌트화할지 말지는 작업자 개인의 판단에 따라 진행을 하면 됩니다. 본질적으로 컴포넌트를 만드는 것은 자주 재사용해서 활용될 것 같다 싶은 오브젝트를 저장하는 것입니다. 어디까지나 생산성 기능으로 컴포넌트를 활용하지 않아도 작업을 할 수는 있습니다. 다만, 작업의 시간이 더 걸릴 수 있는 것이지요. 본인이 생각하시기에 재사용이 많이 될 것 같다 생각되는 것(예를 들어 메인 버튼 등) 위주로 컴포넌트화하시면 되겠습니다. 감사드리고, 혹시 또 궁금한 점이 있다면 문의주세요.
- 1
- 2
- 92
질문&답변
2024.01.22
글리프에서 특수기호 찾는 법
안녕하세요. 질문 감사합니다. 제가 질문을 정확하게 이해하지 못한 것 같아서, 몇가지 확인 후 답변을 드리면 좋겠다고 생각이 들었습니다. 가능하시다면 1:1 카카오 오픈챗 ( https://open.kakao.com/o/sSCcLHqc ) 으로 연락주시면 조금 더 어떤 부분에 대해서 궁금하신 건지 확인후 답변 드리도록 할게요. 감사합니다.
- 0
- 1
- 71
질문&답변
2024.01.22
와이어프레임의 범위
안녕하세요. "화이팅해야지"님, 좋은 질문 감사합니다. 먼저, 말씀하신 GUI (또는 UI)는 말씀하신 것과 같이 "당장 출시할 수 있는 상태 정도로 완성된 화면"을 의미합니다. 즉, 텍스트의 구체적인 사이즈, 아이콘 등 비주얼 요소에 대한 최종 디자인, 컬러 적용, 완성된 화면 구성요소에 대해 1px 단위까지 감안한 레이아웃 배치 등이 모두 완료된 상태라고 보시면 됩니다. 와이어프레임의 영어 표기는 Wireframe으로, 한국말로 직역을 하자면 "뼈대"라고 이해할 수 있을 것 같습니다. 즉, 와이어프레임이란 것은 디자인하고자 하는 화면에 대해, 뼈대에 해당하는 구성요소를 가지고 낮은 완성단계로 만든 화면으로 이해하시면 될 것 같습니다. 와이어프레임 단계에서는 의도적으로 색을 적용시키지 않는 것이 일반적이며, 구체적인 텍스트 사이즈에 대한 포인트도 디테일하게 정해놓지 않습니다. 당연히, UI같이 1px 단위로 한땀한땀 신경을 쓰지 않아도 됩니다. 와이어프레임을 활용하는 목적은, 팀원들과 화면내 요소(예를 들어 어떤 버튼이 들어갈지 등)들을 확정짓고, 시각적인 부분보다는 기능적인 부분(예를 들면 어떤 버튼이 들어갔을 때, 그 버튼을 누르면 어떤 화면으로 이동하게 되는지)에 대해서 함께 리뷰하고 논의하기 위함에 있습니다. (사진)--> 와이어프레임(왼쪽)과 UI디자인(오른쪽)의 비교 (사진 출처: justinmind.com) 그런데 와이어프레임을 거치지 않고 UI디자인을 들어가게 될 경우, 기능적인 부분과 시각적인 부분을 함께 논의하고 확정을 지어야 합니다. 그리고 UI디자인을 만드는 것은 장인정신을 가지고 1px, 1px에 대해 고민을 하고 만들어야 하기에 제작시간이 와이어프레임보다 훨씬 많이 들어가게 됩니다. 그런데 만약 기능적인 부분을 리뷰를 한 결과 많은 기능 수정이 필요하게 된다면, UI를 전면 수정해야 할 수 있고 이것은 많은 시간을 다시 할애해야 한다는 뜻이 됩니다. 그러다보니, 저는 와이어프레임 단계를 거쳐 기능적인 부분에 대해 팀원들과 확정을 지은 후, UI디자인 단계로 넘어가서 시각적인 요소에 대한 리뷰에 집중할 수 있도록 하자고 말씀을 드립니다. 배경적인 이야기를 하다보니 조금 내용이 길어졌습니다. 질문하신 것에 대해 정리하자면, GUI (UI)는 완성단계의 화면 디자인, 와이어프레임은 의도적으로 낮은 완성 단계로 만든 화면 디자인이라고 이해하시면 될 것 같습니다. 또 궁금한 점이 있다면 언제든지 말씀주세요. 감사합니다.
- 0
- 1
- 137