Видео

많은 고민과 경험을 거쳐 계속 디벨롭 된 부분이 너무 인상적이라 잘 봤습니다 :) 특히나 디자이너와 개발자와의 소통이 항상 중요한 부분인데 신경을 많이 쓰신 것 같아서 많이 배워갑니다!! 한가지 궁금한 점이 있는데요, 저는 에이전시에서 UXUI디자이너로 일하고 있어 프로젝트별 심도 있는 디자인시스템이나 버전을 만들어나가기가 어려워 항상 고민 중에 있습니다ㅠ 하여 작업 순서가 최소 파운데이션이 되는 디자인은 먼저 잡고 > 메인 페이지 디자인이 나온 뒤 > 컴포넌트들을 정리 후 > 서브페이지를 만들어 가고 있는데요.. 특성 상 클라이언트 측 수정요청 사항이 많아 이렇게 하지 않으면 도저히 효율성이 나지 않더라구요..ㅠㅠ 주로 앱보다는 웹 작업이 많기도 해서 와이어프레임과 기획 문서만으로 디자인 시스템을 먼저 잡고 디자인을 시작하기가 쉽지가 않은데... 율로님 포함해서 다른 디자이너분들은 어떻게 실무에서 진행하시는지.. 또 어떤 고민을 가지시고 계신지도 궁금하네요😂 다양한 고견들을 답변으로 남겨주시면 정말 감사하겠습니다.

현실적인 디자인 시스템 제작, 고민 과정이어서 진심이 느껴지네요^0^ 코딩을 어느정도 할줄 알고 계시니, chart.js 와 echart도 배우시는걸 추천 드립니다. 실제로 제가 디자인한 차트 스타일을 개발자분들이 디테일하게 적용하는것에 한계를 느꼈고, 그때마다 수정해야 되는 부분을 캡처해서 개발자들에게 요청하고 , 다시 수정하는 과정에서 불필요한 시간이 소비 되었었는데... 직접 차트 샘플을 코딩해서 개발자들에게 배포하면 많은 시간이 절약 되는걸 느꼈습니다. 율로님은 기본 소양이 있으시니 조금만 시간을 투자 하시면 마스터 하실것 같네요^^

도움이 많이 됐어요! 감사합니다. ㅎㅎ

직접 부딪히며 얻은 인사이트와 고민들을 나눠주셔서 정말 정말 감사합니다 정말 큰 도움이되었습니다. 구독도 눌렀습니다!!

안녕하세요! 영상 너무 잘 봤습니다. 혹시 처음 작업하실 때, 마진 설정이나, 컴포넌트 간격 어떻게 잡으시는지 여쭈어봐도 괜찮을까요?

레퍼런스 앱 자료 조사는 어떻게 찾으시나요?? 너무 좋은 앱서비스 레퍼런스를 찾으시고 분석을 하신 부분이 너무 인상 깊었습니다! 올라오는 영상들이 공부가 많이 되고 있어요~~ 구독하고 응원할게요~!

저도 디자인 시스템을 혼자서 공부하려고 찾다고 보게 되었는데요!! 스스로 공부하신 부분을 너무 자세히 영상으로 담아주셔서 도움이 많이 되었어요!! 혼자 공부하고 작업하신 부분이 진심으로 너무 멋있으세요!!! 올해본 디자인 유튜브 중에 최고입니당 ㅠㅠ!

잘 보았습니다! 혹시 디자인시스템은 pc용 모바일용 따로 파일을 만드시는지 궁금합니다!

영상 보다가 초기에 CODY KIT (코디킷) 이란 페이지 있는것 같은데 제가 볼수 있는 페이지 일까요? 페이지 링크 공유되나요?

관련 영상 정보 더~ 있었으면 하네요 잘 봤습니다. 감사합니다.

