묻고 답해요
148만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
도형 요소 corner radius와 stroke
섹션 2 강의에서 도형 요소의 속성 조정하는 데에 질문이 있습니다.사각형의 corner radius를 따로 설정할 수 있는 버튼이 보이지 않습니다.사각형에 stroke 생성하고, 각 변에 stroke 유무를 설정할 수 있는 버튼이 없습니다.도형 요소 선택 시에는 보이지 않는데, 프레임 선택 시에는 저 두 버튼 모두 잘 보이고 작동합니다.
-
해결됨[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
채팅 ui 속성) 말풍선 크기 최대최소 조정 문제
말풍선의 최대 최소를 설정하고부터, 강의와 다른 결과가 나옵니다. 말풍선 자체의 auto layout에 크기 제한을 걸었을때➡ min, max 크기는 제한 ok그러나 전체 프레임을 줄였을때 min크기로 줄어드는게 아니고 프레임 바깥으로 잘림 말풍선+시간이 들어있는 auto layout에 크기 제한을 걸었을 때 (강의 내용)➡ 한글자만 들어있어도 항상 크기가 max로 고정그러나 전체 프레임을 줄였을때 맞춰 조정되나 min 크기 제한이 무시됨 hug와 fill을 하나씩 바꿔봤는데도 동시 적용이 안된다는 점 때문에 무엇이 문제인지 도통 모르겠네요ㅠㅠ
-
미해결성공적인 진짜 iOS Design Guide - [Autolayout With Code]
안녕하세요! 강의 자료 관련 문의 드립니다.
스택뷰 강의를 보고 있는데, 정렬과 배열 옵션에 대한 이미지들이강의에서 다운로드 받은 자료에서는 찾지 못했습니다.Autolayout_StackView_2023 프로젝트도 마찬가지였어요.혹시, 강의에서 보여주는 자료를 받을 수 있는 방법이 있을까요~?
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
폰에서 영상이....ㅠㅠ
핸드폰에서는 영상을 볼 수 없나요???
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
constraint 버튼에 적용할때 프레임이여야 하는지요
버튼이 반드시 프레임이여만 되는건가요? 프레임아니고 도형으만들면 적용이 안되는거 같아서요 그리고 constraint를 적용해서 버튼을 만든뒤에 버튼이니까 컴포넌트로 만들고 복사해 다른 프레임에서 인스턴스가 되쟎아요.그런데 문제는 컴포넌트 페이지에서 프레임 위드를 줄이면 복사한 인스턴스 페이지에서도 그 인스턴스 버튼도 똑같이 줄게되는데...이런건 어떻게 생각을 정리해야할까요?? 컴포넌트화 시에는 사용을 말아야하는건가요? 실무에서 모든 요소를 다 컴포넌트화하면 초보라그런지 너무할것도 많고 어렵게 느껴지는데 최소한의 것만 만들어서 인스턴스로 쓴다면 어떤것들이 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
커서 챗
선생님 안녕하세요, 혹시 피그마에서 커서 쳇에서 색상을 변경 할 수 있는 방법이 있을까요?그룹으로 친구와 작업 하는데 커서 쳇 색상이 동일하게 나와서 조금 불편해서요...
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
글리프에서 특수기호 찾는 법
플러그인에서 글리프를 불러와서는 필요한 특수기호를 찾지를 못해요~영어가 후달려서....우짜죠ㅠㅠ
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
와이어프레임의 범위
와이어프레임은 low-fi, mid-fi, high-fi 와이어프레임으로 나눌 수 있다고 하셨는데보통 실무에서 와이어프레임을 만들어달라고 요구하는 이유는 대략적인 콘텐츠들의 배치나 화면의 흐름을 보기위함인가요?대학교에서 관련 프로젝트를 진행하게 되면서 pm분께서 저에게 gui를 완성해달라고 하셨어요. 지금까지 저는 gui가 ’버튼이나 아이콘, 혹은 삽입되는 일러스트와 같은 세부적인 그래픽요소‘ 정도로 인지하고 있었고, 와이어프레임은 웹이나 앱의 화면을 지칭하는 용어로 알고 있었습니다. 하지만 그 pm분은 gui를 ’당장 출시할 수 있을 정도로 완성된 화면‘을 만들어달라는 뜻으로 말씀하신 것이었습니다. 즉 제가 혼동되는 부분은 ’당장 출시할 수 있을 정도로 완성된 화면‘을 와이어프레임(굳이 따지자면 high-fi와이어프레임)이라고 불러야하는지, gui라고 불러야하는지 입니다. 실무에서는 해당 용어가 어떻게 사용되는지 궁금합니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이패드에서 보는 중인데 링크나 파일들은 어디서 받을 수 있나요?
아이패드로 보는 중입니다!링크는 댓글을 검색하여 찾았는데, 파일들은 어디서 받을 수 있을까요? 아이패드로 보는거라 링크가 안나오는걸까요ㅠㅠ
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면 <-> 면을 선으로 바꿀 수 있나요?
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면으로 바꾸면 수정시 원본이 없는 건데, 바꾼 면을 다시 선으로 바꿀 수 있나요? 있다면 방법을 알려주시면 감사하겠습니다!혹은 백업해놓고 바꿔 사용하는 게 더 효율적인지도 궁금합니다.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
이해관계자 분류
이해관계자를 분류할 때예시를 들어주신 것처럼 (600만원, 500만원, 400만원.....)그 기준은 제가 임의로 정하는 건가요?기준을 어떻게 잡아야 하는 지 모르겠어요.
-
해결됨UIUX 포트폴리오 Part.1 - Figma(피그마) 깊이 있게 배우기
iconsax 플러그인이 어디에 있는건가요...
아무리 검색해도 안나와서 결국 제공해주신 완성본 파일에서 가져와서 하고 있는데 .. 제가 못찾는건지 ㅠㅠ,..,.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
프로토타입 (1)과 (2) 영상 내용이 같아요
5주차 프로토타입 (1)과 (2) 영상 내용이 같은데어떻게 된 건가요?
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
pdf파일 어디서 다운 받을 수 있나요?
pdf파일 어디서 다운 받을 수 있나요?
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 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/여기가 맞나요?
-
미해결성공적인 진짜 iOS Design Guide - [Autolayout With Code]
비율로 레이아웃 설정하기 -1
14:12 부분 설명이 이상해요width = 1.60377 x height (85:53) - 50"여기서 1.6이라하는것은 내가 비율로설정한(85:53)인거고 1.6은 곱하기 height - 50 만큼 빼지는거고 그게 결정지어지는 값은 width다."1.6 이 중복 된게 이상하고설명하신것처럼height 값을 구해보면 85 : 53 = -50 : x(53 * -50) / 85 = -31.1764706이 나옵니다.1.60377 x -31.1764706 = -49.9998883 이고,여서 -50 더하믄 -99.999888 인데요?실제 width 값은 110.67입니다.height를 구하는 식이 85:53 = constant : x 즉, x(height) = (53 * constant) / 85 라는 소리신데 이해가 안가네요 ㅠㅠ
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 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를 가려보는 시간을 가졌는데 강의로 듣던 내용을 직접 찾아보며 어떤 점이 편하고 어쩐 점이 불편했는지 경험하니 더욱 강의 내용이 와닿고 기억에 오래 남는 것 같습니다. 감사합니다.
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
제이쿼리 load 메서드 포트폴리오 연결 질문
안녕하세요 선생님! 개인 포트폴리오 홈페이지 만들다 궁금한 점이 있어 여쭤봅니다 :)해당 강의에서 만든 작업물을 변형하여 개인 포트폴리오 홈페이지에 넣으려고 하는데Header랑 GNB 부분을 제이쿼리 load 메서드로 연결해서 그런지a태그로 모바일 웹 작업물을 연결하면 Header랑 GNB 부분이안 뜨더라구요ㅜㅜ혹시 이런 경우에는 어떻게 하면 되는 걸까요?항상 알차고 좋은 강의 감사합니다!