반응형

안녕하세요~ 구름군단 티스토리 입니다.


어도비 뮤즈(adobe muse)를 다운받아서 설치를 하게 되면 아래와 같이 화면이 나오게 됩니다.


어도비뮤즈(adobe muse)홈페이지만들기-0201


여기서 새로 만들기에 사이트를 눌러줍니다. 만약 만들어 둔 사이트가 있다면 최근 사이트 열기를 누른 뒤에 다음 작업을 이어서 하면 됩니다.


어도비뮤즈(adobe muse)홈페이지만들기-0202


  • 페이지 폭 : 전체 레이아웃 폭을 설정

  • 최소 높이 : 현재 모니터에 보이는 최소 높이를 설정

  • 열 : 열의 갯수를 설정
  • 열 폭 : 여백을 제외한 폭을 설정
  • 여백 : 사방(왼쪽, 아래쪽, 왼쪽, 오른쪽) 여백 설정
  • 안쪽 여백 : 위쪽/아래쪽 여백을 설정
    - 왼쪽 여백은 가로 가운데 체크를 해제 할 경우 설정 할 수 있게 됨

어도비 뮤즈 강좌 - 01. 플랜화면 설명


어도비뮤즈(adobe muse)홈페이지만들기-0203


페이지 설정이 끝을 낸 뒤에 확인을 누르게 되면 격자무늬 바탕에 A-마스터라 써져 있는 아이콘을 볼 수가 있습니다. 현재 보고 있는 화면은 "플랜"의 화면이며, 아이콘에 마우스 커서를 올리게 되면 왼쪽/오른쪽/아래쪽에 + 버튼이 생기는데 그걸 누르면 페이지가 추가 됩니다.


각 페이지를 꾸미기 위해서 더블 클릭을 하면 하얀 도화지 같이 화면이 나오며 그곳에 레이아웃을 구성하면 됩니다. 만약 메뉴처럼 어떤 페이지를 가도 동일한 위치 및 디자인이라면 하단에 보이는

마스터에 있는 A-마스터라고 표시가 된 곳을 수정해주면 됩니다.


어도비뮤즈(adobe muse)홈페이지만들기-0204


왼쪽의 경우 아무것도 넣지 않은 화면이고, 오른쪽은 밑에 마스터 페이지에 기본메뉴를 넣었을 적에 나오는 화면 입니다. 마스터만 넣었는데 두개의 화면에 기본 메뉴가 들어가게 되었습니다.


반복되는 작업을 할 적에 마스터 페이지만 작업하면 되니 높은 효율성을 가져다줍니다.^^


어도비 뮤즈 강좌 - 02. 디자인 화면 설명


플랜 화면이 어느정도 이해가 되었다면 이제 본격적으로 디자인 화면에 대한 설명을 진행하도록 하겠습니다.


상단 메뉴바에서 Mu 라고 써져 있는 문구 옆에 플랜 디자인 미리보기 게시 등등 나와있습니다. 디자인을 누르게 되면 사이트 접속시 맨 처음에 보여지는 페이지를 구성 할 수 있는 페이지로 이동이 됩니다.


어도비뮤즈(adobe muse)홈페이지만들기-0205


포토샾이나 일러스트에 비해서 메뉴가 상당히 단촐합니다.^^; 화면 오른쪽에 나오는 패널들까지 들어가더라도 포토샾/일러스트보다는 단촐한 편입니다.


기본적으로 많이 사용되는 메뉴들은 노란색 박스로 표시를 해두었습니다. 기타 효과를 주지 않고서 기본으로 제작한다면 저 도구들만 있어도  충분히 만들 수가 있습니다.


※ 나머지 도구들은 튜토리얼 혹은 강의진행하면서 추가적으로 알아가보도록 하겠습니다.



홈페이지 제작하는 방법의 스케쥴은 이렇습니다.


1. 기본적인 툴만 이용해서 간단하게 홈페이지 제작

2. 기본적인 툴만 이용해서 간단하게 만든 홈페이지에 추가적인 효과를 넣어줌으로 인해 보다 멋스럽게 만들기.

3. 유튜브에 올라와있는 튜토리얼을 따라서 만들기 등등 입니다.


포토샾/일러스트를 다뤄본 분들이라면 어렵지 않게 포트폴리오 홈페이지 제작을 뚝딱 만드실 수 있을 겁니다.^^


그럼 다음 강좌때 찾아뵙겠습니다.^^

반응형
블로그 이미지

-_________-0

IT&모바일, 영화&연극 등 문화 리뷰, 데이트코스/블로그 마케팅에 관한 블로그

,