나만의 웹사이트
디자인부터 개발까지
-
레이어와 에셋 정리하는 법 (Feat. Zeplin) – 웹디자인 입문 강좌
웹 디자인 # 15 -
웹디자인 실습 모바일 메인 페이지 – 웹디자인 입문 강좌
웹 디자인 # 13 -
시선강탈 웹 메인 배너 만드는 방법(feat. 포토샵) – 웹디자인 입문 강좌
웹 디자인 # 12
-
구글 애널리틱스 웹사이트에 연결하는 방법 – 웹 코딩 강좌
웹 코딩 # 33 -
완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌
웹 코딩 # 32 -
3분 만에 웹 슬라이더 만들기 – 웹 코딩 강좌
웹 코딩 # 31 -
쉽게 반응형 헤더 만들기 – 웹 코딩 강좌
웹 코딩 # 30
-
워드프레스 강좌 마무리 – 워드프레스 강좌
워드프레스 # 54 -
워드프레스에 구글 애드센스로 광고 넣는 방법 – 워드프레스 강좌
워드프레스 # 53 -
웹사이트 최적화하는 방법 – 워드프레스 강좌
워드프레스 # 51
UX/UI 디자이너라면
필수로 익혀야 될 툴
-
컴포넌트 인스턴스 빠르게 찾는 플러그인 소개 – 피그마 강좌
피그마 # 17
-
유튜브 UI 클론 디자인 실습 예제 2 – 스케치 강좌
스케치 # 29 -
유튜브 UI 클론 디자인 실습 예제 1 – 스케치 강좌
스케치 # 28 -
스케치 플러그인 추천 – 스케치 강좌
스케치 # 27 -
스케치 에셋 내보내기 – 스케치 강좌
스케치 # 26
-
작업물 공유하기 – 어도비 XD 강좌
XD # 22 -
XD 프로토타입 & 디바이스 미리보기 – 어도비 XD 강좌
XD # 21
한번 잘 배워두면
죽을 때까지 써먹는 툴
-
기본 도형 이 영상 하나로 끝내기 – 포토샵 강좌 입문 2022
포토샵 # 55
-
귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 43 -
반복 작업을 효과적으로 하는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 41 -
1분 만에 롱쉐도우 만드는 방법 – 일러스트레이터 기초 강좌
일러스트레이터 # 40
코딩을 배워서
표현의 폭 넓히기
-
03. Figma에 LottieFiles 사용하는 방법 – LottieFiles 강좌
Lottie # 12
-
움직이는 라인에 마우스 클릭시 슬로우 모션 추가 – Three.js 강의
Three.js # 20 -
스크롤에 따른 3D 인터렉션(회전, 카메라 이동) – Three.js 강의
Three.js # 19 -
마우스 위치에 따라 회전시키기(파티클 추가) – Three.js 강의
Three.js # 18 -
마우스 위치에 따라 애니메이션 추가(Raycaster 응용) – Three.js 강의
Three.js # 17
매거진
더보기서체에 진심인 윤디자인 그룹, 다시 없을 만렙 폰트 캠페인까지
안녕하세요! 오늘은 폰트 디자인 분야에서 선도적인 위치를 차지하고 있는 윤디자인 그룹을 소개해드립니다. 이 회사는 여러분이 일상에서 마주하는 폰트 중 상당수를 제작하고...
더 넓게, 더 깊이 있게 바라보는 습관 한진희
Q. 본인에 대한 짧은 소개 부탁드립니다. 진희 님 : 안녕하세요. 현재 오늘의집에서 프로덕트 오너(PO)로 업무 중인 한진희입니다. 저는 16년도부터 IT업계에서 일을 시작했어요....
느슨해진 예술씬에 긴장감을 주는 인공지능 등장 – Stable Diffusion
안녕하세요. 오늘은 최근에 화두가 됐던 '그림을 아주 잘 그려주는 인공지능 Stable Diffu ion'을 주제로 가져왔습니다. 뭐길래 이렇게 야단인지.. 그 기술을 직접 써보면서 느낀점과...
함께 성장하는 디자이너 이승윤, 박정진
앞에 듀오톤의 정다영 대표님과의 인터뷰가 있었는데, 리더와 팀원의 이야기도 따로 들어봤어요. 디자이너로서 겪는 시행착오와 중요하게 생각하는 부분, 공부 노하우 등을...