안녕하세요, 강의보며 따라 연습하고 있는데7- 상품확대 인터랙션 만들기 4:21 쯤에서상품확대 인스턴스 붙여넣기 후 사진 레이어에 이미지 배치했다고 했는데 어떻게 배치가 된것일까요? 사진 이미지가 보이지않고 인스턴스 상태로만 보입니다.

안녕하세요, 혹시 섹션 12의 예제 파일을 어디서 찾을 수 있을까요? 저와 같은 질문을 하신 수강생 분이 계셔서https://www.inflearn.com/course/%ED%94%BC%EA%B7%B8%EB%A7%88-ui%EB%94%94%EC%9E%90%EC%9D%B8/news/90808해당 링크에 가서 확인해보았지만 강의가 추가로 업데이트 되면서 순서가 달라진 것인지, 섹션 12 강의 내용에 맞는 피그마 파일이 아닌 다른 섹션의 피그마 파일이 올려져있었습니다. 섹션 12에 해당하는 예제 파일을 다운받을 수 있는 링크를 다시 한 번 알려주실 수 있으실까요?

제플린을 통한 핸드오프는 훨씬 까다로운 절차가 있는 것 같은데 따로 강의편까지 해주신 이유가 궁금합니다.현업에서 제플린을 많이 사용하기 때문일까요, 아니면 제플린만의 강점이 있는 것일까요? 이니면 다른 이유가 있을까요?

section4 UIKit을 다루는 방법의 코드자료는 제공되지 않는 것인가요?

안녕하세요 강의 잘듣고 있습니다. 다름이 아니라 태그부분과 텍스트부분 오토레이아웃으로 설정하는 과정에서 태그부분의 방향을 Wrap으로 설정하였는데도 아래로 떨어지지 않는 이슈가 발생하여 문의드립니다.

좋은 ux 사이트는 워낙 많아서 생각하기 어려워서 안좋은 ux 사례부터 찾았어요ㅎㅎ webflow https://webflow.com/?r=0웹사이트를 플랫폼을 통해 만들게 하는 회사인데, 회사를 소개하는 홈페이지와 dashboard 가 뒤섞여 있어 사용하기 불편해요.정보설계가 약한 듯 해서 gnb에서도 불편함을 느끼는데요. 이 경우에는 (depth1)product > (depth2)designer 로, 일반적으로 사람들이 기대하는 페이지를 보여주는 반면 이 경우에는 (depth1)resources > (depth2)templates를 클릭하면 아예 새로운 웹사이트로 넘어가요.두 사진의 gnb 쪽을 비교해보시면 아예 다르다는걸 보여줍니다.. 그렇다고 외부 페이지도 아니고 플랫폼을 사용할 수 있는 dashboard와 통합된 페이지도 아니고 단독 사이트로 넘어갑니다. 이런 경우 외부사이트로 넘어간다는 아이콘과 함께 새로운 페이지가 나오는 것이 낫지 않을까? 하는 생각이 들었습니다.많은 서비스와 정보를 담은 웹사이트기 때문에 복잡할 수 밖에 없는 것을 알지만 사용자로서 예측가능하기 힘든 웹사이트라는 판단이 듭니다! 감사합니다.

오토레이아웃 추가를 하면 강의에서처럼 박스 두개 모양이 아니라 그래프 같은 모양이 생기고 글자를 수정해도 박스 크기가 안변해요ㅠㅠㅠ

안녕하세요 [제로투원] 의 포레스트 입니다 :)제 강의를 선택해주셔서 감사합니다 !청강하시는 도중 질문사항이 있으시다면 언제든지 코멘트로 질문 바랍니다  소스 및 강의 자료 다운로드 받는 github url 이 있는지요? 좋은하루되세요 !

특히, 컨포넌트 세부 설정 부분이 달라진 것과 상단에 있던 버튼들이 하단으로 나오면서, 바뀐 부분이 있는데요. 이 부분에 대한 업데이트는 언제 진행이 될 지 여쭤봅니다.

 아니면 누락된 건가요?

안녕하세요. 강의 잘 보고 있습니다 !강의를 듣다 궁금한 점이 생겨 문의를 남깁니다. 퍼블리싱 작업 마무리 하기 01 강의 중 .btn-fold에 left : 0 을 주라고 하셨는데, 이전 강의 에서 .goods-order-final 에 position: relative; 로 부모로 선언하고, 그 자식으로 .btn-fold 로 position: absolute; 를 선언하여 굳이 left : 0 을 주지 않아도, 위치가 잘 잡히는데, .goods-order-final 에 position: relative; 를 제거하고.btn-fold 에 left: 0 을 주신 이유가 궁금합니다.

이게 될 때도 있고 다른 데에서 해보면 또 안돼서 감을 못 잡겠습니다

