디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
  - 웹페이지의 이해
  - 회사소개 페이지 제작
  - 일반 게시판 페이지 제작
  - 갤러리 및 동영상 게시
      판 페이지 제작
  - 회원 페이지 제작
  - 웹진 제작
  - 이벤트 페이지 제작
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
이벤트 페이지 제작
Home > 디자인 센터 > 웹강좌 > 웹 페이지 만들기 > 이벤트 페이지 제작
이벤트의 개념 및 실전 제작

7. 이벤트 페이지 제작

(1) 이벤트(event) 페이지란?
- 이벤트 페이지란 회사가 어떤 이벤트를 할 경우 이를 고객에게 알리는 페이지이며 웹페이지나 팝업 또는 웹진 등의 형태로 만들 수 있습니다. 웹사이트를 운영하는 경우 가장 잦은 페이지 작업을 하게 되는 경우가 이벤트 관련 페이지를 디자인하는 것입니다.
(2) 제작 시 고려해야 할 사항
- 이벤트 페이지는 해당 이벤트와 관련된 콘셉트로 디자인해야 합니다. 만약 크리스마스 이벤트라고 할 경우 크리스마스가 연상되는 레드와 그린 컬러를 사용 크리스마스에 맞는 콘셉트로 디자인하는 것이 중요합니다. 또한 사용될 목적에 맞춰 디자인해야 합니다. 웹진으로 발송될 페이지인지, 팝업으로 사용되는지 등 목적에 맞게 디자인해야 합니다.
(3) 디자인 예시 및 제작하기
① 디자인 예시
<이벤트 페이지 디자인 예시 01>

<이벤트 페이지 디자인 예시 02>

② 제작하기
- 「새해맞이 이벤트」를 제작하기 위해 먼저 블루 계통의 색상을 이용하여 그러데이션 효과를 적절히 적용 후 배치합니다.

- 눈 모양과 반짝이 일러스트를 이용하여 배경 이미지 위에 적절히 배치하여 눈 내리는 효과를 표현합니다.

- 화이트 색상과 나무 일러스트 이미지들을 적절히 배치하여 눈이 쌓여있는 언덕 효과를 표현합니다.

- 눈이 쌓여있는 언덕 위에 복조리를 들고 연을 날리는 호랑이 모양의 일러스트 이미지를 상단에 적절히 배치합니다.

- 호랑이 모양의 일러스트 이미지 좌측에 적절한 서체를 사용하여 「새해맞이 Event」타이틀 이미지를 배치합니다.

- 「새해맞이 Event」타이틀 이미지를 아래 적절한 서체를 사용하여 이벤트 관련 텍스트 이미지를 배치합니다.

- 첫 번째 이벤트 내용을 추가하기 위해 끝이 둥근 사각 박스를 좌측에 배치하고 사각 박스 안에 이벤트 내용을 적절히 배치합니다.

- 첫 번째 이벤트 내용 추가와 동일한 방법을 좌측에 두 번째 이벤트 내용을 추가하여 배치합니다.

- 두 가지 이벤트 내용의 하단 중앙 부분에 끝이 둥근 사각 박스를 추가하여 텍스트를 배치하여 이벤트 페이지 제작을 완성합니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달
아사달 AI 챗봇 챗봇