SlideShare a Scribd company logo
1 of 15
[모두!]
활용팁: 테마컬러
사용방법
오늘의 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

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

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