좋은 강의 감사합니다.디자인 원리 중, 접근성의 원리를 잡아 사례를 조사했습니다.잘 적용된 사례 - ZetaZeta는 ai를 활용하여 캐릭터를 생성하거나 생성된 ai 캐릭터와 채팅으로 대화할 수 있는 어플입니다.각 캐릭터들의 설명과 썸네일이 카드형 UI구조로 일관성 있게 구성되어 보기 편합니다. 항목 별로 모아두고, 항목마다 여백이 충분히 있어 구분감이 있습니다.잘 적용되지 않은 사례 - ZAPPY위의 zeta의 서비스와 유사한 ai 캐릭터와 채팅하는 ZAPPY입니다. 우선 채팅을 생성하는 버튼(FAB버튼)이 상단 위, 그것도 맨 오른쪽에 있고 크기도 작아 눈에 띄지 않습니다. 사용자가 이 어플을 사용하는 이유인 'ai캐릭터 생성' 이니 만큼 크기를 키우고, 오른쪽 하단 혹은 중앙에 배치해야 한다고 생각합니다. 또한 채팅 리스트의 컴포넌트 크기가 작아 서로 붙어있는 것처럼 보입니다. 이것을 보고 카카오톡이 떠올랐습니다. 카카오톡 채팅 리스트처럼 너비 여백을 크게 주면, 각 채팅에 구분감이 생겨 혼란을 주지 않을 것 같다는 생각을 하게 되었습니다.

좋은 강의 감사드립니다.- 좋은 UX의 사례: MockupWorld를 꼽았습니다.Mockup World는 유/무료 목업 자료를 제공하는 사이트입니다.전체적인 디자인이 일관되게 통일되어있어 보는데 편했습니다. 대응의 원리를 잘 적용하여 사용자가 자주 사용하는 search bar를 상단 네비게이션과 같이 두는 것이 아니라 따로 하단에 크게 배치하여 사이트에 들어가자마자 사용자가 바로 검색할 수 있게 유도했다 생각합니다.search bar 하단에는 카테고리 분류를 칩 버튼으로 두어 무료 목업이 필요한 의도가 높은 사용자들이 검색 없이도 원하는 아이템을 찾을 수 있게 해두었습니다. (바로 아래에 광고가 있는 것이 아쉽지만) 이는 의도가 낮은 사용자라 할지라도 둘러볼 가능성을 높일 것이라 생각 됩니다.- 나쁜 UX의 사례: 미리캔버스를 꼽았습니다.미리캔버스는 미리 캔버스는 저작권 없이 디자인 분야를 잘 모르는 사람들도 다양한 템플릿을 제작할 수 있는 사이트입니다. 1. 카테고리를 썸네일을 사용해 공간 차지를 많이 하다 보니 어떤 템플릿이 있는지 한 눈에 보기 힘듭니다. 위의 Mockup world처럼 이미지 없이 칩 버튼을 사용해 사용자가 원하는 템플릿을 한번에 찾을 수 있게 도와주면 좋을 것 같다는 생각을 하게 되었습니다.2. 템플릿 사이즈에 일관성이 없습니다. 이미지도 화려해 눈이 피로하다 느꼈습니다. 템플릿에 대한 타이틀과 어떤 템플릿인지의 대한 설명도 없어 사용자는 직접 눌러보며 알아봐야 합니다. 카드형 UI로 만들어 템플릿에 대한 기본정보를 넣으면 어떨까 하는 생각이 들었습니다.3. 화면에서는 안 나와있지만 '이번 주 인기 카드 뉴스', '이번 주 인기 포스터' 가 하단에 있습니다. 주 단위로 바뀌고, 사용자가 자주 찾는 인기 있는 목록이라면 추천 목록처럼 상단에 있어야 더 적합하다고 생각합니다.강의를 듣기 전에는 막연하게 잘 사용하면 그게 좋은 UX가 아닌가? 라는 생각을 했지만, 강의를 들은 후 UX 디자인의 원리를 통해 어떤 것이 더 사용자에게 사랑 받는 디자인인지 과제를 통해 감을 잡을 수 있었습니다. 좋은 강의 감사드리며 남은 강의도 열심히 수강 하겠습니다. 감사합니다.

Share공유를 눌러서 개발자에게 보낸다고 했는데 그 전에 있던 강의 중에서 공유하는 방법이 똑같은데 그냥 핸드오브링크는 그냥 공유하는 방법과 똑같다고 보면 될까요?

섹션12에 나오는 강의는 따로 수업 노트에 예제 파일이 안보여서 그러는데 공유가 안 되는 자료인가요?

선생님 플러그인을 잘못 다운 받았는데 제거하는 법 좀 물어봐도 될까요?

에릭 선생님 안녕하세요! 종합 실전 예제 제작 중 폰트 적용이 안되어 질문드립니다.SF Pro Text 폰트는 어디에서 다운 받을 수 있을까요? 감사합니다.

위사진은 저의 피그마 화면인데강좌의 인터페이스와 저의 인터페이스가 달라서 알아봤더니 24년 6월경에 업데이트가 되었더라구요내용이 너무 혼동되는데 어쩌면 좋나요?

[섹션11] 피그마 cut style delete style 차이점 뭔가요