묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
컨텐츠를 다 반영한 후에 프레임 위아래 길이를 좀 줄이려고 하단바 있는 부분에 커서를 놓고 위로 드래그했는데,제가 눈에 보이는 프레임 자체는 조정되지 않고, 하기 첨부 이미지처럼 안보이던 박스(파란색으로 선택한 상태의 박스) 크기가 조정이 되어요.제가 따로 만든 적이 없는 박스인데 이건 뭘까요? ㅎ 조언 부탁드립니다.
-
미해결피그마 시작하기
6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미
6-디자인시스템 구축을 위한 스타일 만들기에서 그레이 부분에 숫자를 900부터 시작하셨는데 해당 숫자를 기입하는데 의미가 따로 없는건지 궁금합니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
11강 강의 내용
11강에서 오브젝트 불러오기 설명해 주실 때어도비 일러스트에 있는 오브젝트에서피그마로 불러올 때 강사님께서"그대로 이 path가 살아있다"라고 하셨는데여기서 말하는 path가 무엇인가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Style 저장하는데 Variable?
Color styles을 저장하고 있었는데, 뭔가 투명도 처리 등을 한 컬러를 저장하니까 Local Variables이라는 다른 카테고리로 Styles과 별개로 저장이 되는데 이게 뭔가요? 이걸 Styles로 같은 카테고리로 저장은 못하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Text 박스 조정하는 법
도형 안에 텍스트를 올려 버튼을 만드는 일이 많은데요. 도형 안 텍스트가 정 한가운데에 있어야하는데, 계속 살짝 위아래 정렬이 한가운데가 아니라 아래쪽으로 쏠린 모습이예요. 텍스트박스도 도형 안에 한 가운데에(동일 Padding) 잘 놓았고, 텍스트박스도 위아래 가운데 정렬 설정 모두 다 잘 한상태인데두요. 그래서 Text의 Line Height 이라는 부분을 줄간격 개념으로 생각하고 Auto가 아닌 0으로 설정해보았는데, 첨부드리는 이미지와 같이 Text 박스가 실제 Letter보다 작아져요. Line Height 0이면 텍스트박스가 원래 그렇게 작게 보이는건가요?텍스트 박스 안의 Letter 높이와 딱 맞게 텍스트 박스 높이를 조정하려면 어떻게 해야하나요? 텍스트의 Font size와 동일하게 텍스트박스 Line Height 맞추면 비슷해지는것같긴하지만, 여전히 하단맞춤정렬이 되어있는 느낌입니다. 버튼 도형안에 버튼명 텍스트가 한가운데에 보이게 하려면 어떻게 해야할까요? 혹시 텍스트 Layout (ㅣ→ 이런 설정)의 문제일까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
확장성
확장성을 위해 아이콘 제작에서 스트록으로 그린 아이콘은 스트록 아웃라인을 해야 커져도 크기의 비율이 일정하게 늘어나는 거죠?
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
자료 다운로드 방법
수업 자료를 다운로드하려고 https://www.figma.com/@inflearn 에 들어가서 [업데이트]라고 된 것 3가지를 다운받으려 하는데 자료를 어떻게 다운받는지 모르겠어요. 편집화면? 비슷한 것만 나와요.제가 피그마를 하나도 몰라서 ... 어떻게 할 지 모르겠습니다.기존 글을 찾아보니 인프런에서 다운로드 하는 방법도 있던데 만약 이것도 가능하면 어떻게 찾아가는지 알려주세요.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 설정하는 방법
선생님께서 영상에서 보여주신 것처럼 Frame은 실제 화면 상관없이 길게 하고, 맨 하단에 하단바 Fixed position으로 놓아주고, Prototype에서 볼때 실제 볼 디바이스 설정해서 보는 방법이 있고,1번 방법 아니면 첨부 이미지와 같이 Frame을 실제 볼 디바이스 해상도로 설정해주고, 하단바를 저런 식으로 Frame 하단에 붙여주고, 그 밑으로 스크롤 되는 컨텐츠들은 Frame 밖에 저렇게 놓고 묶어주는게 맞는건가요? (핑크색 바탕에 블랙 사각형 4개 있는 것이 하단바입니다.) 1번 방법이 디자인 작업할때는 쉬운데, Prototype에서 해당 디바이스 설정하면 자꾸 휴대폰 모양 프레임이 나와서 별로예요.. 다른 방법이 있는지요. 조언 부탁드립니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
컴포넌트들 에셋상에서 폴더값으로 분류시키는거요~ 똑같이 컴포넌트명에 폴더명 쓰고 / 처리했는데 왜 에셋상에서 폴더링이 안되는거죠?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 고정시
먼저, 저는 선생님이 하신대로 하단바 고정이 안되서 계속 고생하다가 결국 해결했는데~ fixed(stay in place) 선택하기전에 하단바 Constraint를 Scale(생략가능?) + bottom으로 설정을 해놓고서 fixed를 해야하는게 맞는거죠?1번 방법으로 시정해서 하단바 고정은 잘 되었는데, 프로토타이핑에서 전체 화면은 특정 디바이스(ex. 아이폰 13 mini)로 보이게 하고 진짜 화면처럼 해당 화면 사이즈 내에서 하단바 고정시키려면 어떻게 해야하는거예요? 프레임 중간에 하단바를 놓는건 아닐거잖아요? ㅎ
-
미해결피그마 시작하기
공유 주신 피그마 url 404에러 뜹니다
공유 주신 피그마 url 404에러 뜹니다
-
미해결피그마 시작하기
7-상품확대 인터랙션 만들기 에서 이미지 배치 질문입니다.
안녕하세요, 강의보며 따라 연습하고 있는데7- 상품확대 인터랙션 만들기 4:21 쯤에서상품확대 인스턴스 붙여넣기 후 사진 레이어에 이미지 배치했다고 했는데 어떻게 배치가 된것일까요? 사진 이미지가 보이지않고 인스턴스 상태로만 보입니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
섹션 12 예제 파일이 안보입니다!
안녕하세요, 혹시 섹션 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에 해당하는 예제 파일을 다운받을 수 있는 링크를 다시 한 번 알려주실 수 있으실까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
제플린 핸드오프에 관련 질문입니다.
제플린을 통한 핸드오프는 훨씬 까다로운 절차가 있는 것 같은데 따로 강의편까지 해주신 이유가 궁금합니다.현업에서 제플린을 많이 사용하기 때문일까요, 아니면 제플린만의 강점이 있는 것일까요? 이니면 다른 이유가 있을까요?
-
미해결성공적인 진짜 iOS Design Guide - [Autolayout With Code]
안녕하세요! 강의 자료 관련 질문입니다.
section4 UIKit을 다루는 방법의 코드자료는 제공되지 않는 것인가요?
-
미해결피그마 시작하기
태그부분이 아래로 안떨어집니다
안녕하세요 강의 잘듣고 있습니다. 다름이 아니라 태그부분과 텍스트부분 오토레이아웃으로 설정하는 과정에서 태그부분의 방향을 Wrap으로 설정하였는데도 아래로 떨어지지 않는 이슈가 발생하여 문의드립니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
안좋은 ux 사례
좋은 ux 사이트는 워낙 많아서 생각하기 어려워서 안좋은 ux 사례부터 찾았어요ㅎㅎ webflow https://webflow.com/?r=0웹사이트를 플랫폼을 통해 만들게 하는 회사인데, 회사를 소개하는 홈페이지와 dashboard 가 뒤섞여 있어 사용하기 불편해요.정보설계가 약한 듯 해서 gnb에서도 불편함을 느끼는데요. 이 경우에는 (depth1)product > (depth2)designer 로, 일반적으로 사람들이 기대하는 페이지를 보여주는 반면 이 경우에는 (depth1)resources > (depth2)templates를 클릭하면 아예 새로운 웹사이트로 넘어가요.두 사진의 gnb 쪽을 비교해보시면 아예 다르다는걸 보여줍니다.. 그렇다고 외부 페이지도 아니고 플랫폼을 사용할 수 있는 dashboard와 통합된 페이지도 아니고 단독 사이트로 넘어갑니다. 이런 경우 외부사이트로 넘어간다는 아이콘과 함께 새로운 페이지가 나오는 것이 낫지 않을까? 하는 생각이 들었습니다.많은 서비스와 정보를 담은 웹사이트기 때문에 복잡할 수 밖에 없는 것을 알지만 사용자로서 예측가능하기 힘든 웹사이트라는 판단이 듭니다! 감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오토레이아웃
오토레이아웃 추가를 하면 강의에서처럼 박스 두개 모양이 아니라 그래프 같은 모양이 생기고 글자를 수정해도 박스 크기가 안변해요ㅠㅠㅠ
-
미해결앱 개발 입문자를 위한 플러터 네컷일기 만들기 with 피그마
앱개발-입문자-플러터-네컷일기-with피그마 소스 다운로드
안녕하세요 [제로투원] 의 포레스트 입니다 :)제 강의를 선택해주셔서 감사합니다 !청강하시는 도중 질문사항이 있으시다면 언제든지 코멘트로 질문 바랍니다 소스 및 강의 자료 다운로드 받는 github url 이 있는지요? 좋은하루되세요 !
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
이번 피그마 업테이트로 인해 인터페이스가 달라진 듯 합니다.
특히, 컨포넌트 세부 설정 부분이 달라진 것과 상단에 있던 버튼들이 하단으로 나오면서, 바뀐 부분이 있는데요. 이 부분에 대한 업데이트는 언제 진행이 될 지 여쭤봅니다.