묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨구글 애드센스 수익형 워드프레스 블로그 만들기
강의 관련 문의 드립니다
강사님.. 여러 차례 수강전 문의 드리고 수강신청하였습니다.수상 신청하자마자.. 내리 7강 까지 들었네요문의 드릴것이 있는데요,,우선 뉴스페이퍼 테마는 다시 도메인과 알려주시 업체 호스팅을 하고 구매를 해서 진행하려고 합니다.먼저 앞서,, 현재 저렴한 워프 사이트가 하나 있는데,,너무 방치하고 있어서요,, 카페24에서,, 1100원 짜리 와 도메인과 함께 구입을 해서이것 저것 만저보다.. 현재 아무것도 못하고있는데요섹션 4의 Generatepress Theme 부분 강의를 먼저 듣고 그것 먼저 세팅을 해도 될까요?괜찮다면 우선 그것 먼저 세팅을 한 후에 새로이 제대로된 호스팅을 하고 테마도 사서 진행하려 합니다카페24에 1100원의 워드프레스가 강사님께서 지급해 주신다는 Generatepress Theme 정식버젼이 잘 작동이 될까요? 아니면 바로 위에것으로 업그레이드 하고 이것 나름 데로 살려서 써야 할 것 같아서요
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
[과제] 좋은 UX와 안 좋은 UX 사례
좋은 UX 🚩 챌린저스 (모바일 앱)1⃣ 소개 : 나태해질 때마다 예치금 걸고 다른 사람들과 챌린지 하는 앱인데 하루에 평균 5~6번씩은 들낙했는데 기능적으로 좋은 앱인 거 같아 소개합니다!2⃣ 장점 : 홈, 인기, 신규, 추천 카테고리로 분류류한 점에서 정보 설계를 수용한 거 같아 좋은 UX를 제공한다고 생각했습니다. 또한 각 항목을 클릭했을 때 세부 항목이 나타나는 점도 인상 깊었습니다. 그리고 특히 추천 카테고리를 클릭하면 간단하게 참여할 수 있는 챌린지 위주로 추천해주는 기능이 있는데, 처음 챌린저스를 접하는 낮은 의도의 사용자를 고려한 점이 인상 깊었습니다! 안 좋은 UX 🚩 아이폰 최근 통화 화면1⃣ 단점 : 개인적으로 아이폰 유저로써 불편했던 점인데, 통화 아이콘을 누르면 최근 통화 내역으로 바로 이동하는데, 여기서 좌측 전화번호를 조금만 눌러도 바로 해당 전화번호로 통화 연결이 되는 게 아쉬웠습니다. 이런 실수를 범한 게 100번도 더 넘어서 제 멘탈 모델과는 다른 컨셉트 모델이 도출된 부분이라고 생각했습니다. 2⃣의견 : 그래서 제 개인적인 견해로는, 전화번호를 눌렀을 때 '해당 번호로 발신하시겠습니까?' 와 같은 알림창이 출력되고, 사용자는 예 혹은 아니오 로 응답할 수 있게 UI를 추가하면 어떨까 라는 생각을 해보았습니다. 그러면 멘탈 모델과 컨셉트 모델 둘 다 충족하는 이상적인 UX를 만들어갈 수 있다고 생각했습니다!! +++ 이 강의를 시작으로 처음 UX 공부 시작했는데 디자인은 무조건 예쁘면 다 되는 줄 알았는데 사용자 관점에서 사용자의 문제를 해결하는 걸 1순위로 두고 디자인을 해야 한다는 걸 깨달았어요!! 진짜 너무 재밌구 얼른 완강한 다음엔, 피그마 툴 제대로 배워보고 싶다는 생각이 드는 거 같아요!!
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
슬라이드 이미지 포토샵 질문
D,E,F타입의 경우 슬라이드 영역이 유동형인데포토샵에서 창 크기를 어느정도로 해야할까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 컬러 배리어블 적용이 안되어 질문 드려요!
선생님 안녕하세요!버튼 컴포넌트 제작 강의를 보며 따라서 만들고 있는데요~아이콘 fill에 배리어블을 적용해도 아이콘 색상이 변하지 않는 문제가 있습니다~color/icon/interactive/inverse 색상을 선택해도 적용이 안되며, 다른 배리어블 색상을 적용해도 동일하게 적용이 안됩니다! 이름만 적용되고 색상은 변경이 안되는 상태입니다 ㅠㅠ(feather icon을 shape 면으로 병합한 형태로 정리하였고, Vector로 동일하게 이름도 적용했습니다. 아이콘 컬러 배리어블 색상도 등록한 상태입니다.아이콘을 면으로 정리할 때 유니온과 아웃라인이 안되는 경우, 커뮤니티에 공유해주신 Convert SVG Strokes to Fills 웹 사이트를 이용했습니다! )feather icon 외에 다른 아이콘 컴포넌트로 테스트 해보니 배리어블 색상이 적용됩니다.해결 방법이 있을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
제이쿼리 작동은 되는데 오류창이 떠요 ㅠㅠ
모달창 열리는거는 문제 없는데 닫기 누르면 이 창이 떠요. 닫히는 코드에 문제나 오타가 있다기에는 뒤로가기 누르면 또 제대로 닫혀 있어요.. 이전에는 공지사항 갤러리 탭 메뉴할때도 갤러리 누르면이 창이 떠서 뒤로가기 누르면 또 갤러리 탭이 제대로 실행되어있더라구요.. 다시 공지사항 누르면 저 오류창은 안뜨구요. 제이쿼리가 작동은 되는데 중간에 이 창이 뜨는 이유를 모르겠어요 ㅠㅠ 크롬으로 연결해도 똑같이 뜨네요 ㅠㅠ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블 활용에 질문이 있습니다 :)
안녕하세요, 선생님!본격적으로 베리어블을 활용/운영하다보니 궁금한점이 있어 글 남겼습니다.1.semantic으로 지정되지않은 컬러 활용?Primitive의 color-100/200/300 이런 베리어블들은 사용을 지양해야하나요~?Primitive는 시멘틱처럼 용도가 따로 지정되어잇지않아 다른 디자이너들이 보면 어떤 때 200,300을 써야하는지 헷갈릴것같은데 어떻게 해야할까요? 예를들어 미세하게 컬러를 조정할떄가 생기는데 그때마다 시멘틱의 text,bg,border,icon을 각각 1컬러당 4세트씩 작업해줘야하는 점이 번거로울것 같기도한데, 그러자니 primitive를 바로쓰면 용도에 대해 적혀있지않은 네이밍이라 헷갈릴 것 같습니다.조언 주실 부분 있으실까요? 2.텍스트나 도형을 생성하고 컬러칩 라이브러리를 열면라이브러리 상단에 semntic이 우선으로 뜨지 않고 primitive가 먼저 뜨게 되는데 상단에 우선으로 뜨게 하는 방법이있을까요?
-
미해결애플 웹사이트 인터랙션 클론!
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
프레임을 씌울 때
종종 그룹을 먼저 씌운 후, 오토레이아웃을 설정하시던데특별한 이유가 있는지 궁금합니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
darkmode에 기존 gray50~900을 사용하지 않으려면
Primitive에 다른 gray팔레트를 만들어줘야 하나요?이때 네이밍은 어떻게 지정하면 좋을지 궁금해요.. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Color Style Guide 플러그인
Color Style Guide 플러그인이 그레이만 제공 되는 것 같아요.혹시 플러그인을 사용하지 않고 컬러 팔레트를 만드는 방법은 없을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
D,E유형 반응형 슬라이드 필수인가요?
특성화고에서 필기면제자 검정 대비 학생들 가르치고 있습니다.D,E유형에서 반응형 슬라이드에 대한 부분은 공개문제에서 없는거같아서요.. 그냥 기존에 A,B,C타입에서 하던대로 시켜도 시험에서 큰 지장이 있을까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
.container>div{} 작성해야 하는 경우는?
.container{}.container>div{} .container{}만 하고 .container>div{} 는 하지 않는 경우도 있고 .container>div{} 를 하는 경우도 있는데 .container>div{} 어떤 경우에 해야 합니까?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
보조색을 다른 hue로 사용할 경우엔 베리어블 구조를 어떻게 짜야할까요?
머테리얼 컬러 가이드처럼,프라이머리 컬러를 블루 계열로 두고 세컨더리 컬러를 틸 계열로 두고 싶은데,예제는 하나의 색상 계열로 프라이머리, 세컨더리를 나누고 있어서 베리어블 구조를 어떻게 짜야할지 잘 모르겠습니다. 테마-브랜드 컬러에 틸 계열을 추가한 뒤 시멘틱-bg-인터랙티브세컨더리에 해당 브랜드 컬러를 참조하면 되는걸까요?아니면 프리미티브 컬러에만 틸 계열을 넣어둔 뒤 시멘틱-bg-인터랙티브세컨더리 컬러에 프리미티브-틸500 을 바로 참조하면 되는걸까요?..
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
인스턴스 섹션이 보이지 않습니다.
create instance swap property를 적용하려는데, 인스턴스 섹션이 안보입니다. 어디서 찾을 수 있나요? 오른쪽 바에는 보이지 않습니다. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
미해결웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)
실전사이트 제이쿼리소스
초반에 제이쿼리 소스를 넣을때 둘 중 하나만 언더바가 생겨요 ㅠㅠ
-
미해결카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)
궁금합니다.
'홈페이지 헤더만들기'에서 header__nav-box와 header__list-box를 사용해 div로 한번 묶고 ul, li를 적용하는데, 오른쪽 icon은 왜 div없이 ul, li로 바로 하는지 궁금합니다. <header> <nav> <ul> <li> <p> <ul> <li> 이 구조인데, nav 태그 없이 ul, li로만으로도 가능할거 같아서요.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
css 슬라이드 애니메이션(크로스페이드 슬라이드)
이미지가 4개이면키프레임 구간을 어떻게 나누며@keyframes slide { 0% { opacity: 0;} 0% {} 0% {} 0% {} 100% {}}그리고 애니메이션 딜레이는 어떻게 주나요?.slide div a:nth-child(1) { animation-delay: 0s;.slide div a:nth-child(2) { animation-delay: 0s;.slide div a:nth-child(3) { animation-delay: 0s;.slide div a:nth-child(4) { animation-delay: 0s;가로 슬라이드와 세로 슬라이드는 이해도 되고 이미지 4개로 작업도 해보았습니다.그런데 크로스페이드는 도저히 응용이 안돼요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Color scoping 적용이 안되어 문의드립니다!
안녕하세요! 선생님색상 배리어블 등록하기 강의를 보며 실습하는 중입니다.Color scoping 적용이 안되어 문의드립니다!첨부 이미지 처럼 text에서는 Text, bg에서는 bg 만 체크, border, icon 각각 해당 항목만 체크하였습니다!이후 텍스트를 작성하고 등록한 배리어블 컬러를 적용해보니, 체크한 Text 외에 bg, border, icon 컬러가 모두 보이는 문제가 있습니다!Text에 적용할 때는 Text 컬러만 보여야 하는데요~ 1)번 설정 시, 추가로 더 체크해야될 부분이 있는 걸까요?도움 부탁 드립니다! 1) 2) 좋은 강의 감사드립니다!!
-
해결됨UIUX 포트폴리오 Part.2 -UIUX 디자이너로 취업하기
질문있습니다!
안녕하세요~ 강의 들으면서 포트폴리오 준비하려고합니다!다름이 아니라 영상에 있는 것처럼 어플 흐름도를 전부 디자인하는건가요??.. 실제 어플 출시처럼요??영상첨부해주신 사이트에서 참고 자료 봤는데 다들 웹, 앱 모두 이미 개발하신 분들 이길래요 ㅠ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 관련 질문
icon/settings를 제외한 다른 아이콘은 하나의 '그룹'으로 만들어져 있습니다.하지만 settings는 그렇지 않아 색을 바꾸려고 할 때 'Border'로 인식되더라구요.두 개를 그룹화 시켜도 '아이콘'으로 변하지 않습니다. 어떻게 하면 두 개를 합쳐 '아이콘'으로 인식될 수 있게 할 수 있을까요?고맙습니다.