쇼핑몰레이아웃
페이지 정보
본문
4강.쇼핑몰 웹디자인을 하고 싶다면 이것 부터 따라 그리세요
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://www.youtube.com/watch?v=S-D9GQ9BRwQ
➤캐릭터 유튜브 채널 : 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
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#무작정따라하기 #검색결과 #레이아웃
늑또리 : 와.. 드디어 따라잡았다..ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
역시 무작정 따라하기 컨텐츠.. 많이 힘들었네요 ㅠ 어차피 따라하는거야 결국에는 보고 똑같이 하면 되니까 "어렵다" 이건 없는데
배속 영상이 아닌데도 불구하고 따라하는데 놓치거나 이야기가 안된 부분을 쫓느라 오브제의 x,y 좌표값을 일시정지 해서 보고 위치 예측을 하기도 하구요 ㅠㅠㅋㅋ 그렇게 일시정지 -> 재생, 아이콘을 스스로 만들거나 하는 부분때문에 영상은 30분내외인데 실제로 소화하는 시간은 두세시간은 훌쩍 넘어버리네요 ㅠㅠㅎㅎ
역시 이게 독학이라는게 힘들긴 합디다 ㅠㅠㅎㅎㅎ;;; 그래도 이런 고오급 컨텐츠.. 어디가서 찾아볼 수 없죠 ㅠㅎㅎ
무작정 따라하기 웹디자인 컨텐츠 이어가주셔서 너무 감사합니다! ㅎㅎ
이제는 따라잡았으니 다음 영상 나올때까지 반복하거나 응용을 좀 해봐야겠어요ㅎㅎ
+ 아, 그리고 영상 중간에 뭔가 살짝 소름 끼치는 '사각사각', '끼긱'소리가 나던데 (24:36, 28:58)
요런부분 쪼오끔만 신경써주시면 감사하겠습니다! ㅎㅎㅎ
(나쁜 뜻으로 지적하는거 아닌거 아시죠?? ^^// 항상 응원합니다!!)
믜뫄 : 와 깔끔하게 디자인 잘하시네요
김경환 : 와 진짜 엄청 고수의 향기가 납니다 안그래도 요즘 웹디자인 배우고 있는데 다른 페이지 보면서 참고만하고 다르게 해볼려고 하는데 너무 조잡하게 되더라고요 너무 깔끔하시네 근데 제가 레이아웃? 잡을때 포토샵에서 하라고 해서 하고 있는데 XD도 배우긴 했는데 XD가 디게 편해 보이네영? XD는 핸드폰 사이즈하는거라고 배웠는데 볼때마다 너무 편해 좋아보이는데 XD로 하시는 이유가 있을까여?
그리고 XD에서 간격 띄우실때 수치를 입력하시던데 어디다 간격 수치를 넣으면 띄워지는건가여?
대답 해주시면 감사할게요 ㅠㅠ 너무 어려워요
노용공 : 마디아님 영상 잘보고있습니다. 너무 사소한 질문일지는 모르겠는데
마디아님이 디자인할때 주로 쓰는 풍경사진이라던가 외국인사진 어디서 구했나요?
Madia Designer : 1강. GNB / 푸터
2강. 로그인 프로세스
3강. 메인페이지
4강.검색결과페이지
모두 파이팅!!
[카페24쇼핑몰제작 #43] 쇼핑몰 레이아웃 파일을 알아보자! 쇼핑몰사업, 카페24 코딩
#쇼핑몰레이아웃파일#카페24코딩#쇼핑몰사업
■스마트스토어꾸미기 상품등록 풀영상usb 판매중
-스마트스토어로 월 1000만원벌기 강의
https://bit.ly/2MkVU4p
■잘 팔리는 상세페이지제작 포토샵강의 usb 판매중
-매출을 올려주는 상세페이지 포토샵강의
https://bit.ly/2NYtnCW
오프라인 수업을 하다보면 "디자인 수정을 했는데 어떤 페이지에는 수정이 안됐어요ㅠ" 와 같은 문의를 받아요~ 이 부분은 레이아웃에 대한 이해가 필요해요!
쇼핑몰 스킨을 구매하면 레이아웃의 갯수가 다 다르거든요~ 계속 모르고 있으면 안돼겠죠? 영상을 처음부터 끝까지 꼼꼼히 보시면 이제 쇼핑몰 레이아웃 마스터가 되실 수 있어요!
우리 ♡책으로 만나요
-카페24쇼핑몰 9일만에 정복하기: http://bitly.kr/QAXm
-된다!포토샵\u0026일러스트레이터: http://www.yes24.com/24/goods/67292951
♡오프라인 강의로 만나요
-카페24 오프라인 강의: https://edu.cafe24.com/
-쇼핑몰 포토샵 오프라인 강의: https://blog.naver.com/PostList.nhn?blogId=rlfcjstm\u0026from=postList\u0026categoryNo=110
♡다른 채널로 만나요
-블로그: https://blog.naver.com/rlfcjstm
-Instagram: https://www.instagram.com/o.why.o/
-페이스북: 박길현
-강의/광고문의: benevona@gmail.com
may h : 좋은 자료 감사합니다!^^ 이해가 잘되네요
길자쌤의 쇼핑몰스쿨 : #스마트스토어꾸미기 상품등록 풀영상
https://bit.ly/2MkVU4p
#잘 팔리는 상세페이지제작 포토샵강의
https://bit.ly/2NYtnCW
protestt : 외모도 이쁘고, 전문적이고, 돈도 많이 버는건 어떤 느낌인가요?? :)
숭어 : 존예다..
ks yoo : 참 설명을 복잡 어렵게 하심
(무작정 따라하기 01) [템플릿 무료 공유] 포토샵으로 누구나 만드는 상세페이지 레이아웃 디자인!!
아래 링크에서 템플릿을 다운로드 받으세요!
https://easy-design-ed.tistory.com/10
클래스를 수강하시면 원본파일을 받으실 수 있어요 :)
상세페이지, SNS, 배너디자인을 위한
[따라만하면 완성되는 온라인 창업 디자인 클래스]
https://class101.page.link/ZEL2
영상 속 예제 이미지 다운로드
https://drive.google.com/drive/folders/1Q6lKxcBu8pOzebQDdc0emH7oJBDIjCcM?usp=sharing
*이미지는 다운받은 폴더에서 포토샵 화면으로 드래그 하시면 됩니다 :)
클래스101 이디 클래스
https://101creator.page.link/JKUM
클래스U 포토샵으로 인싸되기 클래스
https://me2.do/xUExFhdo
비지니스 및 기타 문의
easydesign502@gmail.com
이디 인스타그램
easy_design.ed
위 영상의 저작권은 이디에게 있으며 무단 사용을 금지합니다.
Copyrightⓒ2020 EASYDESIGN All rights reserved.
#상세페이지 #상세페이지강좌 #포토샵
@user-lg5tq4ws9o : 도움 완전! 됐어요 이해하기 너무 쉽게 설명해주셔서 감사합니다 : )
@youze7875 : 항상 잘 보고 있습니다 궁금한 점 질문 드려요!
양쪽 사이드 여백을 영상에서는 80px 띄우셨는데
모바일,웹에서 볼 때 항상 그 정도 띄우면 될까요?
사이드 여백을 몇 px 띄워야하는지 궁금해요!!
@user-dj6qz6ze6o : 아래에 네모깔고 사진넣고 Alt키 클릭 ->ctrl+alt+g
레이어 두개이상 클릭후 ctrl+a 정렬맞추기
3:10
그라데이션
@Oh-vh1vq : 상세페이지 화질이 안좋아서 고민을 많이하다가 우연히 들어오게 되었는데 이해하기도 쉽고 집중이 잘 되네요. 감사합니다.
@user-uq5ic3rn9c : 안녕하세요 상세페이지 만드는데 너무 큰 도움이 되어서 정말 감사드립니다!!
질문이 하나 있는데요 저는 크롭툴로 캔버스를 내리면 격자무늬?(레이어가 없는 빈 창)만 계속 생기는데 흰 배경으로 나오게 하는 방법이 없을까요?
추천, 구독, 알림, 댓글은 큰 힘이 됩니다.
채널에 멤버십 가입하여 디자인 원본파일을 받아보세요.
https://han.gl/OBONg
➤마디아 스타일가이드 : https://www.youtube.com/watch?v=S-D9GQ9BRwQ
➤캐릭터 유튜브 채널 : 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
--------------------------------------------------------------------------
본 디자인은 다양한 해외 벤치마킹을 통해 고민없이
비쥬얼 적으로만 디자인 되었음을 알립니다.
--------------------------------------------------------------------------
#무작정따라하기 #검색결과 #레이아웃
늑또리 : 와.. 드디어 따라잡았다..ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
역시 무작정 따라하기 컨텐츠.. 많이 힘들었네요 ㅠ 어차피 따라하는거야 결국에는 보고 똑같이 하면 되니까 "어렵다" 이건 없는데
배속 영상이 아닌데도 불구하고 따라하는데 놓치거나 이야기가 안된 부분을 쫓느라 오브제의 x,y 좌표값을 일시정지 해서 보고 위치 예측을 하기도 하구요 ㅠㅠㅋㅋ 그렇게 일시정지 -> 재생, 아이콘을 스스로 만들거나 하는 부분때문에 영상은 30분내외인데 실제로 소화하는 시간은 두세시간은 훌쩍 넘어버리네요 ㅠㅠㅎㅎ
역시 이게 독학이라는게 힘들긴 합디다 ㅠㅠㅎㅎㅎ;;; 그래도 이런 고오급 컨텐츠.. 어디가서 찾아볼 수 없죠 ㅠㅎㅎ
무작정 따라하기 웹디자인 컨텐츠 이어가주셔서 너무 감사합니다! ㅎㅎ
이제는 따라잡았으니 다음 영상 나올때까지 반복하거나 응용을 좀 해봐야겠어요ㅎㅎ
+ 아, 그리고 영상 중간에 뭔가 살짝 소름 끼치는 '사각사각', '끼긱'소리가 나던데 (24:36, 28:58)
요런부분 쪼오끔만 신경써주시면 감사하겠습니다! ㅎㅎㅎ
(나쁜 뜻으로 지적하는거 아닌거 아시죠?? ^^// 항상 응원합니다!!)
믜뫄 : 와 깔끔하게 디자인 잘하시네요
김경환 : 와 진짜 엄청 고수의 향기가 납니다 안그래도 요즘 웹디자인 배우고 있는데 다른 페이지 보면서 참고만하고 다르게 해볼려고 하는데 너무 조잡하게 되더라고요 너무 깔끔하시네 근데 제가 레이아웃? 잡을때 포토샵에서 하라고 해서 하고 있는데 XD도 배우긴 했는데 XD가 디게 편해 보이네영? XD는 핸드폰 사이즈하는거라고 배웠는데 볼때마다 너무 편해 좋아보이는데 XD로 하시는 이유가 있을까여?
그리고 XD에서 간격 띄우실때 수치를 입력하시던데 어디다 간격 수치를 넣으면 띄워지는건가여?
대답 해주시면 감사할게요 ㅠㅠ 너무 어려워요
노용공 : 마디아님 영상 잘보고있습니다. 너무 사소한 질문일지는 모르겠는데
마디아님이 디자인할때 주로 쓰는 풍경사진이라던가 외국인사진 어디서 구했나요?
Madia Designer : 1강. GNB / 푸터
2강. 로그인 프로세스
3강. 메인페이지
4강.검색결과페이지
모두 파이팅!!
[카페24쇼핑몰제작 #43] 쇼핑몰 레이아웃 파일을 알아보자! 쇼핑몰사업, 카페24 코딩
#쇼핑몰레이아웃파일#카페24코딩#쇼핑몰사업
■스마트스토어꾸미기 상품등록 풀영상usb 판매중
-스마트스토어로 월 1000만원벌기 강의
https://bit.ly/2MkVU4p
■잘 팔리는 상세페이지제작 포토샵강의 usb 판매중
-매출을 올려주는 상세페이지 포토샵강의
https://bit.ly/2NYtnCW
오프라인 수업을 하다보면 "디자인 수정을 했는데 어떤 페이지에는 수정이 안됐어요ㅠ" 와 같은 문의를 받아요~ 이 부분은 레이아웃에 대한 이해가 필요해요!
쇼핑몰 스킨을 구매하면 레이아웃의 갯수가 다 다르거든요~ 계속 모르고 있으면 안돼겠죠? 영상을 처음부터 끝까지 꼼꼼히 보시면 이제 쇼핑몰 레이아웃 마스터가 되실 수 있어요!
우리 ♡책으로 만나요
-카페24쇼핑몰 9일만에 정복하기: http://bitly.kr/QAXm
-된다!포토샵\u0026일러스트레이터: http://www.yes24.com/24/goods/67292951
♡오프라인 강의로 만나요
-카페24 오프라인 강의: https://edu.cafe24.com/
-쇼핑몰 포토샵 오프라인 강의: https://blog.naver.com/PostList.nhn?blogId=rlfcjstm\u0026from=postList\u0026categoryNo=110
♡다른 채널로 만나요
-블로그: https://blog.naver.com/rlfcjstm
-Instagram: https://www.instagram.com/o.why.o/
-페이스북: 박길현
-강의/광고문의: benevona@gmail.com
may h : 좋은 자료 감사합니다!^^ 이해가 잘되네요
길자쌤의 쇼핑몰스쿨 : #스마트스토어꾸미기 상품등록 풀영상
https://bit.ly/2MkVU4p
#잘 팔리는 상세페이지제작 포토샵강의
https://bit.ly/2NYtnCW
protestt : 외모도 이쁘고, 전문적이고, 돈도 많이 버는건 어떤 느낌인가요?? :)
숭어 : 존예다..
ks yoo : 참 설명을 복잡 어렵게 하심
(무작정 따라하기 01) [템플릿 무료 공유] 포토샵으로 누구나 만드는 상세페이지 레이아웃 디자인!!
아래 링크에서 템플릿을 다운로드 받으세요!
https://easy-design-ed.tistory.com/10
클래스를 수강하시면 원본파일을 받으실 수 있어요 :)
상세페이지, SNS, 배너디자인을 위한
[따라만하면 완성되는 온라인 창업 디자인 클래스]
https://class101.page.link/ZEL2
영상 속 예제 이미지 다운로드
https://drive.google.com/drive/folders/1Q6lKxcBu8pOzebQDdc0emH7oJBDIjCcM?usp=sharing
*이미지는 다운받은 폴더에서 포토샵 화면으로 드래그 하시면 됩니다 :)
클래스101 이디 클래스
https://101creator.page.link/JKUM
클래스U 포토샵으로 인싸되기 클래스
https://me2.do/xUExFhdo
비지니스 및 기타 문의
easydesign502@gmail.com
이디 인스타그램
easy_design.ed
위 영상의 저작권은 이디에게 있으며 무단 사용을 금지합니다.
Copyrightⓒ2020 EASYDESIGN All rights reserved.
#상세페이지 #상세페이지강좌 #포토샵
@user-lg5tq4ws9o : 도움 완전! 됐어요 이해하기 너무 쉽게 설명해주셔서 감사합니다 : )
@youze7875 : 항상 잘 보고 있습니다 궁금한 점 질문 드려요!
양쪽 사이드 여백을 영상에서는 80px 띄우셨는데
모바일,웹에서 볼 때 항상 그 정도 띄우면 될까요?
사이드 여백을 몇 px 띄워야하는지 궁금해요!!
@user-dj6qz6ze6o : 아래에 네모깔고 사진넣고 Alt키 클릭 ->ctrl+alt+g
레이어 두개이상 클릭후 ctrl+a 정렬맞추기
3:10
그라데이션
@Oh-vh1vq : 상세페이지 화질이 안좋아서 고민을 많이하다가 우연히 들어오게 되었는데 이해하기도 쉽고 집중이 잘 되네요. 감사합니다.
@user-uq5ic3rn9c : 안녕하세요 상세페이지 만드는데 너무 큰 도움이 되어서 정말 감사드립니다!!
질문이 하나 있는데요 저는 크롭툴로 캔버스를 내리면 격자무늬?(레이어가 없는 빈 창)만 계속 생기는데 흰 배경으로 나오게 하는 방법이 없을까요?
... 
댓글목록
등록된 댓글이 없습니다.
