묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
비쥬얼스튜디오 코드 환경설정
비쥬얼스튜디오 코드 환경설정 강의에서 beautify 익스텐션에서 다운 받으시라고 하셨는데, 이제 지원하지 않는다고 나오는데 다운 없이 그냥 해도 상관없는걸까요? 그리고 처음부터 강의를 보고 있는데 비쥬얼스튜디오 코드를 쓰면 브라켓은 따로 설치하고 사용을 하지 않아도 되는걸까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 스타일 네임에 관하여
타이포그래피 스타일 등록을 하려고 하는데 선생님께서는 사이즈를 : m,l,xl 이런식으로 하시더라구요 이렇게 지정을 하는 이유가 따로 있을까요? 이렇게 사이즈를 지정했을 때 장점이 있을가요? 디자이너가 등록된 타이포를 검색해서 사용할때 폰트 사이즈를 검색해서 사용할 것 같은데 그렇게 검색해서 사용하기 위해서는 타이포 네임에 px 사이즈를 넣는게 더 사용하기 좋지 않나 하는 생각이 들어서 질문 남깁니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[만능으로 쓰이는 기본 카드] 질문
안녕하세요 선생님강의 영상 1:00 ~ 1:10에서,Fill을 클릭하시면서 뭔가를 말씀하시는데 그게 무슨말인지 모르겠습니다 ㅠ그래서 그냥 fill->choose image로 이미지를 불러와도 화질이 깨져서 업로드되구요.이미지를 고화질로 업로드하는 방법이 뭔가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Swap instance 질문
아이콘을 직접 만들어서 components 화 시키고 사용하고 있는데 Swap instance 를 사용해서 아이콘을 변경하면 모두 아이콘 제작 당시 Component 에 적용된 색상으로 변경 됩니다. 선생님이 진행한 부분에서는 자동으로 Variant에 적용된 색상으로 적용되고 있는데 이렇게 하려면 어떻게 해야하나요... 아님 제가 수업 중 놓치고 있는 부분이 있는지.. 확인 부탁드립니다. 감사합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 토큰 스튜디오 vs 베리어블
현재 스타트업에서 디자인 시스템 구축을 준비하고 주니어 프로덕트 디자이너입니다. 피그마 토큰 스튜디오랑 베리어블중 어떤걸로 디자인 시스템을 구축하는게 좋을지 갈팡질팡 하고 있는 중입니다. 피그마 자체 기능인 베리어블로 사용하는게 좋을 것 같지만 아직 기능이 토큰 스튜디오 플러그인보단 다양하고 좋진 않아서 더고민이 되네요 베리어블을 사용해야하는 이유와 장점 같은게 있을까요
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
글리프에서 특수기호 찾는 법
플러그인에서 글리프를 불러와서는 필요한 특수기호를 찾지를 못해요~영어가 후달려서....우짜죠ㅠㅠ
-
해결됨반응형 웹사이트 포트폴리오(Architecture Agency)
포지션 속성 중복과 관련해서
<모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기> 수업중에/* Trigger */ .trigger { display: block; width: 24px; height: 14px; position: absolute; right: 20px; top: 20px; } .trigger span { position: absolute; height: 1px; width: 100%; background-color: #000; transition: 0.5s; } .trigger span:nth-child(1) { top: 0; } .trigger span:nth-child(2) { top: 50%; width: 80%; } .trigger span:nth-child(3) { top: 100%; } 이미 .trigger 위치 잡을때 position: absolute를 썼기 때문에 추가로 relative 중복 설정이 불가하면, 어떻게 .trigger가 부모이고 .trigger span이 자식요소가 되서 span이 위치를 잡을 수 있나요?
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
와이어프레임의 범위
와이어프레임은 low-fi, mid-fi, high-fi 와이어프레임으로 나눌 수 있다고 하셨는데보통 실무에서 와이어프레임을 만들어달라고 요구하는 이유는 대략적인 콘텐츠들의 배치나 화면의 흐름을 보기위함인가요?대학교에서 관련 프로젝트를 진행하게 되면서 pm분께서 저에게 gui를 완성해달라고 하셨어요. 지금까지 저는 gui가 ’버튼이나 아이콘, 혹은 삽입되는 일러스트와 같은 세부적인 그래픽요소‘ 정도로 인지하고 있었고, 와이어프레임은 웹이나 앱의 화면을 지칭하는 용어로 알고 있었습니다. 하지만 그 pm분은 gui를 ’당장 출시할 수 있을 정도로 완성된 화면‘을 만들어달라는 뜻으로 말씀하신 것이었습니다. 즉 제가 혼동되는 부분은 ’당장 출시할 수 있을 정도로 완성된 화면‘을 와이어프레임(굳이 따지자면 high-fi와이어프레임)이라고 불러야하는지, gui라고 불러야하는지 입니다. 실무에서는 해당 용어가 어떻게 사용되는지 궁금합니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이패드에서 보는 중인데 링크나 파일들은 어디서 받을 수 있나요?
아이패드로 보는 중입니다!링크는 댓글을 검색하여 찾았는데, 파일들은 어디서 받을 수 있을까요? 아이패드로 보는거라 링크가 안나오는걸까요ㅠㅠ
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
section about에 관련.. 궁금해요
items에 div를 사용했기때문에 CSS작성시 그러한 것 때문에 이왕이면 다른 태그가 좋다고 하는 부분은 이해가 됐어요~혹시나 dl dt dd 태그를 이용을 안하신건 이유가 있으실까요?div를 사용해도 되고 어느것도 괜찮다고 하셨는데dl이 있는데 이용하지 않고 span태그와 h3를 이용하신 이유가 있을 것 같아서요.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면 <-> 면을 선으로 바꿀 수 있나요?
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면으로 바꾸면 수정시 원본이 없는 건데, 바꾼 면을 다시 선으로 바꿀 수 있나요? 있다면 방법을 알려주시면 감사하겠습니다!혹은 백업해놓고 바꿔 사용하는 게 더 효율적인지도 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,아니면 다른방법을 쓰시는지 궁금합니다.추가 질문)저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
ui component library 관련
안녕하세요, 현재 섹션4 라벨과 컨트롤그룹 수강하고 있습니다.강의보면 ui component library 예시로 보여주셨는데 공유를 해주시는 자료인가요? 열심히 수강 중인데 제가 놓친게 있나 해서 여쭤봅니다.감사합니다!
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
이해관계자 분류
이해관계자를 분류할 때예시를 들어주신 것처럼 (600만원, 500만원, 400만원.....)그 기준은 제가 임의로 정하는 건가요?기준을 어떻게 잡아야 하는 지 모르겠어요.
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
섹션3 모바일 전체 레이아웃 및 네비게이션 퍼블리싱(모바일버전)의 3강 모바일트리거 GNB 보이기 감추기까지 관련하여서 제가 잘못한것 같아서 계속 동일한 강의를 3번이나 보고 잘못된게 없는지 확인했는데,선생님과 어떠한 점에서 코드가 다른지 찾을 수가 없습니다. 그래서 무엇이 잘못되었는지, 트리거가 작동은 하나 한번 닫은 후 햄버거메뉴가 보여야 하는데 gnb가 active되어있어도 머가 문제인지 모르겠습니다. 어째서 첫 로딩 후, 보이고, 닫기버튼을 누른 후, 햄버거 메뉴 자체가 안보일까요? 그래서 아래의 다른 학습자님의 글을 보고 추가도 해봤지만 안되네요. 제가 어떤걸 잘못했길래 보이지 않는걸까요?
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
프로토타입 (1)과 (2) 영상 내용이 같아요
5주차 프로토타입 (1)과 (2) 영상 내용이 같은데어떻게 된 건가요?
-
해결됨[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
이번에 F유형이 추가된다고 들었어요..!
이 강의 잘 학습하며 1분기 시험 준비하고 있는 사람입니다!며칠전에 정확한 일정 알아보기 위해 큐넷 사이트 들어갔고 이것저것 눌러보다 작년 4분기때 F 유형이 또추가가 되었다고 하더라구요..혹시 이 부분도 준비중일까요?
-
미해결외주 없이 디자이너처럼 스마트스토어 디자인 꾸미기
학습자료
학습자료 다운 받았는데 압출도 풀 수 없다고 하고 들어가봐도 텅 비어있습니다.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
pdf파일 어디서 다운 받을 수 있나요?
pdf파일 어디서 다운 받을 수 있나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
color variable 등록 시 naming 및 색깔 기준 문의...
안녕하세요. 강의 몇 번이나 돌려보고, 자료 보면서 제가 진행하고 있는 개인 프로젝트에 맞춰서 수정/작성하고 있습니다. 그러던 중 color variable 등록할 때 궁금증이 생겨서 글을 작성하게 되었습니다. theme에서 neutral로 재정의하는 이유가 뭘까요? (primitive에 greyscale이 있음에도 불구하고)semantic color 에서 primary / secondary / tertiary가 뜻하는게 뭔가요?semantic color에서 bold와 subtle은 언제 쓰는건가요~?semantic color에서 그냥 컬러들이랑 INTERACTIVE에 넣은 컬러들이랑 사용처가 어떻게 다른지 궁금합니다 ㅠㅠㅠ