inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

카테고리 accordion효과 custom.js에서 siblings 안먹히는거 같아요

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

안녕하세요. 선생님 유익한 강의 잘 듣고 있습니다~ 그런데 카테고리 페이지 코딩 작업중에 custom.js 에서 다른건 다 잘 작동되는거 같은데 siblings 선택자로 메뉴 열리고 닫히는 것, active 클래스 제거되는게 작동이 안되는데 왜그러는걸까요;;

  • html/css
  • 모바일-디자인
  • figma
  • 모바일-디자인
  • HTML/CSS
  • 포트폴리오
  • jquery
  • 포트폴리오
원미 댓글 1 좋아요 1 조회수 1518

절대주소 문의

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

쌤! 프로젝트 단독으로 모바일웹할때는 절대주소라고 말씀하셨는데 다른 학생이 한 것에는 상대주소로 되어있었잖아요 포폴이라서 그런거라고 말씀하셨는데요 몇번들어도 그부부분이 이해가 되지않아서요 ~ 모바일에 웹에 목업을 할꺼라서 그런건가요??

  • html/css
  • 포트폴리오
  • 모바일-디자인
  • jquery
  • HTML/CSS
  • 포트폴리오
  • figma
  • 모바일-디자인
비타민걸 댓글 2 좋아요 1 조회수 402

텍스트박스 크기변경할때

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

안녕하세요. 1번과 같이 텍스트박스를 선택하고 옵션+쉬프트키를 누르고 크기를 조절하려고 하면 텍스트박스가 자꾸 저렇게 됩니다ㅠㅠ 고정을 센터로 했는데 어떤문제일까요?

  • 웹-디자인
  • 웹 디자인
  • 모바일-디자인
  • 모바일-디자인
  • figma
kshpwgrrkg 댓글 1 좋아요 0 조회수 1472

하단 홈바 픽스드포지션 할 때

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

하단 홈바 픽스트포지션 할 때 안에 있는 오브젝트들(홈,카테고리 등 텍스트와 아이콘)은 픽스드포지션을 하지 않아도 탭바 사각형을 따라서 고정이 되는걸가요?

  • 웹-디자인
  • 모바일-디자인
  • 모바일-디자인
  • 웹 디자인
  • figma
kshpwgrrkg 댓글 1 좋아요 0 조회수 539

도형을 축소할때 도형내부요소들도 같은 비율로 축소가 가능한가요?

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

안녕하세요 첨부된 그림과 같이 흰색배경의 그래프 배경을 그리고 그 안에 펜툴로 그래프를 그렸습니다 정밀한 작업을 위해 처음에 그래프를 크게 그리고 그 다음 실제 UI디자인 크기에 맞춰 축소시켜 사용하려고 하는데요 이때 그래프 배경은 의도대로 축소되었지만 그래프 내부 요소들은 축소되지 않고 그대로 남아있습니다 그래프 배경과 그래프 내부요소들이 원래와 같은 비율을 유지하면서 동시에 축소시킬 수 있는 방법이 있을까요? 감사합니다

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 모바일-디자인
  • 웹 디자인
1024201a 댓글 2 좋아요 0 조회수 4106

프로토타입 프레젠트 부분에서 문제가 있습니다.

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

프레젠트 버튼을 누르면 한 화면씩 나오는게 아니라 작업 대지까지 전체 화면이 나와버리네요.. 제가 어떤 실수를 하고 있는 걸까요? ㅜㅜ

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 웹 디자인
  • 모바일-디자인
김규리 댓글 2 좋아요 1 조회수 1673

안녕하세요 :)

해결됨

[MASTER] 만들면서 배우는 Figma UI Design

안녕하세요 연남동 이재용입니다. 피그마 관련 업데이트가 많아 미루고 있던 강의를 조금씩 업로드하고자 합니다. variant기능은 업데이트 해두었습니다. 새해 복 많이 받으시고 앞으로도 강의 많이 기대해주세요. 감사합니다.

  • figma
  • 모바일-디자인
  • 웹 디자인
김수재 댓글 0 좋아요 0 조회수 363

강의자료 여/부

해결됨

[MASTER] 만들면서 배우는 Figma UI Design

해당 강의의 강의자료는 따로 없나요?

  • 모바일-디자인
  • figma
  • 웹 디자인
jsr 댓글 0 좋아요 0 조회수 338

UI 디자인 원리 적용된 좋은 사례, 나쁜 사례

미해결

뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론

