안녕하세요 선생님 한가지 더 문의사항이 있어 질문 드립니다. 디자인 시스템 파일과 디자인 UI 파일을 각각 다른 파일에서 만들었는데요 그래서 디자인 UI 파일을 만들 때 디자인 시스템 라이브러리를 불러와서 사용했습니다 그런데 문제가 디자인 시스템 라이브러리에서 컴포넌트에 색상 토큰값이 매겨진 채로 다른 파일에서 에셋 인스턴스로 불러오게 될 경우, 다른 파일에서 피그마 토큰 플러그인으로 각각 라이트. 다크 모드를 적용하면 인스턴스로 불러 온 요소들은 연동이 안된다는 점 입니다. 결국 다른 파일에서 피그마 토큰 플러그인 실행 후 디자인 시스템쪽에 적용했던 json코드를 불러 온 다음, 이를 Create stylees해서 local에 불러와 일일히 적용 -> 인스턴스로 불러 온 컴포넌트들도 또 다시 색상 값을 매겨야됨 이런식으로 두번씩 작업해야 되는게 맞는건가요? 애초에 디자인 시스템 파일과 디자인 파일을 각각 나누면 안되는건지 연동되게 할 방법이 없는건지 문의드립니다. 확인 부탁드립니다. 감사합니다.
브랜드 컬러, 시스템 컬러 정의 관련 질문 있습니다!컬러 스타일을 등록하기 전에 브랜드 컬러와 시스템 컬러 색을 정하는 부분이 어렵게 느껴집니다! 브랜드 컬러와 시스템 컬러를 정하는 노하우를가 있을까요?브랜드 컬러는 기존 로고 컬러 톤이 어두워서 웹에서만 채도를 조절해서 좀 더 밝게 정했는데요! 어느 정도까지 조절할지 기준을 정하거나, 시스템 컬러를 같이 도출하는 과정이 아직 어렵습니다ㅠㅠ강사님의 조언 부탁드립니다!
안녕하세요, 강의자료에서 스타일 가이드 > 타이포그래피 관련하여 질문드립니다!! 실무 경험이 부족하다보니 신입, 1인 디자이너로 반응형 웹 리뉴얼 진행 중에 스타일 가이드 제작이 쉽지 않아서요~ 강사님께서 만드신 타이포그래피 가이드를 그대로 실무에 적용해도 괜찮을지 궁금합니다!! 실무에서 많이 쓰는 타이포 그래피 사이즈인지 궁금합니다! 도움 부탁 드립니다!!
안녕하세요 선생님 강의 듣던 중 궁금한점이 있어 질문 3가지 작성했습니다. 다음과 같이 참조된 값에 ?표가 생기는 상황이 발생합니다. 제가 잘못 적용한거 같은데 ㅠ 혹시 어떤 경우의 수 때 발생할 수 있는 현상인지 궁금합니다~ 2. 아이콘 컬러적용 세션에서 union한뒤 vector로 이름을 변경했는데 아이콘을 불러오면 stroke가 0 인상태로 불러와집니다. 또 가끔가다가 색도 반영이 안될때가 있는데 reset all chagne?이런걸 해줘야하는지 궁금합니다. <아이콘 원본컴포넌트> <버튼에서 airplay아이콘 스왑햇을때> 스위치 에러가 쓰이는 실제예시가 궁금합니다 어떤 때 쓰일 수 있을까요? 질문이 좀 많은데 강의 재밌게 잘 듣고잇습니다 감사합니다!
안녕하세요 선생님 글자 폰트 설정하는거랑 행간 설정하는거 문의 드립니다! 기존에 다른 타 기업들의 디자인 시스템을 보면 소수점이 아닌 40px, 32px, 이런식으로 딱딱 떨어지게 되어있는데요 scale로 1.333 배수로 지정할 경우 글자 뒤에 붙는 소수점이 알아볼 수 있게 적어놨을 때 한번에 인식이 잘 되지 않는데 이로 인한 문제는 전혀 없을까요?(그리고 아래처럼 그냥 딱 떨어지게 설정해서 토큰을 발행해도 되는건지 알고 싶습니다) 그리고 또 어떤 디자인 시스템을 보면 px / 옆에 rem으로 지정하는 곳이 있고 위처럼 em으로 지정하는 곳이 있는데 각각 어떤 이유로 단위를 변환해서 기재하는건지 알고 싶습니다. 행간의 경우 선생님 강의에서는 150% 160%이런 식으로 %로 주셨는데, 그렇다면 디자인 시스템을 표기할 때 이런식으로 표기가 들어가야 하는 건지 알고 싶습니다. 그리고 마지막으로 개발자는 가공을 거쳐야 한다고 강의에서 말씀하셨는데, 그러면 회사에서 개발자가 json코드를 가공하는 방법을 모른다고 하면 강의처럼 디자인 시스템을 사용할 수 없는걸까요? 답변해주시면 감사드리겠습니다.
앞족에서 베리어블은 스타일과 베리어블을 참조받을수있따고 설명해주셧는데 3분 20초에서는 스타일을 찾을수 없다고 말씀하셔서요. 실제로도 해보니 베리어블은, 기존 베리어블을 참조할 수잇고 스타일은 참조못하고 스타일은, 라이브러리에서 베리어블만 적용되고 스타일은 안된느데 둘이 각각 서로 참조가 안되는 부분으로 실제 적용되는데 제가 잘못 하고 잇는걸까요? 앞에서 하신 설명과 보여주신 설명이 조금 다르게 느껴져서 혼동이오네요 ㅠ
토큰 색상값 미리보기 오류 {white}, {black}으로 색상 지정했는데, 마우스 호버시 나오는 미리보기 값과 색상은 #fff로 뜨는 오류가 발생하는데, 단순 오류인지, 설정에 실수가 있었는지 모르겠습니다. edit token으로 토큰을 열어서 확인해보면 여기서는 정상값으로 나오는데, 미리보기 영역에서는 위에처럼 뜨는 오류가 발생하네요. 이런 오류 현상 보신 적 있으신가요? 라이트/다크모드 컬러 맵핑이 되지 않습니다. 1번 오류로 인해서 작동이 되지않는 것 인지, 최근 피그마 업뎃하면서 바뀐 부분이 있는것인지 모르겠습니다. 1번오류에서 문제가 생기는 black, white 외의 gray 색상들도 모두 작동이 안됩니다. 아예 light/ dark 컬러 맵핑 기능 자체가 작동을 하지 않는 것 같아요. 아래는 강의를 실습중인 링크입니다. https://www.figma.com/file/f5bqt7EUqi83i83aCfVxoM/%E2%9D%96-Uber-(Started)_study_2023?type=design&node-id=41-558&mode=design&t=Dix01e1uVoP3Tuwk-0
Intro Component Checklist unSelected, selected, partial unSelected, selected 컴포넌트 명칭에 대해 질문입니다.(워크시트) 대문자가 되었다가 소문자가 되었다가 하는데 이부분은 어떤 기준으로 설정하시는지 알려주실수 있을가요? 항상 피그마 명칭을 작성할때 고민되는 부분입니다.
프리텐다드 폰트 사용관련 프리탠다드 홈페이지에서 다운받고 보니 다운로드가 두가지 버전이있습니다! Pretendard와 Pretendard variavle. 인데 디자이너는 어떤걸 쓰는게 좋은가요! 그리고 왜 두개로 나눠지는지 혹시 아신다면 궁금합니다!. 개인적으로 범쌤님이 자주쓰는 폰트가 궁금합니다! (프리탠다드, 슈트 등) 3가지 정도 알려주실수 있으신가요! 강의 타이포 편에 서 "heading" "label" "paragraph" 이렇게 쓰시는걸 봤습니다. 짧은 저의 지식으로는 사 이즈는 다 같은데 굶기만 다른걸로 이렇게 이름을 나누시는건지 궁금하고, heading은 제목이라고 해석이 되는데 label과 "paragraph가 좀 와닿지가 않았습니다!. 현업에서도 이렇게 사용되는지 궁금합니다..! (저는 그간 참고한게 title, subtitle, body) 였습니다!. 피그마 토큰 깃허브로 핸드아웃 따라중이였는데 이제는 pro로 유료버전이 되야! 가능한가 봅니다. 2023년 피그마 업데이트에 보니까 피그마도 토큰같은 기능을 variavles이름으로 낸다고 하는데 :-)..새로운 레슨 찍어주실 생각은 없으신가요...! 다른 강의도 들어봤지만 범쌤이 짱이에요...거기다가 질문 답변도 주시고 흑흑 텍마이머니..(지갑을 흔든다) 혹시 디자인 시스템 가이드 참고하시는것 있으신가요? 저는 컬러네임 정하는게 정말 어려웠는데 범쌤 덕분에 시스템 컬러와 악센트 등 잘 참고 하고 있습니다. 항상 감사드립니다!
안녕하세요, 강의 실습 중 안되는 부분이 있어 문의 드립니다. 타이포그래피 02 강의에서 Font size Default 값을 16에서 14로 변경하면 네이티브 시스템에 있는 스타일 값들과 적용해둔 텍스트 들의 사이즈들이 바뀌지 않습니다. 토큰에서 설정 하나만으로 한번에 일괄 적용 할 수 있어서 이렇게 설정하는건데 왜 네이티브 시스템으로 적용이 되지 않는지 모르겠습니다. 토큰 내에서는 각 사이즈 별로 크기 변경됩니다. 혹시 pro 버전이 아니라서 그런걸까요..
안녕하세요! 강의를 보면서 토큰 등록을 적용해보고 있습니다. 궁금한것이 생겨 질문드려요. font size 등록할 때, {base} * {sizing} 처럼 가변으로 등록하지 않고 14px, 16px, 20px.. 처럼 각각 등록을 해도 괜찮은것인지 궁금합니다. 설명주신 부분은 추후 텍스트 사이즈 변경시 효율적으로 처리하기 위해 base 값과 sizing 의 값을 지정하고, 계산식을 통해 사용하도록 설명주신것으로 이해 하였는데요. 만약 텍스트 변동이 잘 일어나지 않는다고 가정한다면, px 고정값으로 각각 등록해도 무리가 없을것일까요? 감사합니다!
