안녕하세요. 선생님! 아이콘 자료를 다들 공유를 받으시고 진행하시는지 궁금하며, 이전에 아이콘을 모두 유니온으로 여러 벡터를 병합을 했었는데, 그 중 몇 아이콘은 버그인지 제대로 병합이 안되는 아이콘도 있었고, 선 하나로 된 아이콘도 있어서요! 그래서인지 체크박스 작업 중 체크 아이콘에 inverse 컬러가 라이브러리에서 없었습니다! (체크아이콘 = 선형 아이콘) 추가로 혹시 위와 같은 상황에서는 어떻게 처리를 해야할지 궁금합니다. 다른 질문인데요, 아이콘은 제작 후 모두 면으로 변형시켜서 작업을 진행하는 걸까요? 그렇다면 선으로 제작한 아이콘은 어떤방법으로 면으로 변형하는지 궁금하기도 합니다!
tocken용 파일을 만들고, 다른 파일에서 libraries로 불러와서 사용하고 있습니다. 문제는, tocken에서 변경 사항을 올리고 다른 파일에서 update를 받아도 바로 적용이 안될때가 많아요 이땐 업데이트가 안된 컴포넌트에 가서 reset all change를 해서 사용중인데 자동으로 반영이 안되는 이유가 있을까요?
안녕하세요, 볼드 멘토님! 픽스드, 플루이드 반응형 레이아웃 중에 많이 사용되는 케이스가 어떤 것일까요? 오토레이아웃 적용해서 반응형 웹 사이트 디자인 중인데요! Pc 사이즈 먼저 제작 후 모바일, 패드 사이즈 제작하려던 중, 헷갈리는 부분이 있어서요! 콘텐츠 이미지 사이즈를 픽스드 처럼 동일하게 적용할지 고민하다가 (픽스드로 디바이스마다 이미지 사이즈를 비슷하게 적용하려니 어색해보여서요) 플루이드로 시도했는데요~ 이미지 사이즈 축소 기준을 어떻게 맞춰야 할지 헷갈려서요! 좌우마진, 거터 정해서 플루이드로 시도해봤는데요! 뭔가 설정이나 사용법이 부족한 것인지 이미지 사이즈를 수동으로 조절하게 돼서요! 콘스트레이트 설정도 안 보이구요ㅠㅠ 콘텐츠(이미지, 카드ui) 플루이드 적용 방법 조언(컨스트레이트 설정 안 보임, 자동 조절처럼 안되는 이유), 또는 첨부 자료 부탁드려도 될까요?ㅠㅠ
안녕하세요 선생님 한가지 더 문의사항이 있어 질문 드립니다. 디자인 시스템 파일과 디자인 UI 파일을 각각 다른 파일에서 만들었는데요 그래서 디자인 UI 파일을 만들 때 디자인 시스템 라이브러리를 불러와서 사용했습니다 그런데 문제가 디자인 시스템 라이브러리에서 컴포넌트에 색상 토큰값이 매겨진 채로 다른 파일에서 에셋 인스턴스로 불러오게 될 경우, 다른 파일에서 피그마 토큰 플러그인으로 각각 라이트. 다크 모드를 적용하면 인스턴스로 불러 온 요소들은 연동이 안된다는 점 입니다. 결국 다른 파일에서 피그마 토큰 플러그인 실행 후 디자인 시스템쪽에 적용했던 json코드를 불러 온 다음, 이를 Create stylees해서 local에 불러와 일일히 적용 -> 인스턴스로 불러 온 컴포넌트들도 또 다시 색상 값을 매겨야됨 이런식으로 두번씩 작업해야 되는게 맞는건가요? 애초에 디자인 시스템 파일과 디자인 파일을 각각 나누면 안되는건지 연동되게 할 방법이 없는건지 문의드립니다. 확인 부탁드립니다. 감사합니다.
브랜드 컬러, 시스템 컬러 정의 관련 질문 있습니다!컬러 스타일을 등록하기 전에 브랜드 컬러와 시스템 컬러 색을 정하는 부분이 어렵게 느껴집니다! 브랜드 컬러와 시스템 컬러를 정하는 노하우를가 있을까요?브랜드 컬러는 기존 로고 컬러 톤이 어두워서 웹에서만 채도를 조절해서 좀 더 밝게 정했는데요! 어느 정도까지 조절할지 기준을 정하거나, 시스템 컬러를 같이 도출하는 과정이 아직 어렵습니다ㅠㅠ강사님의 조언 부탁드립니다!
안녕하세요, 강의자료에서 스타일 가이드 > 타이포그래피 관련하여 질문드립니다!! 실무 경험이 부족하다보니 신입, 1인 디자이너로 반응형 웹 리뉴얼 진행 중에 스타일 가이드 제작이 쉽지 않아서요~ 강사님께서 만드신 타이포그래피 가이드를 그대로 실무에 적용해도 괜찮을지 궁금합니다!! 실무에서 많이 쓰는 타이포 그래피 사이즈인지 궁금합니다! 도움 부탁 드립니다!!
안녕하세요 선생님 강의 듣던 중 궁금한점이 있어 질문 3가지 작성했습니다. 다음과 같이 참조된 값에 ?표가 생기는 상황이 발생합니다. 제가 잘못 적용한거 같은데 ㅠ 혹시 어떤 경우의 수 때 발생할 수 있는 현상인지 궁금합니다~ 2. 아이콘 컬러적용 세션에서 union한뒤 vector로 이름을 변경했는데 아이콘을 불러오면 stroke가 0 인상태로 불러와집니다. 또 가끔가다가 색도 반영이 안될때가 있는데 reset all chagne?이런걸 해줘야하는지 궁금합니다. <아이콘 원본컴포넌트> <버튼에서 airplay아이콘 스왑햇을때> 스위치 에러가 쓰이는 실제예시가 궁금합니다 어떤 때 쓰일 수 있을까요? 질문이 좀 많은데 강의 재밌게 잘 듣고잇습니다 감사합니다!
안녕하세요. 강의 감사히 들었습니다. 같은 부분에서 궁금한 수강생입니다. 저도 유료 사용자입니다. 강의에서는 ui kit origin을 복제 해 origin_copy에서 작업 한다. 1) 작업 종료 후 origin_copy에서 업데이트 한 작업물들 잘라내기 한다. 2) origin으로 돌아가서 붙여넣는다. 3) origin에서 변동사항에 대한 버전 히스토리 저장한다. (v2로 기재하여 버전 기록 됨) 4) origin을 퍼블리시한다. -> 하면 관련 된 제품 프로덕트들에 모두 반영/동기화 됨 5) origin_copy을 삭제 하고 origin으로 돌아온다. 라고 이해했고 김주희 수강생님의 질의는 5번항목 같은데 맞나요?.. 강의와 다르게 답변주셔서( 굳이 버전1에서 버전2로 옮겨가실 필요 없다)잘 이해가 안됩니다. [관련 추가 질의] '변동사항에 대한 작업을 copy한 페이지에서 작업하고 잘라내서 origin에 붙여넣어 반영한다.' 위처럼 단계적으로 진행 되야하는 이유가 피그마는 실시간 클라우드 기반 저장이 되지만 ui kit이라는 것이 디자이너의 소유물이아니라 "전사적+실시간으로 누구나 접근가능한 (프로젝트 권한 허가에 따라 제한 있을 수도)리소스"이기 때문에 보수적으로 작업변동사항이 반영 되야한다. 라고 이해하는게 맞을까요? 아니면 다른 이유가 있을지 궁금합니다.
안녕하세요 선생님 글자 폰트 설정하는거랑 행간 설정하는거 문의 드립니다! 기존에 다른 타 기업들의 디자인 시스템을 보면 소수점이 아닌 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 컴포넌트 명칭에 대해 질문입니다.(워크시트) 대문자가 되었다가 소문자가 되었다가 하는데 이부분은 어떤 기준으로 설정하시는지 알려주실수 있을가요? 항상 피그마 명칭을 작성할때 고민되는 부분입니다.
