묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨UIUX 포트폴리오 Part.1 - Figma(피그마) 깊이 있게 배우기
인트로 prototype - 3(관심사 선택) 강의는 원래 없는 건가요?
아니면 누락된 건가요?
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
퍼블리싱 작업 마무리 하기 01 강의
안녕하세요. 강의 잘 보고 있습니다 !강의를 듣다 궁금한 점이 생겨 문의를 남깁니다. 퍼블리싱 작업 마무리 하기 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 을 주신 이유가 궁금합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Auto layout 글자가 늘어나도 버튼이 같이 안 늘어나요
이게 될 때도 있고 다른 데에서 해보면 또 안돼서 감을 못 잡겠습니다
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
접근성의 원리의 잘 적용된 사례/아닌 사례
좋은 강의 감사합니다.디자인 원리 중, 접근성의 원리를 잡아 사례를 조사했습니다.잘 적용된 사례 - ZetaZeta는 ai를 활용하여 캐릭터를 생성하거나 생성된 ai 캐릭터와 채팅으로 대화할 수 있는 어플입니다.각 캐릭터들의 설명과 썸네일이 카드형 UI구조로 일관성 있게 구성되어 보기 편합니다. 항목 별로 모아두고, 항목마다 여백이 충분히 있어 구분감이 있습니다.잘 적용되지 않은 사례 - ZAPPY위의 zeta의 서비스와 유사한 ai 캐릭터와 채팅하는 ZAPPY입니다. 우선 채팅을 생성하는 버튼(FAB버튼)이 상단 위, 그것도 맨 오른쪽에 있고 크기도 작아 눈에 띄지 않습니다. 사용자가 이 어플을 사용하는 이유인 'ai캐릭터 생성' 이니 만큼 크기를 키우고, 오른쪽 하단 혹은 중앙에 배치해야 한다고 생각합니다. 또한 채팅 리스트의 컴포넌트 크기가 작아 서로 붙어있는 것처럼 보입니다. 이것을 보고 카카오톡이 떠올랐습니다. 카카오톡 채팅 리스트처럼 너비 여백을 크게 주면, 각 채팅에 구분감이 생겨 혼란을 주지 않을 것 같다는 생각을 하게 되었습니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX와 안좋은 UX 사례
좋은 강의 감사드립니다.- 좋은 UX의 사례: MockupWorld를 꼽았습니다.Mockup World는 유/무료 목업 자료를 제공하는 사이트입니다.전체적인 디자인이 일관되게 통일되어있어 보는데 편했습니다. 대응의 원리를 잘 적용하여 사용자가 자주 사용하는 search bar를 상단 네비게이션과 같이 두는 것이 아니라 따로 하단에 크게 배치하여 사이트에 들어가자마자 사용자가 바로 검색할 수 있게 유도했다 생각합니다.search bar 하단에는 카테고리 분류를 칩 버튼으로 두어 무료 목업이 필요한 의도가 높은 사용자들이 검색 없이도 원하는 아이템을 찾을 수 있게 해두었습니다. (바로 아래에 광고가 있는 것이 아쉽지만) 이는 의도가 낮은 사용자라 할지라도 둘러볼 가능성을 높일 것이라 생각 됩니다.- 나쁜 UX의 사례: 미리캔버스를 꼽았습니다.미리캔버스는 미리 캔버스는 저작권 없이 디자인 분야를 잘 모르는 사람들도 다양한 템플릿을 제작할 수 있는 사이트입니다. 1. 카테고리를 썸네일을 사용해 공간 차지를 많이 하다 보니 어떤 템플릿이 있는지 한 눈에 보기 힘듭니다. 위의 Mockup world처럼 이미지 없이 칩 버튼을 사용해 사용자가 원하는 템플릿을 한번에 찾을 수 있게 도와주면 좋을 것 같다는 생각을 하게 되었습니다.2. 템플릿 사이즈에 일관성이 없습니다. 이미지도 화려해 눈이 피로하다 느꼈습니다. 템플릿에 대한 타이틀과 어떤 템플릿인지의 대한 설명도 없어 사용자는 직접 눌러보며 알아봐야 합니다. 카드형 UI로 만들어 템플릿에 대한 기본정보를 넣으면 어떨까 하는 생각이 들었습니다.3. 화면에서는 안 나와있지만 '이번 주 인기 카드 뉴스', '이번 주 인기 포스터' 가 하단에 있습니다. 주 단위로 바뀌고, 사용자가 자주 찾는 인기 있는 목록이라면 추천 목록처럼 상단에 있어야 더 적합하다고 생각합니다.강의를 듣기 전에는 막연하게 잘 사용하면 그게 좋은 UX가 아닌가? 라는 생각을 했지만, 강의를 들은 후 UX 디자인의 원리를 통해 어떤 것이 더 사용자에게 사랑 받는 디자인인지 과제를 통해 감을 잡을 수 있었습니다. 좋은 강의 감사드리며 남은 강의도 열심히 수강 하겠습니다. 감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
핸드오프 링크와 그냥 공유 링크와 차이점을 모르겠어요
Share공유를 눌러서 개발자에게 보낸다고 했는데 그 전에 있던 강의 중에서 공유하는 방법이 똑같은데 그냥 핸드오브링크는 그냥 공유하는 방법과 똑같다고 보면 될까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
섹션 12는 따로 파일이 없나요?
섹션12에 나오는 강의는 따로 수업 노트에 예제 파일이 안보여서 그러는데 공유가 안 되는 자료인가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
플러그인 제거 방법이 궁금합니다
선생님 플러그인을 잘못 다운 받았는데 제거하는 법 좀 물어봐도 될까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
SF Pro Text
에릭 선생님 안녕하세요! 종합 실전 예제 제작 중 폰트 적용이 안되어 질문드립니다.SF Pro Text 폰트는 어디에서 다운 받을 수 있을까요? 감사합니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
피그마 업데이트?
위사진은 저의 피그마 화면인데강좌의 인터페이스와 저의 인터페이스가 달라서 알아봤더니 24년 6월경에 업데이트가 되었더라구요내용이 너무 혼동되는데 어쩌면 좋나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 cut style delete style 차이점
[섹션11] 피그마 cut style delete style 차이점 뭔가요
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
그리기 : 프레임 다루기에서 질문사항
안녕하세요!기본기능 다뤄보기 중 프레임 다루기에서 질문사항이 있습니다.alt를 사용하여 자율간격을 설정한 후, ctrl + D를 하면 자율간격대로 생긴다고 하셨는데, 저는 기본간격인 40으로 복제됩니다. 왜 이러한 차이가 생기는지 알고 싶습니다.사각형을 추가하여 프레임 안으로 넣었는데, 왼쪽 상단에 위치가 고정됩니다. 강의에서는 중앙에 위치되던데, 옮기려고 해도 왼쪽 상단으로 올라가서 위치 수정이 안됩니다. 어떤 것이 문제인지 모르겠습니다.ㅠ
-
미해결피그마 아토믹 컴포넌트 디자인 시스템으로 MVP 만들기
튜터님 브런치에 머라고 검색해야 나오시나요?
튜터님 브런치에 머라고 검색해야 나오시나요?
-
미해결피그마 아토믹 컴포넌트 디자인 시스템으로 MVP 만들기
피그마 원본 받을 수 있는지 여부 궁금합니다!
피그마 원본 받을 수 있는지 여부 궁금합니다!
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
섹션 5. 컴포넌트 파고들기 관련 질문
variants property 관련해서 질문드립니다.강의 출시 이후 피그마가 업데이트 되어서 인터페이스가 좀 달라져서 그런지 복수의 value를 어떻게 설정하는지 모르겠습니다.checked/unchecked를 하고 싶은데어떻게 추가해야할까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
파워포인트의 화면설계서와 같은....Description은...
에릭선생님!샘 강의 완강했고요. 덕분에 몇단계 경험치가 올라간 듯 싶습니다. 감사드리고요.한가지 질문이 있는데요.파워포인트로 현업들과 협의하면서 화면설계서를 기획자가 작성을 하고그 화면설계서를 웹디자이너, 퍼블리셔, 개발자에게 배포이런 식으로 개발 프로젝트를 진행하고 있다면 피그마로 화면설계서를 대체할만한 노하우나 예시가 될만한 탬플릿이 있을까요?강의에서 설명하신 섹션 15. 핸드오프 강의를 봤을 때 예제 피그마 파일에서 description(보통 ppt 화면설계서 양식에 있는..) 부분이 없어서요. 에릭샘께서는 보통 개발자들과 소통을 어떻게 하시는지 궁금합니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
UX/UI 시작하기 : Figma 입문 (Inflearn Original) 강의 중
섹션 3. 컴포넌트 이해와 활용 중에서 "컴포넌트를 만드는 방법" 강의를 듣다이해가 잘 안 되는 것이 있어 질문합니다.컴포넌트를 만들 때는 더이상 쪼개지지 않는 단위부터 만드는 게 좋다고 하셨는데조합형 컴포넌트를 만든다고 가정했을 때 (가령 ㅁ1+ㅁ2를 조합하여 컴포넌트를 만든다고 했을 때)그 안에 요소가 마스터의 성격을 가질 수 있다라고 하면 기초 단위 마스터를 다시 만들어서조합형 컴포넌트 안에 일반 ui요소를 컴포넌트 방식으로 교체해주면 된다고 하셨던 걸 토대로 한다면ㅁ1+ㅁ2에서 ㅁ1, ㅁ2도 각각 컴포넌트 처리를 해야한다는 소리인가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
강의 교안 요청
좋은 강의 잘 듣고 있습니다.강의 교안 공유 요청하고 싶어 문의 글 남깁니다!jjjunn@naver.com 입니다.감사합니다!
-
해결됨UIUX 포트폴리오 Part.2 -UIUX 디자이너로 취업하기
오토셀렉션 프레임셀렉션
오토셀렉션을 쓸때와 프레임셀렉션을 쓰는경우를 구분짓고싶은데, 어떨때에 어떤걸 써야하나요??
-
해결됨UIUX 포트폴리오 Part.2 -UIUX 디자이너로 취업하기
text style 적용안됨.
clook 부분 영상에서 말씀하신 text style 적용하려했는데 변경이 안됩니다... 어떻게 해결해야하나요?