인터넷웹디자인
페이지 정보
본문
실제 UI디자이너 작업 화면 [웹디자인은 어떻게 만들어 질까?]어도비XD
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://han.gl/ZmkOP
➤캐릭터 유튜브 채널 : https://han.gl/9q5gi
➤아래 재생목록에서 수백개의 디자인 \u0026 디자인 팁을 배워가세요
1. 포토샵 기초강의
https://han.gl/DtcSI
2. 일러스트레이터 기초강의
https://han.gl/En3UZ
3. 어도비XD 기초강의
https://han.gl/jpu30
4. 시청자 포트폴리오 컨펌
https://han.gl/b6INc
5. 웹 디자인UIUX
https://han.gl/ZMgL9
6. 모바일 디자인UIUX
https://han.gl/KB5tU
7. 아이콘 디자인
https://han.gl/qcHlM
8. 디자인 정보
https://han.gl/BL9AW
안녕하세요 디자이너 마디아입니다.
현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
--------------------------------------------------------------------------
► youtube channel: https://bit.ly/2GJYUF1
►단톡방 : https://open.kakao.com/o/gakaJCvb
►mail : madia_designer@naver.com
►cafe : https://cafe.naver.com/madiadesigner
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
►사용음악 출처
Disco Teeth-Blow
Disco Teeth-Games
Disco Teeth-The Birds\u0026The Bees
https://instagram.com/mickeybright200...
--------------------------------------------------------------------------
#웹디자인 #어도비XD #UIUX
butaboy : 와.... 어도비 포토샵만 사용했고, XD는 단순 포토샵과 비슷한 툴인 줄 알았는데 제작 과정 보고 단번에 어떤 툴인지 이해를 해버림... 진짜 재밌겠다 ㄷㄷ
엘비뉴엘 : 와...저 제가 안쓰던 새로운 툴보고 이렇게 막 재밌겠다
흥분되는 적은 처음입니다. 그동안 포토샵으로 완전 노가다식으로 작업했던게 정말 멍청했네요ㅠㅠ
툴과 강좌의 깔끔함이 합쳐져서 정말 재밌게 영상 봤습니다!!!
YEOJONA : 디자인 뿐만아니라 인터렉션도... 강의 중간중간에 나오는 포토샵 작업 꿀팁들도... 너무 도움이 되네요...강의 하나 끝나면 메모할게 너무 많아서 좋아용!! 공부할 맛이 나요나요~~오늘도 마디아님 만세용!!
응나임 : 와 진짜 그냥이정도인데도 퀄리티 짱이고
사소한것까지 신경쓰시는 모습....
영상 보는내내 재밌게 봤습니다!!!
또 요즘 디자인진로 땜에 머할지 걱정됬는데
덕분에 제 흥미를 찾은거같아욯ㅎㅎㅎ
고먐미 : 디자인을 배우고 있는 대학생입니다! 영상 잘보고 많이 배워갑니다!
요즘은 반응형 웹이 많아서 어떤식으로 웹을 만들어야하나 막막했는데 영상 보고 이런식으로도 할 수 있구나를 배워가요!!
좋은 영상 감사합니다
웹사이트, 모바일 앱 디자인 무료 툴 5가지 | 사이드 프로젝트 꿀템
사이드 프로젝트 만들때 디자인때문에 힘든적 있으시죠? 개발자의 디자인 감성을 뿜뿜 살려줄 정말 유용한 온라인 툴 5가지 + 보너스 하나를 소개해 드립니다 (↙ 자세한 내용)
___________________________
풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
00:00 소개
00:21 ❶ 색상 팔레트 - Color Space
02:09 ❷ 그레디언트 - CSS Gradient
03:59 ❸ 꼬불 꼬불 선나누기 - Shape Divider
06:24 ❹ 다양한 SVG -Haikei
08:58 ❺ 이쁜 배경 이미지 - Cool Backgrounds
09:42 보너스 - Dribble 활용법
11:02 안녕!
.....................................................
✨ 관련된 영상들
프론트엔드 입문 유튜브 영상 재생 목록 ⇢ https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
언급된 사이트들
https://mycolor.space/
https://cssgradient.io/
https://www.shapedivider.app/
https://haikei.app/
https://coolbackgrounds.io/
https://dribbble.com/
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg
IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
#웹사이트#프론트엔드#코딩
드림코딩 : 좀 더 퀄리티 있는 인생을 살기 위해서 유튜브 업로드는 2~3주에 한번씩 하기로 했어요 이렇게 해야 더 장기적으로 건강하게 채널을 운영할 수 있을 것 같아서요 :) 다음에는 Q/A 영상을 제작해 보려고 하는데, 커뮤니티에 최근 글에 답변으로 궁금하신거 꼭 올려주세요 아, 제가 알려드린거 외에도 더 유용한거 있다면 꼭 코멘트로 공유 부탁드려요
Beth : 엘리님 너무 감사합니다♂️Shape Divider 알기 전까지 어떻게 구상할지 매우 고민했는데 개인 프로젝트에 도움이 되었습니다 공부의지가 한껏 더 올라가네요!!
html기초 강의부터 꾸준히 보고 있었습니다 항상 응원할게요!
강다연 : 엘리님. ㅜㅜ 현재 웹개발자를 꿈꾸며 열심히 취업을 준비하는 취준생입니다 ㅜㅜㅜ 공과전공생이지만 코딩이 조금은 어렵게 느껴질때가 종종 있지만 엘리님 채널에 쉽게 설명되어 있는 영상이 많더라구요!! 참고해서 멋진 개발자 되겠습니다!
_ Anne : 오늘도 좋은 정보 감사합니다❤️ 안그래도 엘리님께서 일도 가정도 유튜브도 다 하시느라 언제 쉬시나 했는데 퀄리티 있는 삶을 살아가는 목표가 바뀌셨다니 다행입니다:) 건강하게 오래 뵐 수 있었으면 좋겠어요!!! 감사합니다.
jayjay : 웹과는 전혀 상관없는 부서에서 인터널 프로덕트를 만드는 1인개발잔데요, 다른것 보다도 디자인이 너무 어려웠는데 엘리님 덕분에 살것같네요
웹사이트 디자인은 어떻게 그려 질까? [포토샵]
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://han.gl/ZmkOP
➤캐릭터 유튜브 채널 : https://han.gl/9q5gi
➤아래 재생목록에서 수백개의 디자인 \u0026 디자인 팁을 배워가세요
1. 포토샵 기초강의
https://han.gl/DtcSI
2. 일러스트레이터 기초강의
https://han.gl/En3UZ
3. 어도비XD 기초강의
https://han.gl/jpu30
4. 시청자 포트폴리오 컨펌
https://han.gl/b6INc
5. 웹 디자인UIUX
https://han.gl/ZMgL9
6. 모바일 디자인UIUX
https://han.gl/KB5tU
7. 아이콘 디자인
https://han.gl/qcHlM
8. 디자인 정보
https://han.gl/BL9AW
안녕하세요 디자이너 마디아입니다.
현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
--------------------------------------------------------------------------
► youtube channel: https://bit.ly/2GJYUF1
►단톡방 : https://open.kakao.com/o/gakaJCvb
►mail : madia_designer@naver.com
►cafe : https://cafe.naver.com/madiadesigner
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#웹디자인 #AdobeXD #UIUX
@user-bj7jc1ox6u : 항상 마디아님 닮았다고 친구들에게 부러움을 받고 있습니다 ㅎㅎ 실력도 닮아졌으면 얼마나 좋을까요! 오늘도 감사합니다
@user-fq1ks2ct3j : 늘 많은 도움 받고 있습니다 사용성 잊지 않을게요!
@thecyberlord : Can't understand you at all, but you make beautiful designs. Great work!
@sabihyang9614 : 나뭇잎 그림자가 그렇게 만들어지는군요. 재미있게 잘 봤습니다~
@user-ln7gz3xl2w : 웹디자인 벤치마킹은 주로 비핸스나 핀터레스트에서 하시나요?? 저도 자주보긴하는데 뭔가 레이아웃이 다비슷해보여서ㅜㅜ
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://han.gl/ZmkOP
➤캐릭터 유튜브 채널 : https://han.gl/9q5gi
➤아래 재생목록에서 수백개의 디자인 \u0026 디자인 팁을 배워가세요
1. 포토샵 기초강의
https://han.gl/DtcSI
2. 일러스트레이터 기초강의
https://han.gl/En3UZ
3. 어도비XD 기초강의
https://han.gl/jpu30
4. 시청자 포트폴리오 컨펌
https://han.gl/b6INc
5. 웹 디자인UIUX
https://han.gl/ZMgL9
6. 모바일 디자인UIUX
https://han.gl/KB5tU
7. 아이콘 디자인
https://han.gl/qcHlM
8. 디자인 정보
https://han.gl/BL9AW
안녕하세요 디자이너 마디아입니다.
현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
--------------------------------------------------------------------------
► youtube channel: https://bit.ly/2GJYUF1
►단톡방 : https://open.kakao.com/o/gakaJCvb
►mail : madia_designer@naver.com
►cafe : https://cafe.naver.com/madiadesigner
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
►사용음악 출처
Disco Teeth-Blow
Disco Teeth-Games
Disco Teeth-The Birds\u0026The Bees
https://instagram.com/mickeybright200...
--------------------------------------------------------------------------
#웹디자인 #어도비XD #UIUX
butaboy : 와.... 어도비 포토샵만 사용했고, XD는 단순 포토샵과 비슷한 툴인 줄 알았는데 제작 과정 보고 단번에 어떤 툴인지 이해를 해버림... 진짜 재밌겠다 ㄷㄷ
엘비뉴엘 : 와...저 제가 안쓰던 새로운 툴보고 이렇게 막 재밌겠다
흥분되는 적은 처음입니다. 그동안 포토샵으로 완전 노가다식으로 작업했던게 정말 멍청했네요ㅠㅠ
툴과 강좌의 깔끔함이 합쳐져서 정말 재밌게 영상 봤습니다!!!
YEOJONA : 디자인 뿐만아니라 인터렉션도... 강의 중간중간에 나오는 포토샵 작업 꿀팁들도... 너무 도움이 되네요...강의 하나 끝나면 메모할게 너무 많아서 좋아용!! 공부할 맛이 나요나요~~오늘도 마디아님 만세용!!
응나임 : 와 진짜 그냥이정도인데도 퀄리티 짱이고
사소한것까지 신경쓰시는 모습....
영상 보는내내 재밌게 봤습니다!!!
또 요즘 디자인진로 땜에 머할지 걱정됬는데
덕분에 제 흥미를 찾은거같아욯ㅎㅎㅎ
고먐미 : 디자인을 배우고 있는 대학생입니다! 영상 잘보고 많이 배워갑니다!
요즘은 반응형 웹이 많아서 어떤식으로 웹을 만들어야하나 막막했는데 영상 보고 이런식으로도 할 수 있구나를 배워가요!!
좋은 영상 감사합니다
웹사이트, 모바일 앱 디자인 무료 툴 5가지 | 사이드 프로젝트 꿀템
사이드 프로젝트 만들때 디자인때문에 힘든적 있으시죠? 개발자의 디자인 감성을 뿜뿜 살려줄 정말 유용한 온라인 툴 5가지 + 보너스 하나를 소개해 드립니다 (↙ 자세한 내용)
___________________________
풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
00:00 소개
00:21 ❶ 색상 팔레트 - Color Space
02:09 ❷ 그레디언트 - CSS Gradient
03:59 ❸ 꼬불 꼬불 선나누기 - Shape Divider
06:24 ❹ 다양한 SVG -Haikei
08:58 ❺ 이쁜 배경 이미지 - Cool Backgrounds
09:42 보너스 - Dribble 활용법
11:02 안녕!
.....................................................
✨ 관련된 영상들
프론트엔드 입문 유튜브 영상 재생 목록 ⇢ https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
언급된 사이트들
https://mycolor.space/
https://cssgradient.io/
https://www.shapedivider.app/
https://haikei.app/
https://coolbackgrounds.io/
https://dribbble.com/
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
개발자라면 누구나 알고 있으면 좋은 지식
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg
IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
#웹사이트#프론트엔드#코딩
드림코딩 : 좀 더 퀄리티 있는 인생을 살기 위해서 유튜브 업로드는 2~3주에 한번씩 하기로 했어요 이렇게 해야 더 장기적으로 건강하게 채널을 운영할 수 있을 것 같아서요 :) 다음에는 Q/A 영상을 제작해 보려고 하는데, 커뮤니티에 최근 글에 답변으로 궁금하신거 꼭 올려주세요 아, 제가 알려드린거 외에도 더 유용한거 있다면 꼭 코멘트로 공유 부탁드려요
Beth : 엘리님 너무 감사합니다♂️Shape Divider 알기 전까지 어떻게 구상할지 매우 고민했는데 개인 프로젝트에 도움이 되었습니다 공부의지가 한껏 더 올라가네요!!
html기초 강의부터 꾸준히 보고 있었습니다 항상 응원할게요!
강다연 : 엘리님. ㅜㅜ 현재 웹개발자를 꿈꾸며 열심히 취업을 준비하는 취준생입니다 ㅜㅜㅜ 공과전공생이지만 코딩이 조금은 어렵게 느껴질때가 종종 있지만 엘리님 채널에 쉽게 설명되어 있는 영상이 많더라구요!! 참고해서 멋진 개발자 되겠습니다!
_ Anne : 오늘도 좋은 정보 감사합니다❤️ 안그래도 엘리님께서 일도 가정도 유튜브도 다 하시느라 언제 쉬시나 했는데 퀄리티 있는 삶을 살아가는 목표가 바뀌셨다니 다행입니다:) 건강하게 오래 뵐 수 있었으면 좋겠어요!!! 감사합니다.
jayjay : 웹과는 전혀 상관없는 부서에서 인터널 프로덕트를 만드는 1인개발잔데요, 다른것 보다도 디자인이 너무 어려웠는데 엘리님 덕분에 살것같네요
웹사이트 디자인은 어떻게 그려 질까? [포토샵]
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://han.gl/ZmkOP
➤캐릭터 유튜브 채널 : https://han.gl/9q5gi
➤아래 재생목록에서 수백개의 디자인 \u0026 디자인 팁을 배워가세요
1. 포토샵 기초강의
https://han.gl/DtcSI
2. 일러스트레이터 기초강의
https://han.gl/En3UZ
3. 어도비XD 기초강의
https://han.gl/jpu30
4. 시청자 포트폴리오 컨펌
https://han.gl/b6INc
5. 웹 디자인UIUX
https://han.gl/ZMgL9
6. 모바일 디자인UIUX
https://han.gl/KB5tU
7. 아이콘 디자인
https://han.gl/qcHlM
8. 디자인 정보
https://han.gl/BL9AW
안녕하세요 디자이너 마디아입니다.
현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
--------------------------------------------------------------------------
► youtube channel: https://bit.ly/2GJYUF1
►단톡방 : https://open.kakao.com/o/gakaJCvb
►mail : madia_designer@naver.com
►cafe : https://cafe.naver.com/madiadesigner
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#웹디자인 #AdobeXD #UIUX
@user-bj7jc1ox6u : 항상 마디아님 닮았다고 친구들에게 부러움을 받고 있습니다 ㅎㅎ 실력도 닮아졌으면 얼마나 좋을까요! 오늘도 감사합니다
@user-fq1ks2ct3j : 늘 많은 도움 받고 있습니다 사용성 잊지 않을게요!
@thecyberlord : Can't understand you at all, but you make beautiful designs. Great work!
@sabihyang9614 : 나뭇잎 그림자가 그렇게 만들어지는군요. 재미있게 잘 봤습니다~
@user-ln7gz3xl2w : 웹디자인 벤치마킹은 주로 비핸스나 핀터레스트에서 하시나요?? 저도 자주보긴하는데 뭔가 레이아웃이 다비슷해보여서ㅜㅜ
... 
댓글목록
등록된 댓글이 없습니다.