디자인 시스템 - 스타일 파운데이션
DX Lab
스타일 파운데이션은 색상, 간격, 폰트 등 디자인의 기본을 체계화해 작업 시간을 줄이고 결과물의 완성도를 높입니다. UI가 정돈되지 않아 고민하거나 협업에서 일관성을 잃고 있다면, 이 강의를 들어보세요. 초보 디자이너도 실무에 바로 활용할 수 있는 기초와 체계를 배울 수 있습니다.
입문
디자인 시스템, 프로덕트디자인, 웹 디자인
프로덕트 제작 시 놓치기 쉬운 이미지 처리 가이드
이미지가 또 말썽인가요? 픽셀 깨짐, 부분 잘림, 찌그러짐, 로딩 지연, 멀티플랫폼 대응 이슈 등은 사실 설계의 문제입니다. 이미지 이슈, 초장에 방어하세요.
(5.0) 수강평 15개
수강생 100명
난이도 입문
수강기한 무제한
먼저 경험한 수강생들의 후기
먼저 경험한 수강생들의 후기
5.0
5.0
askare
67% 수강 후 작성
실무에서 디자인, 운영, 개발 팀 협업 시, 꼭 필요한 핵심을 담아주셔서 유익해요!! 이런 실무에 필요한 핵심 강의 더 만들어 주시면 너무 좋을 것 같아요!! 1인 디자이너에게 큰 힘이 되는 강의입니다!! 강추해요!!
5.0
민경찬
33% 수강 후 작성
프로젝트에서 이미지 문제로 골치 아팠던 적이 참 많았습니다. 이미지를 가공하고 보여주는 등의 이미지 처리 문제들을 단순히 개발의 문제라고 생각했기 때문이었습니다. 강의를 보고나니 개념이 확실히 잡히네요. 강의를 통해 프로젝트에서 팀원과 어떻게 소통하고 어떻게 설계 해야할지 명확하게 이해됐습니다. 특히, 설명마다 이해를 위한 예시 이미지가 있어 너무 좋았습니다. 그림만봐도 어떤 상황을 설명해주실지 감이 올 정도로 영상 퀄리티가 너무 좋았습니다. 좋은 강의 감사드립니다.
5.0
신승헌
67% 수강 후 작성
기본적인 지식과 함께 설명해주셔서 처음 제품을 기획하는 사람에게도 좋은 강의가 될 것 같아요
수강 후 이런걸 얻을 수 있어요
이미지 이슈의 원인과 결과를 이해할 수 있어요.
이미지 업로드 흐름을 이해하고 사전에 대응할 수 있어요.
서비스에 맞는 비율, 해상도, 포맷을 설정할 수 있어요.
서버/CDN에서 자동으로 리사이징 처리하는 구조를 이해할 수 있어요.
용도별 이미지 해상도 분리 기준을 설정할 수 있어요.
이미지 이슈, 처음부터 막을 수 있습니다.
고뇌하는 디자이너
'이미지 영역 몇으로 해야 하지?'
지친 개발자
'반복되는 QA 이제 그만…!'
불안한 기획자
'이러면 일정 또 딜레이되는데…'
이런 분들께
추천드려요
학습 대상은
누구일까요?
이미지 이슈로 일정이 미뤄지는 것을 방지하고 싶은 기획자
이미지 비율, 해상도 등에 대한 기준이 모호한 디자이너
반복되는 이미지 관련 수정 작업을 줄이고 싶은 개발자
그 밖에 이미지 이슈를 겪고 계신 분들
선수 지식,
필요할까요?
전혀 없습니다. 디자인/개발/기획 배경이 없어도 이해할 수 있도록 구성되어 있습니다.
179
명
수강생
23
개
수강평
3
개
답변
5.0
점
강의 평점
2
개
강의
저는 이해하기 쉬운 컨텐츠가 좋은 컨텐츠라고 믿습니다.
실무에 직접적으로 도움이 되는 좋은 컨텐츠를 만드는 데 주력하고 있어요.
제가 만든 컨텐츠가 실무에 도움이 된다는 피드백을 받을 때마다 큰 기쁨을 느낍니다.
커리큘럼
전체
9개 ∙ (38분)
해당 강의에서 제공:
수업자료
1. 강의 오리엔테이션
04:02
4. 이미지 비율 설정
05:19
5. 해상도와 파일 크기 설정
09:38
6. 이미지 업로드 흐름 도식
03:04
9. 강의 마무리
01:17
강의 게시일:
마지막 업데이트일:
수강평
전체
15개
5.0
15개의 수강평
askare수강평 14
∙
평균 평점 5.0
5
67% 수강 후 작성실무에서 디자인, 운영, 개발 팀 협업 시, 꼭 필요한 핵심을 담아주셔서 유익해요!! 이런 실무에 필요한 핵심 강의 더 만들어 주시면 너무 좋을 것 같아요!! 1인 디자이너에게 큰 힘이 되는 강의입니다!! 강추해요!!
- DX Lab지식공유자
안녕하세요 askare님 소중한 수강평 감사합니다. ☺️ 중요한 내용만 농축해서 전달하기 위해 노력했는데, 도움이 되었다니 정말 기쁩니다! 앞으로도 IT 실무에 바로 적용할 수 있는 컨텐츠를 계속 고민해보겠습니다. 오늘도 좋은 하루 보내세요! ☀️
- bs k (TigerWest)
수강평 1
∙
평균 평점 5.0
- 민경찬
수강평 2
∙
평균 평점 5.0
5
33% 수강 후 작성프로젝트에서 이미지 문제로 골치 아팠던 적이 참 많았습니다. 이미지를 가공하고 보여주는 등의 이미지 처리 문제들을 단순히 개발의 문제라고 생각했기 때문이었습니다. 강의를 보고나니 개념이 확실히 잡히네요. 강의를 통해 프로젝트에서 팀원과 어떻게 소통하고 어떻게 설계 해야할지 명확하게 이해됐습니다. 특히, 설명마다 이해를 위한 예시 이미지가 있어 너무 좋았습니다. 그림만봐도 어떤 상황을 설명해주실지 감이 올 정도로 영상 퀄리티가 너무 좋았습니다. 좋은 강의 감사드립니다.
- DX Lab지식공유자
안녕하세요 민경찬님, 좋은 말씀 정말 감사합니다 🙏 강의 내용이 도움이 되셨다니 열심히 준비한 보람을 느낍니다. 특히 예시 이미지에 공을 많이 들였는데 알아봐주셔서 더욱 감사드립니다. 앞으로 더 좋은 컨텐츠로 찾아뵐 수 있도록 하겠습니다. 감사합니다 !
₩29,700
DX Lab님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![[취업하려면 필수-실무 협업 방법] AI활용한 Figma UX Flow 프로토타이핑 하는법강의 썸네일](https://cdn.inflearn.com/public/files/courses/340323/cover/01kev8vd8z1tkyrehkk9k5s1x8?f=avif&w=420)
![데이터 분석가 없이 데이터 드리븐 디자인하기 [데이터리안 세미나 다시보기 | 2025년 11월]강의 썸네일](https://cdn.inflearn.com/public/files/courses/339608/cover/01kbpcbn9gv7ysm630hkz313gd?f=avif&w=420)
![웹기획자세요? 커리어관리 + 웹시스템 기획 기초 [표준 산출물 워크플로] 알고 가실게요~강의 썸네일](https://cdn.inflearn.com/public/files/courses/332378/cover/ai/2/457bb3fc-7ffe-4602-b3ca-735a4e38db43.png?f=avif&w=420)
