묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면 <-> 면을 선으로 바꿀 수 있나요?
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면으로 바꾸면 수정시 원본이 없는 건데, 바꾼 면을 다시 선으로 바꿀 수 있나요? 있다면 방법을 알려주시면 감사하겠습니다!혹은 백업해놓고 바꿔 사용하는 게 더 효율적인지도 궁금합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,아니면 다른방법을 쓰시는지 궁금합니다.추가 질문)저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
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) 영상 내용이 같은데어떻게 된 건가요?
-
해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
이번에 F유형이 추가된다고 들었어요..!
이 강의 잘 학습하며 1분기 시험 준비하고 있는 사람입니다!며칠전에 정확한 일정 알아보기 위해 큐넷 사이트 들어갔고 이것저것 눌러보다 작년 4분기때 F 유형이 또추가가 되었다고 하더라구요..혹시 이 부분도 준비중일까요?
-
미해결외주 없이 디자이너처럼 스마트스토어 디자인 꾸미기
학습자료
학습자료 다운 받았는데 압출도 풀 수 없다고 하고 들어가봐도 텅 비어있습니다.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
pdf파일 어디서 다운 받을 수 있나요?
pdf파일 어디서 다운 받을 수 있나요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
color variable 등록 시 naming 및 색깔 기준 문의...
안녕하세요. 강의 몇 번이나 돌려보고, 자료 보면서 제가 진행하고 있는 개인 프로젝트에 맞춰서 수정/작성하고 있습니다. 그러던 중 color variable 등록할 때 궁금증이 생겨서 글을 작성하게 되었습니다. theme에서 neutral로 재정의하는 이유가 뭘까요? (primitive에 greyscale이 있음에도 불구하고)semantic color 에서 primary / secondary / tertiary가 뜻하는게 뭔가요?semantic color에서 bold와 subtle은 언제 쓰는건가요~?semantic color에서 그냥 컬러들이랑 INTERACTIVE에 넣은 컬러들이랑 사용처가 어떻게 다른지 궁금합니다 ㅠㅠㅠ
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 색상 배리어블 등록하기
3:27~theme 등록 중에라이브러리에서 참조 브랜드 컬러 50을 주신다고 하셨는데,컬러 스타일 기본 셋팅이 안되있는 상태에서 실습이 가능한걸까요? 플러그인 설치부터 다시 해봐도같은 셋팅값 설정이 안되있어서 질문남깁니다! 아직 초~중반 수강중인데, 퀄리티가 너무 좋네요.감사합니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
휴리스틱 평가를 이용한 디자인 원리가 잘 적용된 사례/아닌 사례
안녕하세요~ 강의 잘 듣고 있습니다.2024년이 되었네요. 새해 복 많이 받으세요 ^_^휴리스틱 평가를 이용한 디자인 원리가 잘 적용된 사례와 아닌 사례를 찾아보았습니다. 적용이 잘 된 웹사이트로는 Bloomingdale's 를 꼽았습니다.휴리스틱 평가 부분 강의에서 말씀해주신 것 처럼 패스워드를 쳤을 때에 충족되는 부분이 초록색으로 불이 들어와서 사용자로서 비밀번호를 만들 때 어떤 것들을 더 충족시켜야 하는지, 지금까지 충족을 시켰는지 알 수있어서 편했습니다.그리고 제가 원래 사용하던 이메일을 email 칸에 기입했더니 빨간색으로 원래 있는 아이디라는 안내까지 해주어서 좋았습니다. 적용이 잘 안된 웹사이트로는 Ikea 를 꼽았습니다.Ikea 웹사이트에서도 sign up page에서 비밀번호를 기입하는 부분에서 휴리스틱 평가가 적용될 것이라고 기대했는데 기존 사용하던 아이디를 넣어도 별다른 안내가 나오지 않았고, 비밀번호도 Bloomingdale's와 다르게 어떤 부분이 충족되었는지/더 충족해야하는지 빨간색 이어진 긴 문장으로는 쉽게 판단이 되지 않았습니다.항상 강의 잘 보고있습니다. 감사합니다~
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 간격 배리어블 등록하기
간격 배리어블 스타일가이드 만들 때는 어떤 플러그인 사용하셨는지 알 수 있을까요..?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
슬랙 커뮤니티 초대 문의
안녕하세요! 선생님 슬랙 커뮤니티 초대 부탁드립니다!!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Scale기능과의 차이점
안녕하세요! 혹시 Outline stroke 설정 후 사이즈 변경하는 것과 Scale로 2x로 변경하거나 수치를 바꿨을때 2개의 산출물 결과나 환경이 달라지나요?
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 자료 링크가 안나옵니다.
강사님 두번째 Apple 아이콘 자료 링크를 들어가 보면The page you're looking for can't be found.이렇게 나와요.찾아봤는데https://developer.apple.com/design/human-interface-guidelines/icons/여기가 맞나요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 관련 문의드립니다.
안녕하세요. 선생님!아이콘 자료를 다들 공유를 받으시고 진행하시는지 궁금하며,이전에 아이콘을 모두 유니온으로 여러 벡터를 병합을 했었는데, 그 중 몇 아이콘은 버그인지 제대로 병합이 안되는 아이콘도 있었고, 선 하나로 된 아이콘도 있어서요!그래서인지 체크박스 작업 중 체크 아이콘에 inverse 컬러가라이브러리에서 없었습니다! (체크아이콘 = 선형 아이콘)추가로 혹시 위와 같은 상황에서는 어떻게 처리를 해야할지 궁금합니다.다른 질문인데요, 아이콘은 제작 후 모두 면으로 변형시켜서 작업을 진행하는 걸까요?그렇다면 선으로 제작한 아이콘은 어떤방법으로 면으로변형하는지 궁금하기도 합니다!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
픽스드, 플루이드 반응형 레이아웃 그리드 적용 질문
안녕하세요, 볼드 멘토님!픽스드, 플루이드 반응형 레이아웃 중에 많이 사용되는 케이스가 어떤 것일까요? 오토레이아웃 적용해서 반응형 웹 사이트 디자인 중인데요! Pc 사이즈 먼저 제작 후 모바일, 패드 사이즈 제작하려던 중, 헷갈리는 부분이 있어서요! 콘텐츠 이미지 사이즈를 픽스드 처럼 동일하게 적용할지 고민하다가 (픽스드로 디바이스마다 이미지 사이즈를 비슷하게 적용하려니 어색해보여서요) 플루이드로 시도했는데요~ 이미지 사이즈 축소 기준을 어떻게 맞춰야 할지 헷갈려서요! 좌우마진, 거터 정해서 플루이드로 시도해봤는데요! 뭔가 설정이나 사용법이 부족한 것인지 이미지 사이즈를 수동으로 조절하게 돼서요! 콘스트레이트 설정도 안 보이구요ㅠㅠ콘텐츠(이미지, 카드ui) 플루이드 적용 방법 조언(컨스트레이트 설정 안 보임, 자동 조절처럼 안되는 이유), 또는 첨부 자료 부탁드려도 될까요?ㅠㅠ
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX와 안 좋은 UX 사례
안녕하세요. 저는 뉴욕에서 사는, 지금은 다른 전공으로 일하며 UX 디자인에 관심이 생겨서 공부하고 있는 사람입니다. 먼저 예시와 함께 쉽게 잘 설명해주셔서 초보자인 저도 잘 따라가고 있고 디자인 원리를 배우면서 기존에 웹/앱을 사용하면서 불편함을 느꼈던 것이 사용자로서 왜 불편함을 느꼈는지 다시한번 느끼게 되어서 신기하고 재밌습니다. 항상 감사합니다. 좋은 UX의 사례로 미국 사이트 Back Market 을 꼽았습니다. https://www.backmarket.com/en-us 디자인 레이아웃에 사용된 도형이 네모로 일관되게 통일되어 보기가 편했습니다. 대응의 원리를 잘 사용하여 왼쪽에 세 줄과 함께 "All Item", 그 바로 옆으로 지금 시즌에 사용자들이 가장 많이 찾는 "Holiday Gift Guide" 등등 사이트가 메뉴 바를 가장 왼쪽, search 기능을 맨 위에 두어서 사용자가 기존 다른 사이트에서 보던 레이아웃과 비슷하게 배치하여 이용하기가 편한 것 같이 느껴졌습니다. All Item tap을 누르면 카테고리 분류를 잘 해 놓아서 높은 사용자의 의도가 있는 사용자들은 이 탭을 이용하여 원하는 아이템을 바로 찾을 수 있습니다. 또한 메인 페이지에 Gift Idea, Community Stories 등 낮은 사용자의 의도를 가진 사용자들도 와서 원하는 바를 browse 할 수 있게 한 것 같습니다. 오른쪽 > 버튼을 검정색 바탕으로 해놓아서 사용자가 왼쪽 버튼보다 오른쪽 >을 눌러 오른쪽으로 이동하여 더 많은 아이템을 볼 수있도록 유도한 점이 좋았습니다. 안 좋은 UX 사례로는 Uniqlo를 꼽았습니다. https://www.uniqlo.com/us/en/men웹사이트를 들어가면 가장 불편한 점이 크리스마스 세일 아이템만 강조하여서 다른 ALL 카테고리로 이동할 수 있는 버튼을 찾을 수가 없습니다. Holiday 프로모션 글자 color를 background 이미지와 중복된 컬러를 써서 버튼이 잘 안보이고 상단 우측에 로그인 아이콘이 없어서 찾는데 오래 걸렸습니다. 이미지의 해상도도 많이 좋지 않아서 보는데 많은 불편함이 있었습니다. 과제하면서 여러 사이트들을 찾아보고 좋은 UX와 안 좋은 UX를 가려보는 시간을 가졌는데 강의로 듣던 내용을 직접 찾아보며 어떤 점이 편하고 어쩐 점이 불편했는지 경험하니 더욱 강의 내용이 와닿고 기억에 오래 남는 것 같습니다. 감사합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
브랜드컬러, 시스템컬러 정의 방법 궁금합니다!
브랜드 컬러, 시스템 컬러 정의 관련 질문 있습니다!컬러 스타일을 등록하기 전에 브랜드 컬러와 시스템 컬러 색을 정하는 부분이 어렵게 느껴집니다! 브랜드 컬러와 시스템 컬러를 정하는 노하우를가 있을까요?브랜드 컬러는 기존 로고 컬러 톤이 어두워서 웹에서만 채도를 조절해서 좀 더 밝게 정했는데요! 어느 정도까지 조절할지 기준을 정하거나, 시스템 컬러를 같이 도출하는 과정이 아직 어렵습니다ㅠㅠ강사님의 조언 부탁드립니다!