진짜 도움 완전 많이 돼요 감사합니다 🙏🏻😃 ++ 더 자세한 수치도 궁금해져요 핳ㅎㅎ 그리고 보통 버튼 아웃라인 타입은 fill 오파시티 값을 100으로 주시나요? 아니면 오파시티를 낮추시는지 궁금해요!!!

제가 대표면 뽑고싶을정도로 정말 열심히하셨네요. 현재 어디서 어떻게 만족스럽게 일하고 계실지 모르겠지만 정말 끝없이 올라가실수있을것같네요!

율로 화이팅입니다! 😁

에이쁠 탕탕👍👍

회사에서 혼자 디자인 시스템을 만들 것 같아 자료를 서치하고 있는데 방향 잡는 데에 큰 도움이 되었습니다. 디자인 시스템을 다루면서 얻어가는 인사이트나 고민들을 율로님 영상에서도 보니 반갑네요. 굉장히 많이 고민하신 티가 나셔서 몰입하면서 봤어요. 그래픽/시각쪽으로만 일하다가 UIUX쪽으로 맨땅에 헤딩 격으로 도전하는 중인데, 기본기를 다지는 것이 정말 중요할 것 같아서 열심히 공부 중입니다. 율로님께서 수행목적부터 해서 참고자료 등 why-how-what을 정말 치밀하고 촘촘하게 준비하신 걸 보니 저도 이렇게 기반을 잘 갖춘 디자이너가 되고 싶네요. 좋은 영상 올려주셔서 감사해요!

다른 질문이지만 호옥시 바이올리스트 한수진님(갠적으로 엄청 팬..)이랑 자매는 아니신지.. 여러가지로 너무 닮으셨어요!

욜로님 너무 멋지시네요. 디자인 시스템 저도 항상 고민이었는데, 저도 말씀해 주신대로 정리를 해봐야겠네요. 너무 알찬 정보였어요..최고!

영상 너무 좋아요 감사합니다! 대체 작업하면서 시스템은 어떻게 만드는건지(만들시간이 없는데) 시간날 때 정리하는거였네요 ㅋㅋㅋㅋ

율로님, 주도적으로 생각하고 문제를 해결해나가는 플로우를 공유해주신것 정말 감사해요. 디자이너 초년생이예요. 디자인 의도가 있어야한다고 하는 영상은 많이 봤지만 이렇게나 실무에 바로 적용할 수 있게 구체적으로 도움이 되는 영상은 처음이네요. 이런 영상..앞으로도 좀 더 보고싶습니다!

너무 질좋은 영상이네요.. 재밌게 봤습니다.

사이드 프로젝트를 해보고싶다는 막연한 생각이 있었는데, 올려주신 영상들보고 대략적인 감을 익힐 수 있었어요. 감사합니다🙂

우와 너무 멋집니다! 막연하게 조각조각 알고있던 지식이 정리된 느낌이에요. 좋은자료보여주셔서 감사합니다! 저도 한번 도전해보고싶어지네요ㅎㅎ

영상속의 저는 디자인 시스템을 괜히 여기저기 가져와서 조합했습니다만... 더 간단하게는 아래 링크 안 파일 그대로 쓰시면 됩니다. 이거 말고도 찾으면 자료는 정말 많아요. 구글의 디자인 시스템 (material v3) 구글에서 공식으로 만듬 www.figma.com/file/IT0Kcpy8kcYJuyargqfDlD/Material-3-Design-Kit-(Community)?node-id=47909%3A2 www.figma.com/community/plugin/1034969338659738588/Material-Theme-Builder 애플의 디자인 시스템 (iOS 15 UI Kit) 비공식이지만 15버전 중에 가장 사용 수 높음 (오늘 기준) www.figma.com/community/file/984106517828363349 (제가 약간 커스텀 했던 이유는 개인 디자인시스템을 겸사겸사 만들기 위함 + 서비스 브랜딩을 녹이려고 + 아이콘 몇개는 직접 만듬. 뭐 그런 기타 등등의 이유가 있습니다. 공유드린 링크는 다음에 관련 주제를 다룰때 한번 더 소개할게요!)

