묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
단위 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님강의 듣고 있다가 문득 궁금한게 생겨 문의 남깁니다.강의시 rem,vw 단위가 아닌 px단위로 퍼블리싱이 진행되는걸까요?보통 모바일웹은 px보다는 rem이나 vw 단위를 주로 사용한다는 이야기를 들은적이 있어서 질문 남깁니다.답변미리감사합니다
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
예제파일 다운 받는 방법
섹션11에서 사용하시는 피그마 예제파일은 어디서 다운받을 수 있나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
안녕하세요, 수강생의 포트폴리오에 피드백도 제공해 주시나요?
강사님의 강의를 보면서 타 스타트업 과제와 협업한 영어 포트폴리오가 있습니다. 혹시 이메일을 보내면 귀한 피드백을 제공해 주실지요? :)
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
완강하고 수료증은 어떻게 받나요?
완강했습니다~!드디어 수업을 다 들었어요 그런데 제가 직장인도 학생도 아닌 신분이어서 수료 인증을 못하고 있어요 그래도 수료증은 따로 나오나요? 정말 받고 싶은데 어떻게 받는지 모르겠어요 ㅠㅜ
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입 질문입니당!
Prototype과 애니메이션안녕하세요. 항상 강의 잘 듣고 있습니다! 선생님께서 말씀해주신 대로 모작 연습을 열심히 하고 있어요! 가로 스크롤이 가능한 배너를 제작하려고 하는데 어떻게 해야 할 지 막막해서 질문드려요!잘 보이실 지 모르겠지만 현재 제가 만들고 있는 작업물에서는 배너를 좌우로 드래그할 때 몇 번째 페이지인지 보여주는 점이 교차되면서 위치가 바뀌는 상태에요. 저는 점이 서로 바뀌는 게 아니고 Stroke 서클이 Filled 서클로 바뀌었으면 좋겠습니다. 예를 들면 이렇게 말이죵Figma 직접가서 보기
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오토 레이아웃 질문이에요!
오토 레이아웃을 이용해서 버튼을 만들고 있습니다. 그런데 상자 안에 텍스트를 입력한 후에 상자의 크기를 조정하면 텍스트가 중앙 정렬이 안 되고 왼쪽 간격을 유지합니다. 이때 아래 사진처럼 상자와 텍스트 간의 간격을 바꾸는 방법 외에 항상 상자 가운데에 위치하도록 할 수 있는 방법이 있을까요?Figma Link
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
스타일 가이드 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요 선생님!강의 잘 보고 있습니다!모바일 웹 강의 중에 스타일 가이드는 실무에서 디자이너와 퍼블리셔 중 누가 주로 맡아서 작업을 하는지가 궁금합니다!답변 미리 감사합니다.
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의 관련 질문
안녕하세요 선생님.강의 항상 잘 보고 있습니다.오늘 모바일웹 강의 결제하여 듣기 시작한 수강생인데요~현재 신입 퍼블리셔이고, 모바일 웹 프로젝트를 한다고 하는데 회사에 사수도 없고 모바일웹은 해본적이 없어 미리 준비할 겸 수강하게 되었는데요~제가 따로 디자인 부분은 하지 않고 디자인툴(포토샵 or 피그마)에 있는 디자인 시안으로 이미지 추출하고 디자인 시안 보고 퍼블리싱 하는 작업을 진행할 예정입니다.그래서 수강 목적은 모바일웹 퍼블리싱 하는것을 배우기 위함 이라고 생각하시면 됩니다!혹시 이러한 경우에는 디자인 파트인 섹션1 강의도 들어야 되는 걸 까요~?아님 안 들어도 무관할까요?답변 미리 감사드립니다!
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 카피 연습하는데 도움이 필요해요!
아이콘 제작 관련 문의 드립니다. 인삿말 안녕하세요! 강의 재밌게 잘 보고 있습니다. 선생님 말씀처럼 여러가지 아이콘을 카피하는 연습중입니다. 그런데 연습 도중에 어려워서 막힌 부분이 있어서 에릭 선생님께 자문을 구합니당! Figma link 질문 위 아이콘은 기존 아이콘이고 아래 아이콘이 제가 따라 만들고 있는 아이콘이에요! 바깥쪽 새로고침처럼 생긴 화살표 모양은 어떤 식으로 만들어야 할까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
디자인을 짜기 전에 디자인 시스템을 만들어야하나요?
디자인을 하다보니 안어울리는 폰트크기와 폰트 굵기가 있어서 추가를 자주 합니다.혹시 현업에서도 위처럼 디자인을 하면서 디자인 시스템을 자주 수정하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
단축기 질문!!
dropdown input 만들실 때(13:33초)텍스트 박스 크기를 직사각형 크기 맞추는 단축기가 있나요?
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
파일 다운로드 하는 곳이 어디에 있나요? Figma zip파일
파일 다운로드 하는 곳이 어디에 있나요? Figma zip파일
-
해결됨모바일 웹 퍼블리싱 포트폴리오 with Figma
깃허브 배포시
안녕하세요~강의 너무 유익하게 잘들었습니다!다 만든 작업물을 깃허브에 배포해서 실제 사이트처럼 보려고 하는데릴리즈페이지 들어가면 404page에러가 뜨네요ㅠ혹시나 제 파일에 오타가 있을까봐 완성본 다운받은 걸 그대로 올렸는데도 똑같은 에러가 뜹니다왜 이런걸까요??(혹시 파일에 절대주소로만 url 적은게 관련있을까요?)실제 입사지원서 넣을 때 깃허브 말고 다른 방법으로 페이지를 보여줄 수 있는 방법이 있나요? 감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
도형 레이아웃
안녕하세요 멘토님, 위 무료견적받기가 있는 도형처럼 위는 직선, 아래는 곡선인 도형을 넣을때 휴대폰 틀에 딱 맞게 하는 방법이 없나요? 마스크라던가,, 그냥 겹치니 아귀가 딱맞지 않네요
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
fixed position when scrolling 옵션
Constraints 밑에 fixed position 옵션이 안 뜨는 경우는 어떻게 해결해야 하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입에서 액션을 취했을때 팝업요소가 나오도록 할 수 있나요?
예를 들어서...1. 버튼을 눌렀을 때 페이지 이동 대신 이런저런 모달이나 drawer, 스낵바와 같은 팝업 요소를 현재 페이지 위에 구현하는 것과...2. 버튼이나 아이콘따위를 눌렀을때 예를 들어서... 리스트나 카드 같은 것이 접히고 펴지는(expandable) 액션과 같은 것들이 프로토타입 상에서도 구현 가능한 것으로 알고 있습니다. 하지만 저는... 어떻게 설정을 하는지 찾아보는데 조금 애를 먹고 있습니다. 도와주시면 감사드리겠습니다.
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
버튼 생성 시 Frame과 Rectangle의 차이
안녕하세요.[스플래시 UI화면 디자인하기]를 실습중입니다.버튼을 만들 때 Rectangle과 Text를 그룹으로 알려주셨습니다. Rectangle 대신 Frame을 사용해도 되는지, 된다면 차이점이 무엇인지 질문드립니다.
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
상품디테일 하단 아코디언 질문이요~
안녕하세요. 선생님~상품디테일 하단 아코디언 진행중에 처음에 타이틀 +일때 클릭하면 -로 변경되고 디테일이 나오는데요, 다시 타이틀 -를 누르면 디테일이 사라지면서 타이틀이 +로 바뀌어야 하는거 아닐까요?클릭하면 계속 active만 추가되었다 빠졌다해서 디테일은 그대로 있고 타이틀 부분만 +, -변경되서 질문드립니다~혹시 js 이렇게 변경해서 사용해도 되는걸까요? 확인부탁드립니다~
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임과 분리되는 현상
안녕하세요, 에릭님!강의를 듣다가 질문이 생겨 문의드립니다:간혹 프레임 안에서 작업을 하다가, 어느순간 프레임을 움직일 때 안에 놓았던 개체들이 프레임과 분리되어 같이 움직이지 않는 경우가 생깁니다.이렇게 프레임 안에서 잘 꾸미고 있다보면 가끔 어느 순간,2. 프레임을 움직일 떄, 아래와 같이 프레임과 개체들이 분리되어 있습니다.어떤 경우에 이렇게 되어버리는지와 다시 합칠 수 있는 방법을 알 수 있을까하여 문의드립니다. 강의가 도움이 정말 많이 되고 있습니다. 항상 정말 감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
스타일 및 텍스트박스 관련 문의드립니다.
안녕하세요 에릭님! 수업을 듣다 질문이 있어 문의남깁니다.오랫만에 다시 들으며 질문이 생겨서 남기는것인데, 혹시 다른 강의에서 설명해주셨던 부분이면 죄송합니다^^;우선 첫번째로는, 아래 첨부한 이미지와 같이 텍스트를 입력하고 여백을 잴 때 텍스트박스 기준으로 사이즈를 재게 되는데, out stroke처리를 하는것과 텍스트박스 크기를 조정하는것에서 여백 차이가 발생합니다.이럴때 처음에는 텍스트 박스로 작업을 하더라도, 최종 개발자에게 넘겨주기 전에는 스트로크 처리를 한 뒤에 여백이나 정렬을 다시 정리해야 하는걸까요?두번째 질문은, 스타일 가이드를 잡을 때 보통 몇개정도의 스타일 가이드를 잡고 진행하는것이 좋을까요?예를들어서 같은 26사이즈에, bold와 26사이즈 light가 있으면 각각 스타일을 등록해놔야 하는것인지그리고 버튼에 들어가는 텍스트 스타일은 Heading이나 Body외에 Button으로 별도 스타일 네이밍을 해야하는것인지 궁금합니다. 같은 사이즈나 굵기여도, 글씨체가 달라진다면 그것도 별도 스타일로 지정해야하나요? 마지막으로 개발자에게 작업 시안을 넘길 때 현업에서 필수로 넘기는 정보가 있을까요? 예를들어 padding, margin값을 알 수 있는지 문의가 들어왔었는데, 이런것 외에도 색상코드나 텍스트 사이즈같은걸 사전에 스타일로 잡으면서 값을 다 정리해놓고 개발자분에게 전달해야하는것인지..? 궁금합니다. ^^처음에 강의를 들을땐 다 알것만 같았는데, 다시 실제 실습이나 작업을 해보며 강의를 재수강하니 까먹었던것이나 당시에 100%이해하지 못하고 넘어갔던것을 다시 학습하게 되어 좋기도 하고, 귀찮게 질문드려 죄송한 마음도 드네요.좋은 강의와 답변에 늘 감사한 마음드립니다. 감사합니다!!