좋은 사례 뱅크샐러드 뱅크 샐러드 어플을 최근 들어 다시 쓰고 있습니다. 기존 은행 어플과 달리 정말 직관적인 UI를 많이 느끼고 있는데요. 그 중에서 휴리스틱 평가 상태 안내가 적용된 걸로 생각되는 예입니다. 동의 사항이 나올때 아래 버튼이 '아래로 스크롤' 통해서 제가 더 읽어야 하는 것이 있다는 것을 말해주고 끝까지 읽으면 그 버튼 내용이 바뀌면서 '내 데이터 조회하기'로 바뀌어 다 읽고 그 다음으로 진행됨을 나타내는 CTA가 반영되어 이해하기가 수월했습니다 나쁜 사례 KB Star Banking 많은 정보의 양을 너무 작은 텍스트, 그리고 그 글이 스크롤과 더불어서 좌,우로 읽어야 할 것도 있습니다. 뭔가 읽고 싶어도 읽고 쉽지 않게 만듭니다. 진행사항도 없고 제가 하는 행동이 하나도 UI요소로 반영이 안되어 더이상 여기선 '전체 동의' 버튼 누르고 빠르게 나가고만 싶었습니다. 뭔가 사용자로 하여금 읽게끔 배려해주는 것이 전혀 없다는 것을 느꼈습니다

  • 웹 디자인
  • 모바일-디자인
브래드 댓글 4 좋아요 1 조회수 2027

햄버거 아이콘

해결됨

만들면서 배우는 Figma Design [BASIC-2025 trend updated]

햄버거 아이콘을 그룹으로 만들고, guide와 iconbox를 비표시로 설정하면 갑자기 크기가 18x16으로 변합니다. 강사님의 영상에 있는 햄버거 아이콘은 guide와 iconbox를 비표시로 설정해도 24x24되네요... 저도 강사님처럼 24x24으로 되는 것이 배치하기 쉬울것같은데 어떻게 설정하면 될까요?

  • figma
  • 웹 디자인
  • 모바일-디자인
Tomi 댓글 0 좋아요 1 조회수 286

혹시 강의 정리 한 문서를 받을 수 있나요?

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

안녕하세요. 강의 잘 듣고 있는 학생입니다. 강의 들으면서 제가 따로 필기를 하고 있긴 한데, 혹시 강의 정리 자료가 있는데 제가 못 찾는건지 아님 원래 없는건지 궁금해서 문의드립니다. 없는 거면 지금 처럼 필기 하겠습니다! 부담 갖지말고 답변부탁드립니다. 감사합니다.

  • 강의노트
  • 강의자료
  • 모바일-디자인
  • figma
  • 웹 디자인
Yu Hyein 댓글 1 좋아요 0 조회수 220

컴포넌트 디자인과 활용방법 5:16~ 질문드려요

해결됨

만들면서 배우는 Figma Design [BASIC-2025 trend updated]

안녕하세요. 질문 남깁니다. 5강 컴포넌트 디자인과 활용방법 5:16~ 에 아래 라인 복사해서 위에 붙여놓고 전체 채워넣으시잖아요. 어떻게해야 채워지는지 잘 모르겠어서 질문드립니다 ㅜ

  • 웹 디자인
  • figma
  • 모바일-디자인
연수 댓글 1 좋아요 0 조회수 390

페이지 이름에 이모티콘은 어떻게 넣는건가요??

해결됨

만들면서 배우는 Figma Design [BASIC-2025 trend updated]

페이지 이름에 이모티콘은 어떻게 넣는건가요??

  • 모바일-디자인
  • 웹 디자인
  • figma
YoungJin Hwang 댓글 1 좋아요 0 조회수 978

스케치 iOS/android 사이즈 관련 문의

해결됨

스케치앱 디자인 기초다지기[Sketch]

앱디자인을 공부하고 있습니다. 제가 아무리 영상을 찾고 찾아봐도 이해가 되지 않는 부분이 있어서 이렇게 질문을 남깁니다. 사람들마다 핸드폰 기종이 다 다른데 어떻게 작업을 해야할지 모르겠습니다. android 는 360*640 px / ios는 375*667px 사이즈를 기본으로 작업하고 2배 3배수로 exprot를 하면 되는건가요?

  • 스케치
  • 사이즈
  • sketch
  • 해상도
  • 웹 디자인
  • 모바일-디자인
  • ios
  • android
all 댓글 1 좋아요 0 조회수 558

질문이 있어요!

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

웹 와이어프레임 만들기 1 영상 보면서 만들고 있어요! 생각보다 피그마가 프로그램이 좋아서 와이어프레임 수준으로 만드는 것은 아직까지 쉽네요. 다만 왼쪽 레이어 정리는 어떻게 하실까요? 혼자 작업 연습하느라 기능에 초점을 맞춰서 설명하시느라 레이어는 냅두신것 같은데 아무래도 작업한 것을 다른 디자이너에게 공유하거나 할때, 보기 좋게 정리를 하면 좋을 것 같아서요. 실무에서는 레이어 정리를 보통 어떻게 하는지 궁금해요! 그리고 레이어가 아래를 기준으로 위로 정리하는 건지 위를 기준으로 아래로 정리하는 건지 이것도 궁금하고요. 감사합니다.

  • 모바일-디자인
  • 웹 디자인
  • figma