소중한 경험 공유 감사합니다.😍

타임라인 00:13 - 1) 직접 유저 입장에서 이해하기 02:39 - 2-1) 1번+리서치를 통해 서비스 방향 찾기 04:28 - 2-2) 포지셔닝 맵, 달램의 초기/중기/후기에 대하여 05:50 - 3.와이어프레임 그리기 07:08 - 4.간단하게 시스템 잡기 08:17 - 5.디자인(설계)하기 + 협업 15:05 - 6.레거시, 히스토리 기록 16:03 - 7.하고싶은말 16:35 - 8.다음 영상은 17:15 - 9. NG 인사하다가 멍청해진 율로 이전 영상 : ruclips.net/video/q3Xi63KO_lI/видео.html

다음영상도 빨리 보고싶어요!!!

옛날 영상 보고있는데 왜 이렇게 재수없죠... ㅋㅋㅋ

00:10 1.서론 00:36 2.수행목적 및 자료조사 (업무범위와 우선순위 정하기) 02:23 3.서비스를 만들어가면서 디자인시스템을 발전시켜야 한다. 02:58 4.개발자에게 얻은 정보 03:33 5.초창기 디자인시스템 04:10 6.경험기반이 중요한 이유 05:00 7.기존 자료들을 모아서 정리해서 정립 (예시:shadow) 05:50 8.스타일 가이드와 컴포넌트 가이드 두가지로 나눔 (아토믹 자료를 여러가지 찾아봤을때 오히려 많이 쪼개는 것이 관리에 더 어렵다는 결론에 도달해 2개로 분리했습니다.) 05:57 9.스타일 가이드와 컴포넌트 가이드의 차이 06:20 10.컬러 변경 히스토리 08:00 11.카본디자인시스템을 많이 참고한 이유 (가장 개발자 친화적이고 소통하기 좋을 거라고 생각했기 때문에) 08:28 12.개발자의 방식을 반영 (예시:shadow, 구조화) 09:50 13.이름규칙 10:45 14.그리드가이드 (미디어쿼리에 대한 이해 필요) 12:04 15.버튼 14:17 16.모달(세부적으로 만들게 된 이유와 앞으로의 계획 언급, 스토리북, 웹사이트) 15:36 17.텍스트필드 16:22 18.프로그레스 > 레퍼런스만 모아둔 이유 16:37 19.페이지네이션 17:17 20.에디터 18:39 21.그래프 19:39 22.디자인시스템 원칙 20:44 23.앞으로 해결해야 할 이슈 21:40 24.마무리

2022년 1월 15일에 다시 보고 있는데 나 정말 안되겠구만...(절레절레)

간만에 심도있는 컨텐츠 영상이었고 디자이너로서 자극도 받았습니다. 구독하고 다음 영상 기다릴게요~ 감사합니다. :)

만드신 디자인 시스템을 사고 싶습니다. 살 수 없나요?

잘 보고 들었어요. 응원합니다.

다른 서비스도 좋은 점이 많은데 대본없이 막 하다보니 여기서 너무 패뷸러스만 언급한 것 같아서 아쉽네요. 좀 더 살펴보고 여기 적어두도록 할게요!~ 메디토피아 제가 최근에 다시 확인해보니 로그인 절차가 있습니다! 여기서 몇가지 생각해 볼 수 있을 것 같은데 1.로그인 하자마자 가격 정보를 보여줌. 닫기버튼이 작음 - 닫기 버튼을 발견하지 못한 유저의 이탈율은 없을까? - 경험 전에 구매유도를 하는 것이 전환율이 더 높을까? 유저의 반감은 없을까? - 유저가 경험이 쌓이고 나서 > 전환을 하지 않고 바로 결제금액부터 보여주게 된 이유가 무엇일까? 2.마이페이지 - 나의 명상 데이터와 기록된 감정을 확인할 수 있어요. (다만 그래서 이 데이터로 뭘 판단하고 더 할 수 있지는 잘 안보이는 것 같아요. > 이건 좀 더 사용경험이 쌓여야 메디토피아의 의도를 파악할 수 있을 것 같아요.) 헤드스페이스는...다음에~~ bettersleep 같은 경우는 음악과 소리를 믹스해서 내가 원하는 소리로 수면과 명상을 할 수 있는게 장점이에요.

