안녕하세요 첨부된 그림과 같이 흰색배경의 그래프 배경을 그리고 그 안에 펜툴로 그래프를 그렸습니다 정밀한 작업을 위해 처음에 그래프를 크게 그리고 그 다음 실제 UI디자인 크기에 맞춰 축소시켜 사용하려고 하는데요 이때 그래프 배경은 의도대로 축소되었지만 그래프 내부 요소들은 축소되지 않고 그대로 남아있습니다 그래프 배경과 그래프 내부요소들이 원래와 같은 비율을 유지하면서 동시에 축소시킬 수 있는 방법이 있을까요? 감사합니다
좋은 사례 뱅크샐러드 뱅크 샐러드 어플을 최근 들어 다시 쓰고 있습니다. 기존 은행 어플과 달리 정말 직관적인 UI를 많이 느끼고 있는데요. 그 중에서 휴리스틱 평가 상태 안내가 적용된 걸로 생각되는 예입니다. 동의 사항이 나올때 아래 버튼이 '아래로 스크롤' 통해서 제가 더 읽어야 하는 것이 있다는 것을 말해주고 끝까지 읽으면 그 버튼 내용이 바뀌면서 '내 데이터 조회하기'로 바뀌어 다 읽고 그 다음으로 진행됨을 나타내는 CTA가 반영되어 이해하기가 수월했습니다 나쁜 사례 KB Star Banking 많은 정보의 양을 너무 작은 텍스트, 그리고 그 글이 스크롤과 더불어서 좌,우로 읽어야 할 것도 있습니다. 뭔가 읽고 싶어도 읽고 쉽지 않게 만듭니다. 진행사항도 없고 제가 하는 행동이 하나도 UI요소로 반영이 안되어 더이상 여기선 '전체 동의' 버튼 누르고 빠르게 나가고만 싶었습니다. 뭔가 사용자로 하여금 읽게끔 배려해주는 것이 전혀 없다는 것을 느꼈습니다
햄버거 아이콘을 그룹으로 만들고, guide와 iconbox를 비표시로 설정하면 갑자기 크기가 18x16으로 변합니다. 강사님의 영상에 있는 햄버거 아이콘은 guide와 iconbox를 비표시로 설정해도 24x24되네요... 저도 강사님처럼 24x24으로 되는 것이 배치하기 쉬울것같은데 어떻게 설정하면 될까요?
앱디자인을 공부하고 있습니다. 제가 아무리 영상을 찾고 찾아봐도 이해가 되지 않는 부분이 있어서 이렇게 질문을 남깁니다. 사람들마다 핸드폰 기종이 다 다른데 어떻게 작업을 해야할지 모르겠습니다. android 는 360*640 px / ios는 375*667px 사이즈를 기본으로 작업하고 2배 3배수로 exprot를 하면 되는건가요?
웹 와이어프레임 만들기 1 영상 보면서 만들고 있어요! 생각보다 피그마가 프로그램이 좋아서 와이어프레임 수준으로 만드는 것은 아직까지 쉽네요. 다만 왼쪽 레이어 정리는 어떻게 하실까요? 혼자 작업 연습하느라 기능에 초점을 맞춰서 설명하시느라 레이어는 냅두신것 같은데 아무래도 작업한 것을 다른 디자이너에게 공유하거나 할때, 보기 좋게 정리를 하면 좋을 것 같아서요. 실무에서는 레이어 정리를 보통 어떻게 하는지 궁금해요! 그리고 레이어가 아래를 기준으로 위로 정리하는 건지 위를 기준으로 아래로 정리하는 건지 이것도 궁금하고요. 감사합니다.
선생님 안녕하세요. 앱 디자인을 하다가 막히는 점이 있어서 질문드립니다. 구글 머터리얼 가이드에선 아이콘 최소 터치 타겟 영역을 48*48dp(안드로이드), 아이콘 획 두께를 2dp로 권장하는데, 이 규칙에서 벗어난 레퍼런스가 있어서요. 인스타그램 아이콘을 재봤더니 영역이 32*32dp정도로 터치 영역이 측정이 되었고 ] 카카오톡 아이콘을 재봤더니 마찬가지로 32dp*32dp 정도로 측정이 되었습니다. 게다가 카카오톡은 아이콘 획 두께가 1dp 정도 돼보였어요. 어떤 것은 1dp 미만으로 보였습니다. 그래서 질문은요. 1. 실무에서는 아이콘을 어느 정도의 탭 영역과 획 두께로 제작하는지 말씀해주실 수 있을까요? (48dp가이드는 공식적인 가이드일 뿐, 실제 디자인은 32dp를 많이 사용하는 트렌드나 맥락이 존재하는 것일까요?) 2. 만약 실무에선 구글 머터리얼 가이드와 다른 기준이 있다면 어떤 기준이 있을지 궁금합니다. (검색 키워드라도 부탁드립니다!) 3. 아이콘의 터치 영역이 넓으면, 그리드에 맞춰도 정렬되어 보이지 않는 문제가 있는데요. 이럴경우 어떻게 처리하실까요? (실제 아이콘이 그려진 라이브 영역을 그리드에 맞추는 게 일반적인가요? ) 선생님 강의는 모두 구매해서 열심히 신입디자이너 취업준비하고 있습니다. 유튜브도 잘 보고 있어요! 좋은 강의 늘 감사드립니다. 항상 건강하세요!
안녕하세요. 강의를 보면서 공부 중인 취준생입니다. 최근 인스타그램 어플을 캡쳐하여 분석하는데 궁금한 것이 있어 질문 남깁니다. 제 폰은 안드로이드 xxxhdpi(564 ppi, 5.7 in)에 1440*2880px인데요. 제 폰으로 인스타그램을 캡쳐하여 dp 해상도인 가로 360px에 맞게 줄여보니 캡쳐 원본(1440*2880px)에선 1px이던 선이 줄인 해상도에서는 0.25px 정도로 수치가 나왔어요. 두가지 여쭤보고싶습니다. 선생님이 강의해주신 내용에서 소숫점을 쓰지 말라고 하셔서 이런 고민은 처음입니다;; 1. 그러면 0.25px이 1배수 디자인 상의 선 수치에 가깝다고 생각하면 되는 걸까요? (스케치에서 0.25pt) 2. 앱과 웹에서의 최소 표현단위가 차이가 있는지도 궁금합니다.(앱에서는 0.25같은 단위를 많이 사용하는지도요..)