웹사이트 분위기에 살짝 변화를 주고 싶은데.. 너무 어렵게 느껴지시나요? 그렇다면 우선 메뉴 색상부터 다르게 설정해 봅시다. 클릭 몇 번이면 메뉴 내 텍스트와 색상을 다채롭게 변경할 수 있으니까요!
이번 아임웹 레시피에서는 케이크처럼 달콤 폭신한 수제 다이어리를 만드는 브랜드 <러브케이크바스켓>의 사례를 통해 웹사이트 메뉴 색상 설정하는 법을 알아보려 합니다. 이 브랜드는 메뉴 색상을 브랜드의 핵심 컬러로 설정하여, 브랜드 이미지를 감각적으로 느낄 수 있도록 했는데요.
러브케이크바스켓의 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
- 웹사이트 분위기에 변화를 주고 싶으신 분
- 컨셉, 톤앤매너, 컬러 등의 컨셉이 확실한 브랜드를 운영하는 분
- 메뉴에 마우스 커서를 가져다 댔을 때, 텍스트 색상이 변화되는 디자인을 원하시는 분
STEP 1
아임웹 디자인 모드에 접속 후 상단에 마우스 우클릭, [상단 설정]으로 들어가 주세요.
STEP 2
[메뉴] 위젯에 마우스 우클릭, [메뉴 버튼 설정]으로 들어가 주세요.
STEP 3
[메뉴 버튼] 탭에서 아이콘 색상을 설정하고, [펼침 메뉴] 탭에서는 아이콘 클릭 시 펼쳐지는 메뉴의 색상을 설정해 주면 끝이에요!
TIP💡
모바일 메뉴 상단에 '로그인 영역'을 없애고 싶다면, 모바일 뷰로 바꾼 뒤 상단 설정의 [메뉴 버튼 설정]으로 다시 진입, 펼침 메뉴 탭에서 로그인 영역을 체크 해제해 주세요.
다른 브랜드들은 이 기능을 어떻게 활용했을까요?
🔎 MICH MICH
상단에 브랜드 로고를 삽입하고, 메뉴 배경을 반투명으로 설정했어요.
🔎 에이퍼센트
마우스 커서가 올라갔을 때 버튼 색상이 바뀌도록 설정했어요.
무난한 웹사이트도 이 설정 하나면 한 끗 다른 웹사이트로 변신할 수 있어요🤩 아직 설정하지 않으셨다면 지금 바로 시도해 보세요!
※ 레시피 사례로 소개한 러브케이크바스켓을 비롯해, MICH MICH, 에이퍼센트는 아임웹과 함께 성장하는 브랜드입니다.
💌 평소 궁금했던 디자인 설정법이 있다면 알려주세요!
아임웹을 사용하거나, 고객사례를 보며 궁금했던 디자인 설정법이 있으셨다면 👉 여기에 남겨주세요. 보내주신 의견을 참고하여, 더욱 유익한 디자인 레시피를 들고 찾아올게요!
📖 오늘 내용과 연관된 아임웹 가이드
🔖 다른 레시피 보러가기
by 마케팅 소영
