ݺߣ

ݺߣShare a Scribd company logo
[모두!]
활용팁: 테마컬러
사용방법
오늘의 Contents!
01 테마컬러 소개하기
테마컬러 사용법 실습하기
_ 추천컬러 선택하기
_ RGB, HSB 이해하기
_ 첫 페이지 유형별 테마컬러 보기
활용팁: 홈페이지 테마컬러 선택하기
02
03
01
테마컬러 소개하기
PC에서 보는 modoo![모두] 홈페이지에 선택한 홈페이지 테마컬러가 반영됩니다!01
모바일에서 보는 modoo![모두] 홈페이지에 선택한 테마컬러가 반영됩니다!01
테마컬러 소개하기01
“그래픽 소프트웨어에서 색을 선택하기 위한 도구. 툴박
스 혹은 별도의 컬러 스와치(color swatch)에서 색을 선택
할 수 있는 도구이다.”
02
테마컬러 사용법 실습
하기
modoo![모두]에서 테마컬러 사용하기
편집창 상단에서 [컬러선택/미리보기] 부분을 클릭하거나,
배경이미지를 업로드하면 {구성요소 편집창}에서 추천컬러와 컬러선택을 할 수 있습니다.
02
도움말
RGB, HSB 이해하기
RGB(red·green·blue): 빛의 3원색인 적·녹·청을 혼합하여 색을 표시하는 방식
HSB는 색조(Hue),채도(Saturation),밝기(Brightness)를 의미
색조: 0도 = 적색, 60도 = 황색, 120도 = 녹색, 180도 = 청록색, 240도 = 청색, 300도 = 적보라색을 표시
채도: 색의 양을 표시 0~100%의 백분율.
밝기: 백색의 양을 표시 0% = 흑, 100%= 백
02
도움말
[ RGB ]
H(Hue): 색조
S(Saturation):채도
B(Brightness): 밝기
[ HSB ]
03
활용팁: 홈페이지
테마컬러 선택하기
첫 페이지 각 유형별 테마컬러 보기02
각각의 첫 페이지 색상 외에 버튼 구성요소, 홈페이지 하단, 상단 메뉴바, 각 페이지의 글씨 색
상 모두 함께
변경됩니다.
도움말
[정보형] [이미지형] [포스터형] [버튼형]
활용팁: 홈페이지 테마컬러 선택하기03
로고/배경이미지의 상징색을 반영할 수 있습니다.
제품/서비스 이미지의 색상을 반영할 수 있습니다.
도움말
활용팁: 홈페이지 테마컬러 선택하기03
업체명, 타겟층이 선호하는 색상, 업종별 선호 색상을 반영할 수 있습니다.
도움말
네이버 상거래 교육센터 안내
네이버는 상거래 및 온라인 홍보 등에 관련된 다양한 교육 프로그램을 운영하고 있습니다.
모두교육센터에서 홈페이지 제작 교육을 수강한 이후에 네이버 쇼핑교육센터, 네이버 파트너스퀘어를 통해서 필요한 교육을 수강해 보세요.
네이버 쇼핑 교육센터는 심화된 온라인 상거래 방법에 대한 노하우를 공유하고 있습니다.
네이버 파트너 스퀘어에서는 심화된 온라인 마케팅/홍보 방법에 대한 노하우를 공유하고 있습니다.
도움말
모두교육센터
http://educenter.modoo.at
네이버 쇼핑교육센터
http://edu.shopping.naver.com
네이버 파트너스퀘어 online
http://www.next-edon.com/ptnr/naveracademy
201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사

More Related Content

201610 네이버modoo[모두] 테마컬러 사용하기 업로드용 김현희 강사

  • 2. 오늘의 Contents! 01 테마컬러 소개하기 테마컬러 사용법 실습하기 _ 추천컬러 선택하기 _ RGB, HSB 이해하기 _ 첫 페이지 유형별 테마컬러 보기 활용팁: 홈페이지 테마컬러 선택하기 02 03
  • 4. PC에서 보는 modoo![모두] 홈페이지에 선택한 홈페이지 테마컬러가 반영됩니다!01
  • 5. 모바일에서 보는 modoo![모두] 홈페이지에 선택한 테마컬러가 반영됩니다!01
  • 6. 테마컬러 소개하기01 “그래픽 소프트웨어에서 색을 선택하기 위한 도구. 툴박 스 혹은 별도의 컬러 스와치(color swatch)에서 색을 선택 할 수 있는 도구이다.”
  • 8. modoo![모두]에서 테마컬러 사용하기 편집창 상단에서 [컬러선택/미리보기] 부분을 클릭하거나, 배경이미지를 업로드하면 {구성요소 편집창}에서 추천컬러와 컬러선택을 할 수 있습니다. 02 도움말
  • 9. RGB, HSB 이해하기 RGB(red·green·blue): 빛의 3원색인 적·녹·청을 혼합하여 색을 표시하는 방식 HSB는 색조(Hue),채도(Saturation),밝기(Brightness)를 의미 색조: 0도 = 적색, 60도 = 황색, 120도 = 녹색, 180도 = 청록색, 240도 = 청색, 300도 = 적보라색을 표시 채도: 색의 양을 표시 0~100%의 백분율. 밝기: 백색의 양을 표시 0% = 흑, 100%= 백 02 도움말 [ RGB ] H(Hue): 색조 S(Saturation):채도 B(Brightness): 밝기 [ HSB ]
  • 11. 첫 페이지 각 유형별 테마컬러 보기02 각각의 첫 페이지 색상 외에 버튼 구성요소, 홈페이지 하단, 상단 메뉴바, 각 페이지의 글씨 색 상 모두 함께 변경됩니다. 도움말 [정보형] [이미지형] [포스터형] [버튼형]
  • 12. 활용팁: 홈페이지 테마컬러 선택하기03 로고/배경이미지의 상징색을 반영할 수 있습니다. 제품/서비스 이미지의 색상을 반영할 수 있습니다. 도움말
  • 13. 활용팁: 홈페이지 테마컬러 선택하기03 업체명, 타겟층이 선호하는 색상, 업종별 선호 색상을 반영할 수 있습니다. 도움말
  • 14. 네이버 상거래 교육센터 안내 네이버는 상거래 및 온라인 홍보 등에 관련된 다양한 교육 프로그램을 운영하고 있습니다. 모두교육센터에서 홈페이지 제작 교육을 수강한 이후에 네이버 쇼핑교육센터, 네이버 파트너스퀘어를 통해서 필요한 교육을 수강해 보세요. 네이버 쇼핑 교육센터는 심화된 온라인 상거래 방법에 대한 노하우를 공유하고 있습니다. 네이버 파트너 스퀘어에서는 심화된 온라인 마케팅/홍보 방법에 대한 노하우를 공유하고 있습니다. 도움말 모두교육센터 http://educenter.modoo.at 네이버 쇼핑교육센터 http://edu.shopping.naver.com 네이버 파트너스퀘어 online http://www.next-edon.com/ptnr/naveracademy