00:00 긴 인트로 01:33 사용했던 툴, 초기 시작 과정 간단 소개 02:18 피그마 정리 02:30 레퍼런스 리서치 (웰니스 앱) 02:43 메디토피아 소개 03:03 헤드스페이스 소개 03:43 패뷸러스 리서치 07:20 나의 생각 정리 (설계 방향성을 잡기 위한) 07:52 뜬금 끊기&마무리 사이드 프로젝트 콘텐츠 의도 1.업무 및 협업 방식 공유 2.뭐든 작게 시작하는 방법. 어떻게 시작을 하는지. (어렵게 생각하지 말고 완벽하지 않더라도 뭐든 시작했으면, 처음은 불완전 할 수 밖에 없기에) 3.디자이너는 UI만 그리지 않그든요. *아 그리고 영상 편집자 구합니다! artsyull@gmail.com 현재 영상이 2편이 될지 3편이 될지 알 수 없습니당...ㅎㅎ

대다수가 자기 고민없이 이쁜 디자인만 생각하는데 멘토없이 이렇게 스스로 만들어가신다니 대단한 열정이네요...^^ 지속적인 콘텐츠 업데이트가 있으면 좋겠어요 ~~화이팅

12월이 되었습니다 ! 율로님은 고개를 들어 영상을 업로드 해주세요 ㅋㅋ 영상 잘 봤습니다 ! :) 열심히 살고 계시는 군요 ! 디자인 시스템 영상을 시작으로 가장 최근 영상 보았는데 8월이라뇨!! 다른거 보고 있을테니 빨리 업로드 해주세욥 ㅋㅋ (제가 뭐라고..;;)

혹시 컬러 부분에서 50 - 900으로 나뉘는 이유가 있나요?

이런 디자이너 만나고 싶네요.... 프론트개발하기 너무 빡쎔... 기술 공부하랴 디자인 보랴 ㅠㅠ

디자인 가이드 평균 제작 시간이 얼마나 걸리나요? 보통 얼마정도의 시간이 주어지나요?

혹시 색상 만드신것.. 100-200-300-400.. 이것의 기준은 레퍼런스가 어떻게되나요? ㅠ

와..정말 정말 최고라는 말밖에안나오네요.. 이런영상을 그냥 공개해주시는것만으로도 정말 수십수백만원의 가치가있는 공부재료네요.. 너무너무감사합니다!!

캬..... 너무너무너무 ...와...너무 최고에요. 다음 디자인과 미래의 영상들도 기대되는 영상이였어요. 감사합니다

신입 디자이너여서 좋은 영상이였던거 같아요..ㅎ 처음부터 잘하려고 잘만들려고 욕심만 부렸던거 같아요~ 좋은 정보와 영상을 만들어주셔서 감사합니다. 혹시 해당 가이드를 공유가 가능하신지.. 만들어야하는데 시작을 못하겠어서..ㅎㅎ

직업 자체에 대한 모티베이션이 되는 플젝이네요. SPA 기반에서 UX을 개선?하는 사이드를 구상 중인데, 저도 모티베이션을 얻네요. 수고하세요!

재밌어요!

율로님의 디자인에 대한 열정🔥에 반하고 갑니다😍 언제나 화이팅!!

우와웅!!!!!!!!!

열심히 사는 모습이 보기 좋네여!!! 구독 신청하고 갑니다

잡음 줄이기 좋은 초심자가 쓰기 좋은 마이크 추천받아여..ㅎㅎㅎㅎㅎㅎ