키자드에 등록된 총 349개의 포스트를 확인하실 수 있습니다.
추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..
In this Adobe Xd Tutorial we will design a colorful app dashboard for an online learning platform. Adding a colorful grid layout to add some style and a few abstract shapes to make the design pop.
Check out my courses to become a PRO! https://developedbyed.com/ Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed
A look at how I got from my idea, or concept, do my research, collect assets, and start designing the first draft of a layout using Figma. Hope you enjoy it :)
"스타일이 없는 디자이너가 정말 좋은 디자이너 같아요." "결국 디자이너도 회사에 가서 일을 하는 직장인이라는 점을 잊으면 안돼요."
"어떻게 하면 우리가 원활한 커뮤니케이션을 할 수 있지? 그럼 어떤 툴을 활용할 거지? 그걸 어떻게 기록하지?"의 과정 자체가 디자인입니다.
자바스크립트의 타이머(setTimeout, setInterval)는 지정한 시간에 콜백 함수가 실행되는 것을 보장하지 못합니다. 이 이유를 정확히 알기 위해 자바스크립트가 싱글스레드로 동작하는 과정을 함께 설명해봤습니다.
취미로 찍은 사진으로 돈 버는 법을 알려드렸습니다. 사진을 다루는 것이기 때문에 포토샵을 함께 공부하시면 더 좋을 것 같아요. 스톡사진작가 CP신청 바로가기 셔터스톡 작가 신청 https://submit.shutterstock...
Fluid Image Pop Up Javascript Tutorial Fluid Image Pop Up Javascript Tutorial In today's episode we will learn how to do a basic but very important effect in javascript, which is a pop up modal for..
원문 : https://uxdesign.cc/how-apple-makes-soft-ui-the-future-9f3ac69eea6f Apple announced some pretty wild updates at WWDC 2020 today. But technology aside, let’s focus on how their UI has chang..
원문 : https://addyosmani.com/blog/touch-friendly-design/ I recently spoke to veteran UX designer Steven Hoober about designing for touch interfaces. Hoober's "Design for Fingers, Touch, and People"..
## 자바스크립트(fetch)를 이용한 유튜브 API DATA 다루기 "나의 유튜브 채널 "정보와 유튜브에 업로드한 동영상들을 웹사이트에 자바스크립트를 이용해 로딩하는 코딩 동영상입니다. ## github code : https://gi..
안녕하세요 디자이너 연디입니다! 수월하게~! 쉽고~! 빠르게~! 제품 상세페이지 디자인을 하고 싶다면 꼬~옥 기획서를 살펴보고 시작하세요...! 경험해보니 좋아요b
Create a dynamic YouTube playlist app using HTML, CSS, Javascript and jQuery.
사용자들의 문제점을 찾아내고 그것을 속 시원하게 풀어내는 것이 UX 디자인이라고 생각합니다. 하지만 UX 디자인의 개념은 계속 변할 것입니다.
불가리아 소재의 그래픽 디자인 에이전시 'GraphicMama'에서 소개한 2020 그래픽 디자인 트렌드 5가지를 소개합니다.
전 세계 1억 5,000만 명이 사용하는 이스라엘의 홈페이지 제작 솔루션인 윅스(WIX)에서 선정한 단색 블록, 많은 공백, 겹치는 레이어, 그리드 노출까지! 2020년 웹디자인 트렌드 4가지를 소개합니다.
자바스크립트 비동기의 꽃 async와 await에 대해 정확하게 이해하고, 지난 시간에 배운 프로미스와 비교해서 재밌게 이해하는 시간을 가져볼께요 ️ 조금더 체계적으로 공부를 원하시면 드림코딩 아카데미에서..
브라우저 배경색이 갈라지는 표현을 해보았습니다. 총 3가지 사례를 들어 만들어보았네요. 도움되셨길 바랍니다 ^^ 00:39 사례보기 01:27 첫번째 사례 분석 01:59 제작하기 05:59 두번째 사례 분석 08:06 제작하기..
텐센트와 메어헤드에서 발표한 음성인식, 감정인식, 증강현실 등 2020년을 이끌어 갈 UX 디자인 트렌드 4가지를 소개합니다.
UX 디자인이란 무엇인가? 인간 중심 디자인이라는 분야를 개척한 심리학자이자 교수인 도널드 노먼(Donald A. Norman)으로부터 시작하는 UX 디자인의 유래와 정의.
10초 만에 디자인이 나온다고? 5만원에 로고 디자인이 가능하다고?? 레이어 '김주황' 대표가 말하는 AI, 그리고 디자인 플랫폼
마마무, 인피니티 등 수많은 브랜드의 프로젝트를 리드한 레이어 김주황 디렉터가 알려주는 디자인 클라이언트를 대하는 법
자바스크립트 콜백의 동기적 실행과 비동기적 실행에 대해 설명해봤습니다. 지난번에 setTimeout을 가지고 큐와 콜 스택에 대해서 이야기 했던 영상 : youtu.be/iNH4UQxZexs
promise와 async/await을 사용하면 좋다는데 아직 개념이 헷갈려서 쓰기 망설여지시나요? 그런 분들을 위해 한번 설명해봤습니다. - 페이스북 페이지 : https://bit.ly/2MbR9vh - 콜백 함수의 동기적 실행과 비동..
promise와 async/await을 사용하면 좋다는데 아직 개념이 헷갈려서 쓰기 망설여지시나요? 그런 분들을 위해 한번 설명해봤습니다. - 페이스북 페이지 : https://bit.ly/2MbR9vh - 콜백 함수의 동기적 실행과 비동..
안녕하세요, 존코바입니다. 컴퓨터 장비에 취약한 디자이너들을 위한 구매 가이드! 쉽게 정리해봤어요 :D
디자이너에게 필요한 모니터 선택 가이드! 제가 사용하는 모니터도 소개해드려요 :D - Monitor : MSI 프레스티지 PS341WU
PC를 구매해야하는데 어쩌지..? 망설이고 있는 디자이너 맥을 살지 데스크탑을 살지 고민중인 디자이너 영상을 하는데 어떤 PC를 맞출까 고민하는 디자이너 앞으로의 CG와 하드웨어 트렌드에 대해 궁금하신 분들을..
매우 주관적이지만 도움이 될만한 디자이너의 노트북 구매 팁입니다 :D *2020년 4월 기준입니다 - Gear : MSI P75 Creator 9SD Laptop - Aftereffect CC 2019
새해복많이 받으세요! 2020년 올해 맥북 16인치로 시작합니다! 그런데 디자이너는 왜 맥북을 쓰는걸까요? 디자이너라고 맥북부터 지르면 후회할 수 있습니다 그래서 맥북을 살지말지 고민하시는 분들을 위해 준비..
무조건 비싼게 답이다? 사진용 컴퓨터? 영상용 컴퓨터? 4K 안쓸건데 300만원짜리 컴퓨터 필요할까요? CPU, 램, 그래픽카드, SSD 각 부품이 어떤게 어느부분에서 효과가 좋을까? 포토샵권장사양? 프리미어권장사양?..
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. ---------------------..
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. ---------------------..
Adobe XD Web Design Process: Blank Page to Final Design Have you ever wondered how we make our website pages on https://thefutur.com ? In this video, our Art Director, Sang Chung, showcases..
실무에서 자주 사용하는 실제처럼 머리카락을 합성하는 몇가지의 방법이 있는데 오늘 영상에서 그 방법중의 하나를 소개합니다. 이 기술을 브러쉬를 이용하는 방법으로 아래 링크에서 다운로드 받을수 있습니다...
영상에 나와있는 로고 프로세스는 말 그대로 많이 축소되고 압축된 프로세스입니다. 실무에서 작업하시는 분들은 훨씬 더 많은 고민과 흔적들을 찾아가며 몇일~몇달에 걸쳐 1개의 로고를 만들어 내고 그 과정들은..
공간감 완벽 정리! - 일반인과 디자이너의 차이 1편 // 존코바 // Photoshop Tutorials // MSI 디자인 퀄 높이는 꿀팁! 공간감! 전부 알려드릴게요 :D - Photoshop CC 2019 - MSI P75 Creator Laptop 영상 사용..
Learn How To Make Website With HTML And CSS | Web Design Step By Step Tutorial for beginners ️ SUBSCRIBE: https://goo.gl/tTFmPb ️ Complete website Using HTML and CSS ️ 8 Complete website st..
Animaton Effect In CSS | CSS Animation Tutorial Step By Step For Beginners Learn How To Make Animation Using CSS in HTML and CSS Website. Step by Step tutorial for CSS Animation effects.
Learn How To Make An Image Gallery Using HTML And CSS | Design An amazing Image gallery for Website With HTML & CSS Step by Step #WebDesign #HTML #CSS ️ SUBSCRIBE: https://goo.gl/tTFmPb ️ Comp..
Learn HOW TO MAKE A WEBSITE USING HTML CSS BOOTSTRAP STEP BY STEP, MAKE COMPLETE WEBSITE START TO END, RESPONSIVE WEBSITE DESIGN TUTORIAL ️ SUBSCRIBE: https://goo.gl/tTFmPb ️ Complete website..
6월 업데이트 된 기능중 매력을 어택하는 스택 기능과 독립적인 스크롤 기능에 대해서 알어볼께요. 스택기능은 자동 배치기능이 있어 편리하게 오브젝트를 재배치시킬수 있어요. 새로운 스크롤 기능은 기존의 아트..
글씨를 클릭하면 해당 폼이 활성화 되고 버튼에 마우스를 올리면 blur가 움직입니다 ^^ 00:48 HTML5 03:31 CSS3 구조잡기 15:35 CSS3 애니메이션 19:18 마무리하면서
신입 디자이너를 위한 벤치마킹 TIP [MaDia] 안녕하세요 현 실무디자이너 마디아입니다. 카톡 :18wkwmd 단톡방 : https://open.kakao.com/o/gkKqLlL (패스워드 개인문의) 네이버카페 : https://cafe.naver.co..
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. ---------------------..
안녕하세요! 존코바입니다. 펜 툴, 믹서브러쉬(Mixer Brush)를 이용한 심플한 로고 만들기 입니다. 6분가량의 짧은 강의로 초보 분들도 따라 하시기에 좋습니다.
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다.
안녕하세요! 존코바입니다. 오랜만에 타이포를 조금더 이쁘게! 디자이너스럽게 만들어주는 기본 타이포, 텍스트 디자인팁에 관한 영상입니다. 타이포그래피 및 로고 작업하실때 익혀두시면 핵 유용각! 작업 파일도..
안녕하세요! 존코바입니다. 주관적인 생각이며 제 말이 꼭 정답은 아닙니다! 그냥 편하게 봐주시면 좋겠습니다 :D 항상 감사합니다!
어도비 제품군들이 6월에 새롭게 업데이트가 되었는데요. 그 중에서도 포토샵의 5가지 새로워진 기능들 알아보도록 할께요. 누끼기능이 엄청 향상되었고 Camera Raw에 재미난 기능들도 많아졌어요. 포토샵에서 패..
Check out my courses to become a PRO! https://developedbyed.com/ One Color UI Responsive Website Tutorial (HTML5 & CSS3) Since a lot of you have been requesting more html and css website building tu..
[실무디자이너]5분에1개씩 일러스트 이것만 따라하면 100% 감잡는다 [MaDia]
전문가처럼 로고만들기 무작정 따라하기 // Photoshop Tutorials // 포토샵 강의 안녕하세요! 존코바입니다. 오늘은 디자인 전문가 느낌의 로고 무작정 따라하기 입니다! 어렵지 않은 내용이므로 쉽게 따..
도서 정보 보기 : http://bit.ly/2rrD2te - Photoshop CC 2019 영상 사용 및 비지니스 문의 : [email protected] 질문 및 개인적인 문의 : [email protected]
광도마스크(Luminosity)를 이해하고 사용할줄 알면 더 이상 포토샵에 초보자가 아니라고 여겨질만큼 광도마스크에 대한 이해는 합성이나 보정실력을 한단계 업그레이드 할 수 있는 중요한 개념입니다. 이번 강의에..
주파수 분리기법을 활용한 피부보정에서 저주파,고주파레이어의 역할에 대해서 알아보고 최적의 피부질감으로 보정하기 위해서 고려해야 할 부분에 대한 내용입니다. Stock Model : https://goo.gl/ubvLp2 문의/상..
포토샵의 많은 스킨리터치 방법 중 디테일과 소프함, 둘 다 강조할 수 방법이 있는데요. 바로 주파수 분리법을 사용하는 것입니다. 주파수 분리법이 알려진지는 꽤 오랜시간이 흘렀습니다. 하지만 현재에도 이 기..
내용인식채우기(Content-Aware)기능을 활용하여 좀더 쉽게 필요없는 부분을 지우는 방법이 있습니다. 이에 대해 원리부터 상세히 설명한 영상입니다. 문의/상담 : https://photo2.modoo.at/ 포토샵 밴드 : https:/..
제품을 자르고 가장자리를 부드럽게 다듬는 방법등 쇼핑몰 사진을 만드는 방법에 대해 자세히 설명한 영상입니다. 문의/상담 : https://photo2.modoo.at/ 포토샵 밴드 : https://band.us/@digiworks 강의목록 ====..
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. ---------------------..
Overview of all the new features and changes to Adobe XD in the June 2020 update. Adobe Blog: https://theblog.adobe.com/xd-june-202... - Sign up for Webflow (affiliate): http://bit.ly/2sq7QLz Learn..
리액트는 라이브러리일까? 프레임워크일까?...자주 나오는 용어인데 은근 헷갈려서 물어봤습니다. 아..그리고..영상 끝에는.....!!!!
광도마스크가 실제 보정과정에서 어떻게 활용되는지 그 방법에 대해 상세히 설명하였습니다. 이 보정방법은 스스로 지속적인 연습을 통해야만 더욱 좋은 작품을 만들수 있으며 활용을 지속할수록 다양한 범위에 확..
자바스크립트 비동기 처리를 위한 그 시작, 프로미스에 대해 정확하게 이해하고, 지난 시간에 만든 콜백지옥을 프로미스를 이용해서 간결하게 만들어 보면서 더 이해하는 시간을 가져볼께요 ️ 다음에 이어지는..
추천, 구독, 알림 꼬오옥~ 눌러주세요! 안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가..
Useful CSS Tips that I frequently used in my projects and tutorial videos. You can find related CSS tutorials shown in the video below. Realistic Business Card: Neon Text Effect: https://youtu.be/BD..
페이스북 페이지: https://www.facebook.com/yalcodic - - 엔딩 타이틀 - - Song : 권민호, 김한영 - Let's Dance 자료출처 : https://gongu.copyright.or.kr Music promoted by DayDreamSound : https://youtu.be..
페이스북 페이지: https://www.facebook.com/yalcodic - - 엔딩 타이틀 - - Song : 권민호, 김한영 - Let's Dance 자료출처 : https://gongu.copyright.or.kr Music promoted by DayDreamSound : https://youtu.be..
페이스북 페이지: https://www.facebook.com/yalcodic - - 엔딩 타이틀 - - Song : 권민호, 김한영 - Let's Dance 자료출처 : https://gongu.copyright.or.kr Music promoted by DayDreamSound : https://youtu.be..
페이스북 페이지: https://www.facebook.com/yalcodic - - 엔딩 타이틀 - - Song : 권민호, 김한영 - Let's Dance 자료출처 : https://gongu.copyright.or.kr Music promoted by DayDreamSound : https://youtu.be..
허니커즈 스토어: https://smartstore.naver.com/honeykers 페이스북 페이지: https://www.facebook.com/yalcodic - - 배경음악 - - Song : MBB - Wake Up Follow Artist : https://soundcloud.com/mbbofficial Mu..
안녕하세요 디자이너 마디아입니다. 현재 실무에서 쇼핑몰 UIUX 구축 디자이너로 활동하고 있으며 학생분들에게 조금이나마 도움이 될 수 있는 강의로 여러분들에게 다가가도록 하겠습니다. ---------------------..
이번에는 군인의 디자인 참견! 만족스럽진 않지만 그래도 도움이 되셨으면 좋겠습니다 :D 디자인 참견러 신청 메일 주소 : [email protected] ____________________________________________________ 첨부하..
https://blog.naver.com/sinjoker/221507371077 자바스크립트 호이스팅(hoisting) 개념 안녕하세요. 확이입니다.하드웨어에 가까운 프로그래밍 언어를 사용하시는 분들은(C언어, T-SQL) 지금... blog.naver.com ht..
프론트엔드 개발자로 커리어 키우기 - 개발16년차가 말하는 프론트엔드의 과거, 현재 그리고 미래 본격적인 첫 영상으로, 많은 개발자들이 고민할만한 내용을 주제로 이야기 해봤습니다. 우리가 과연..
썸네일 예쁘게 만드는 팁 디자이너가 전부 알려드려요 // 존코바 // 유튜버 // 크리에이터 유튜브 처음 시작할 때 썸네일 디자인 너무 어려운 초보분들을 위한 썸네일 이쁘게 만드는 방법! 5가지 공개..
자바스크립트 & DOM 프로그래밍 1강 - 학습 가이드 웹 프론트 개발 방법을 제대로 알고 싶어하는 사람들을 위한 강의입니다. 이 영상 이후의 강의는 계속되겠지만, 사람들에게 영상을 공개하는 것이 의미..
자바스크립트를 통해서 객체지향을 배우는 수업입니다. 이 수업에서 다루는 내용 : object, constructor function, prototype, class, inheritance 이 수업에서 다루지 않는 내용 : variable, array, loop stateme..
자바스크립트를 통해서 객체지향을 배우는 수업입니다. 이 수업에서 다루는 내용 : object, constructor function, prototype, class, inheritance 이 수업에서 다루지 않는 내용 : variable, array, loop stateme..
자바스크립트를 통해서 객체지향을 배우는 수업입니다. 이 수업에서 다루는 내용 : object, constructor function, prototype, class, inheritance 이 수업에서 다루지 않는 내용 : variable, array, loop stateme..
#김종복포토샵 #크리에이티브스튜디오 오늘부터 포토샵 처음 사용자를 위한 기초강의를 시작합니다. 가장 중요한 내용을 쉽게 예제와 함께 알아보며 체계적인 학습이 되도록 하겠습니다. 문의/상담 : https://phot..
페이스북 페이지: https://www.facebook.com/yalcodic - - 엔딩 타이틀 - - Song : 권민호, 김한영 - Let's Dance 자료출처 : https://gongu.copyright.or.kr Music promoted by DayDreamSound : https://youtu.be..
How To Make Image slider With Animation Using HTML And CSS | Website Design With Animation Step by step Tutorial ️ SUBSCRIBE: https://goo.gl/tTFmPb ️ Complete website Using HTML and CSS ️ 8..