Тёмный

'파운데이션'을 알아야 디자인 시스템을 만들 수 있다 (Design System & Foundation) #designtoken #designsystem #ui #ux 

Подписаться
Просмотров 8 тыс.
% 474

안녕하세요
디자이너 디케이의 '디자인 팁' 시리즈 입니다
제가 디자인 공부 및 실무 디자인을 하면서 알게된 유용한 팁들을
여러분들과 공유하고 함께 생각해보고자 만든 영상입니다.
구독 & 좋아요 부탁 드려요 :)
인스타그램 : imagine_dk

Опубликовано:

 

11 дек 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@Loi-wu8di
@Loi-wu8di 7 месяцев назад
설명을 너무 잘 해주셔서... 댓글을 안남길 수 없는... 양질의 퀄리티 ㅜㅠ 감사합니다 쵝오!
@designer_dk
@designer_dk 7 месяцев назад
감사합니다🤩🤩
@제주대동농장
@제주대동농장 6 месяцев назад
실무진짜 이야기를 들려주셔서 너무 소중하게 강의 듣고 있습니다. 진심으로 감사합니다^^
@designer_dk
@designer_dk 6 месяцев назад
시청해주셔서 감사합니다 ㅎㅎ 앞으로도 좋은 콘텐츠로 찾아뵐게요🙂🙂
@JinahPark-p9f
@JinahPark-p9f 6 месяцев назад
와 이런 영상 너무 좋아요.....
@designer_dk
@designer_dk 6 месяцев назад
감사합니다 😊😊
@santaebagu1026
@santaebagu1026 10 месяцев назад
하루만에 올려주시는 그는 그저 빛...🥹
@designer_dk
@designer_dk 10 месяцев назад
감사합니다🙂🙂
@게살버거의비법
@게살버거의비법 9 месяцев назад
변수와 상수의 의미로 설명해주시니 이해가 찰떡이네요👍👍 상수의 의미로 디자인 근거인 foundation을 구체적으로 알았으니 다음 영상 variables시청하러가요 좋은영상 감사합니당😊
@designer_dk
@designer_dk 9 месяцев назад
좋게 봐주셔서 감사합니다🙂🙂 다음영상도 재미있게 시청해주세요👍👍
@비쵸비-b4m
@비쵸비-b4m Месяц назад
진쫘 너무 감사합니다 :) 혼자 근무해서 힘들었는데 덕분에 도움이 됐어요!!
@designer_dk
@designer_dk Месяц назад
저도 감사합니다 😊😊
@Ahahah-y7u
@Ahahah-y7u Месяц назад
진짜 최고에요!
@designer_dk
@designer_dk Месяц назад
감사합니다😊😊
@Fslw
@Fslw 10 месяцев назад
정말 유용한 정보를 알려주셔서 감사합니다. 알기 쉽게 설명해서 좋은 걋 같습니다!
@designer_dk
@designer_dk 10 месяцев назад
감사합니다🙂 앞으로도 좋은 콘텐츠 열심히 제작해보겠습니다
@freelove913
@freelove913 6 месяцев назад
ㅎㅎ 개념부터 설명을 해주시니..너무 좋은것 같아요. 실무 내용 비교 하면서 설명이 있어서 더 이해가 잘되네요.~~ㅎㅎ
@designer_dk
@designer_dk 6 месяцев назад
감사합니다 🤩🤩
@user-uk7vg7hx9u
@user-uk7vg7hx9u 9 месяцев назад
우와..너무 유용해요..! 감사합니다!!
@designer_dk
@designer_dk 9 месяцев назад
재밌게 시청해주셔서 감사합니다 😊😊
@doharu2647
@doharu2647 4 месяца назад
깔끔한 정리 감사합니다
@designer_dk
@designer_dk 4 месяца назад
감사합니다 👍👍
@yunitic
@yunitic Месяц назад
바이블 같은 이 영상!
@designer_dk
@designer_dk Месяц назад
감사합니다 😆😆
@cherrywanttodie
@cherrywanttodie 10 месяцев назад
@designer_dk
@designer_dk 10 месяцев назад
과찬이십니다😆😆 더 유익한 영상 자주 만들게요. 감사합니다~
@user-ma1so2ns12on
@user-ma1so2ns12on 7 месяцев назад
설명 매우 인상적입니다. 영상에 기반에 문의드립니다. 누군가는 파운데이션을 만들어야 됩니다. 그렇다면 변하지 않는 상수를 만들어 배포를 해야되는데요. 이 배포되기전 브랜드의 스타일이 모두 조합 테스트된 것을 배포해야되는 것으로 이해됩니다. (오래전 스타일 가이드 같은 것들) 그렇다면 최초 배포될 때 이 모든 상황을 예측하고 Primitive를 만들어 파운데이션을 만들어야 되는건가요?? 이렇게 되면 프러덕트를 만드는 시간보다 오히려 디자인 시스템을 구축하는 시간이 더 오래 걸리지 않을까요? 각 프러덕트의 릴리즈 일정을 갖고 있는데 말이죠...
@designer_dk
@designer_dk 7 месяцев назад
안녕하세요 좋은 질문 감사드립니다 :) 이야기주신대로 신규 프로덕트 혹은 프로젝트를 속도감있게 추진하는데 있어서는 이런 파운데이션을 이용한 디자인시스템은 크게 적절치 않다고 봅니다. 오히려 컬러나 텍스트스타일을 간단한 스타일가이드를 만들어서 추진하는게 효과적이라고 생각하고 저도 그러는 편입니다 ㅎㅎ 디자인시스템은 회사 브랜딩이 이미 구축되어 컬러 및 폰트 등 공통의 상수 정보를 여러 프로덕트에 일괄 적용하고 관리해야하는 경우, 혹은 이미 배포된 단일 프로덕트이더라도 유지보수관리가 중요한 케이스에 적용하는 게 적합하다고 생각합니다.
@Loi-wu8di
@Loi-wu8di 7 месяцев назад
폰트에서 사이즈는 어떻게 구성해야 하고 라인하이츠나 레터스페이싱의 기준은 어떻게 정하는 지도 궁금합니다!
@designer_dk
@designer_dk 7 месяцев назад
안녕하세요. 재밌게 시청해주셔서 감사합니다 :) 폰트사이즈나 라인하이트, 레터스페이싱 같은 경우는 딱 정해진 법칙 같은 것은 없고 제목, 본문, 버튼, 캡션 등과 같이 용도별로 스타일을 만들면 되는데요~ 제목이나 본문용은 레터스페이싱을 좁혀서 단단한 느낌을 주면 좋고 특히 본문용은 라인하이트를 넉넉하게줘서 줄바꿈이 일어날 때 가독성이 좋게 세팅하면 좋습니다. 반면 버튼처럼 상대적으로 텍스트양이 적고 줄바꿈이 없는 스타일은 레터스페이싱을 조금 여유있게주고 라인하이트는 줄여도 되구요. 적절한 레퍼런스로는 유명 디자인시스템들의 타이포그래피 쪽들을 보면 참고할 부분이 많습니다. 제 영상 중 유명 디자인시스템 사이트 추천 영상 한번 참고해보시면 도움될거예요 :) 링크는 구글머티리얼디자인 타이포그래피 부분입니다. m2.material.io/design/typography/the-type-system.html#type-scale
@아현량
@아현량 9 месяцев назад
안녕하세요 피피티 공부중인 학생입니다 선생님 좋은 영상 감사합니다 하나 궁금점이 있는데 색깔 foundation을 저렇게 10단계로 뽑아내는 방법이 몬가요..? 직접 하나하나 체크해서 뽑는건가요? 영업비밀.. 인가요?
@designer_dk
@designer_dk 9 месяцев назад
안녕하세요. 시청해주셔서 감사합니다 :) 뽑아내는 방법이 꽤 많은데 제 영상 중 저 영상 다음편 '베리어블' 관련 영상이 있는데요~그 영상을 보시면 간단하게 뽑는 방법이 상세하게 나와있어요~ 감사합니다
@아현량
@아현량 9 месяцев назад
@@designer_dk 앗 감사합니다!! 혼자 끙끙거리고 있었네요ㅠㅠ
@낮은엥겔지수
@낮은엥겔지수 8 месяцев назад
초반 영상중 예시로 보여준 레퍼런스 디자인 시스템 사이트가 어느 사이트인지 알수 있을까요?
@designer_dk
@designer_dk 8 месяцев назад
Wanda design system 입니다 :)
@낮은엥겔지수
@낮은엥겔지수 8 месяцев назад
@@designer_dk 빠른 답변 고맙습니다 🙏