웹 페이지 디자인

마지막 업데이트 날짜 2026년 5월 1일

Adobe Express에서 웹 페이지를 만드는 방법을 알아보십시오.

Adobe Express deeplink
Adobe Express deeplink
Adobe Express deeplink

앱에서 시도해 보기
몇 가지 간단한 단계를 통해 웹 페이지를 만들어 보십시오.

Adobe Express 홈 페이지에서 왼쪽 패널에 있는 더하기 아이콘을 선택한 다음 웹페이지를 선택합니다.

원하는 웹 페이지 작업에 마우스를 가져다 대고 템플릿 찾아보기를 선택합니다.

처음부터 만들기를 선택하거나 원하는 템플릿으로 시작합니다.

추가   아이콘을 선택하여 웹 페이지에 콘텐츠를 추가합니다.

  • 사진: Adobe Stock에서 무료 사진을 검색하거나 라이브러리, Lightroom, Dropbox, Google 포토 또는 Google Drive에서 업로드합니다.
  • 텍스트: 텍스트를 추가한 다음 필요에 따라 서식과 정렬을 조정하세요. 제목을 사용하여 콘텐츠를 명확한 섹션과 하위 섹션으로 구성하세요. 페이지 제목은 항상 기본 제목(H1)이며, 텍스트 어디에나 하이퍼링크를 추가할 수도 있습니다. 웹페이지의 제목 구조는 다음과 같습니다.
    • 제목 1 (H1): H1은 제목에 사용할 수 있는 기본 제목입니다.
    • 제목 2 (H2): 주요 하위 섹션입니다.
  • 버튼: 버튼 텍스트를 추가하고 URL을 설정합니다.
  • GIF: Giphy에서 링크를 임베드하여 웹 페이지에 GIF를 포함합니다.
  • 비디오: Adobe Express, YouTube 또는 Vimeo 비디오에서 링크를 추가합니다. 참고: Adobe Express 비디오의 경우 제한 시간은 5분입니다. 비디오가 이 제한을 초과하면 임베드된 버전에서는 처음 5분만 표시됩니다.
  • 나만의 콘텐츠: Adobe Express 디자인을 이미지 또는 사진 그리드로 포함합니다.

추가   아이콘을 선택하여 웹 페이지에 레이아웃을 추가합니다.

  • 포토 그리드: 여러 장의 사진을 추가하여 그리드를 만듭니다. 사진을 이동하고 크기를 조정할 수 있습니다.
  • 슬라이드 쇼: 블록 구성 요소에 사진 업로드, 텍스트 추가, 블록 따옴표, 이미지 등 새로운 방식으로 스토리를 전달할 수 있습니다.
  • 분할 레이아웃: 웹 페이지를 두 섹션으로 나눌 수 있습니다. 그 다음 사진, 텍스트, 버튼과 비디오를 추가합니다.
  • 목차: 목차를 추가하여 웹페이지의 콘텐츠로 바로 링크할 수 있습니다.
  • 탐색 모음: 탐색 메뉴를 추가하여 원하는 페이지로 쉽게 이동할 수 있습니다. 

헤더에서 테마  를 선택한 다음 로고, 글꼴, 색상을 적용할 테마 또는 브랜드를 선택합니다. 더 사용자 지정하려면 새 테마 만들기를 선택합니다.

웹페이지 편집기에서 편집을 간소화하려면 아래 도구를 사용합니다.

  • 실행 취소 를 선택하여 변경 사항을 되돌리세요.
  • 다시 실행 을 선택하여 작업을 반복하세요.
  • 미리 보기 를 사용하여 웹페이지를 확인하세요.
  • 프레젠테이션  을 사용하여 표시하세요.

웹페이지 디자인을 완료하면 공유를 선택합니다. 

공동 작업자 초대를 선택하여 파일을 다른 사용자와 공유합니다. 사용자 또는 그룹 추가 섹션에 이름을 입력하고, 액세스 설정을 업데이트한 다음 링크 복사를 선택하여 파일을 공유합니다. 웹페이지를 게시하려면 웹에 게시를 선택한 다음 링크 만들기를 선택합니다.

팁:
  • 암호로 웹 페이지를 게시하고 게시된 웹 페이지에 보호 수준을 추가하려면 암호를 통한 보호를 선택합니다.
  • 다른 사람이 리믹스할 수 있도록 허용을 선택하고 사용자가 프로젝트의 복사본을 만들 수 있도록 허용합니다.