AirDream 댓글 2 좋아요 1 조회수 1803

피그마에서 영상구현 방법

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

안녕하세요? 제작해보려고 하는 프로토타입에 사진과 동영상이 포함이 되어 있는데요, 혹시 피그마에서 프로토타입을 만드는데 영상을 보여줄 방법이 있는지 궁금합니다. 'Video Cover'란 플러그인에서 유튜브 영상을 지원하는것 같아서 해보니, 영상에서 특정부분만을 사진으로 보여주네요. 피그마에서 자체로 안된다면 영상이 지원되는 프로토타입을 만들수 있는 다른 툴이 있을지요? 피그마에서 제작한 프로토타입을 프로토파이에서 불러올수 있는것으로 봤는데, 혹시 프로토파이에서는 지원을 하는지요?

  • 피그마
  • 영상
  • 모바일-디자인
  • 유튜브
  • figma
  • 웹 디자인
  • 프로토파이
Manjin Kim 댓글 4 좋아요 1 조회수 28123

플린토 프로토타입 작업 후 공유 관련 문의

미해결

스케치앱 마스터 과정[Sketch App]

안녕하세요. 강의 잘 보고 있습니다. 플린토 작업 후 개발자 공유를 위한 저장 방법이나 C레벨 프리젠테이션과 같은 활용은 어떻게 할 수 있을지 궁금합니다.

  • 모바일-디자인
  • sketch
  • 웹 디자인
Ahn 댓글 1 좋아요 0 조회수 313

선생님, 아이콘 관련 질문이 있습니다.

해결됨

스케치앱 마스터 과정[Sketch App]

선생님 안녕하세요. 앱 디자인을 하다가 막히는 점이 있어서 질문드립니다. 구글 머터리얼 가이드에선 아이콘 최소 터치 타겟 영역을 48*48dp(안드로이드), 아이콘 획 두께를 2dp로 권장하는데, 이 규칙에서 벗어난 레퍼런스가 있어서요. 인스타그램 아이콘을 재봤더니 영역이 32*32dp정도로 터치 영역이 측정이 되었고 ] 카카오톡 아이콘을 재봤더니 마찬가지로 32dp*32dp 정도로 측정이 되었습니다. 게다가 카카오톡은 아이콘 획 두께가 1dp 정도 돼보였어요. 어떤 것은 1dp 미만으로 보였습니다. 그래서 질문은요. 1. 실무에서는 아이콘을 어느 정도의 탭 영역과 획 두께로 제작하는지 말씀해주실 수 있을까요? (48dp가이드는 공식적인 가이드일 뿐, 실제 디자인은 32dp를 많이 사용하는 트렌드나 맥락이 존재하는 것일까요?) 2. 만약 실무에선 구글 머터리얼 가이드와 다른 기준이 있다면 어떤 기준이 있을지 궁금합니다. (검색 키워드라도 부탁드립니다!) 3. 아이콘의 터치 영역이 넓으면, 그리드에 맞춰도 정렬되어 보이지 않는 문제가 있는데요. 이럴경우 어떻게 처리하실까요? (실제 아이콘이 그려진 라이브 영역을 그리드에 맞추는 게 일반적인가요? ) 선생님 강의는 모두 구매해서 열심히 신입디자이너 취업준비하고 있습니다. 유튜브도 잘 보고 있어요! 좋은 강의 늘 감사드립니다. 항상 건강하세요!

  • 웹 디자인
  • 모바일-디자인
  • sketch
당황한 노새 댓글 1 좋아요 0 조회수 2142

앱을 캡쳐해서 분석하는데 질문이 있어요.

해결됨

스케치앱 마스터 과정[Sketch App]

안녕하세요. 강의를 보면서 공부 중인 취준생입니다. 최근 인스타그램 어플을 캡쳐하여 분석하는데 궁금한 것이 있어 질문 남깁니다. 제 폰은 안드로이드 xxxhdpi(564 ppi, 5.7 in)에 1440*2880px인데요. 제 폰으로 인스타그램을 캡쳐하여 dp 해상도인 가로 360px에 맞게 줄여보니 캡쳐 원본(1440*2880px)에선 1px이던 선이 줄인 해상도에서는 0.25px 정도로 수치가 나왔어요. 두가지 여쭤보고싶습니다. 선생님이 강의해주신 내용에서 소숫점을 쓰지 말라고 하셔서 이런 고민은 처음입니다;; 1. 그러면 0.25px이 1배수 디자인 상의 선 수치에 가깝다고 생각하면 되는 걸까요? (스케치에서 0.25pt) 2. 앱과 웹에서의 최소 표현단위가 차이가 있는지도 궁금합니다.(앱에서는 0.25같은 단위를 많이 사용하는지도요..)

  • 모바일-디자인
  • 웹 디자인
  • sketch
당황한 노새 댓글 1 좋아요 0 조회수 358

인기 태그

인프런 TOP Writers

주간 인기글