모형을 만드는 방법 [초보자 안내서]

게시 됨: 2022-08-30


목업은 웹 디자이너, 비즈니스 소유자 및 마케팅 담당자에게 매우 유용할 수 있습니다. 시간과 돈을 투자하기 전에 웹사이트나 마케팅 캠페인이 어떻게 보이고 느껴질지 시각화할 수 있습니다.

그러나 목업을 만드는 것은 어려울 수 있습니다. 특히 이전에 한 번도 해본 적이 없다면 더욱 그렇습니다. 이 게시물에서는 모형을 만드는 단계를 안내합니다. 기본 사항부터 시작한 다음 전체 자습서를 수행합니다.

결국에는 비즈니스 성공에 도움이 되는 아름다운 모형을 만들 수 있습니다. 하지만 먼저 모형이 가지고 있는 몇 가지 일반적인 기능과 작업을 간소화하기 위한 템플릿 소스를 살펴보겠습니다.

모형에는 무엇이 포함되어야 합니까?

모형은 웹사이트 또는 앱의 정적 표현입니다. 프로토타입처럼 인터랙티브하지는 않지만 디자인의 모든 주요 요소를 포함해야 합니다. 여기에는 다음이 포함될 수 있습니다.

  • 홈페이지
  • 내부 페이지
  • 전자상거래 페이지
  • 블로그 게시물
  • 가입 양식
  • CTA(클릭 유도문안)

또한 최종 제품이 어떻게 생겼는지 시청자에게 아이디어를 제공하기 위해 모형 화면에 표시할 수 있는 크기의 정적 이미지를 제공할 수도 있습니다.

모형도 올바른 해상도로 디자인해야 합니다. 이렇게 하면 프로토타입을 만들거나 웹사이트를 코딩할 때 모든 것이 완벽하게 맞습니다.

모형 템플릿을 찾을 수 있는 위치

목업을 처음부터 만드는 것은 시간이 많이 걸릴 수 있습니다. 특히 디자이너가 아닌 경우 더욱 그렇습니다. 그렇기 때문에 목업 템플릿으로 시작하는 것이 좋습니다. 이것은 작업을 위한 견고한 기반을 제공하고 장기적으로 시간을 절약하는 데 도움이 됩니다.

온라인에 모형 템플릿의 훌륭한 소스가 많이 있지만 가장 좋아하는 것은 Placeit입니다.

그들은 사용하기 쉽고 창의적인 근육을 구부릴 수있는 흥미로운 디자인을 제공하는 다양한 고품질 목업 템플릿을 가지고 있습니다.

목업 만들기: 기본 사항

처음 시작할 때 모든 것을 단순하게 유지하는 것이 중요합니다. 다양한 옵션과 기술에 압도당하고 싶지는 않습니다.

대신 기본에 집중하세요. 견고한 기초가 있으면 언제든지 다시 와서 나중에 더 추가할 수 있습니다.

목업을 만드는 기본 사항은 다음과 같습니다.

1. 도구를 선택합니다. 모형을 만드는 데 사용할 수 있는 다양한 소프트웨어 프로그램이 있습니다. 일부는 웹 디자인에만 해당되고 다른 일부는 모든 유형의 프로젝트에 사용할 수 있습니다.

2. 영감을 찾으십시오. 도구를 선택했으면 이제 영감을 찾을 때입니다. 웹사이트, 잡지, Pinterest를 검색하여 마음에 드는 디자인을 찾으세요.

3. 스케치합니다. 다음 단계는 아이디어를 스케치하는 것입니다. 화려할 필요는 없습니다. 간단한 연필과 종이만 있으면 됩니다.

4. 모형을 만듭니다. 이제 목업 만들기를 시작할 준비가 되었습니다. 선택한 소프트웨어 프로그램의 지침에 따라(곧 설명하겠습니다) 디자인의 시각적 표현을 만듭니다.

5. 저장하고 공유합니다. 완료되면 나중에 액세스할 수 있도록 모형을 저장해야 합니다. 피드백을 줄 수 있도록 다른 사람들과 공유할 수도 있습니다.

5단계로 Placeit을 사용하여 모형을 만드는 방법

이제 일반적인 기본 사항을 다루었으므로 목업을 만드는 과정을 살펴보겠습니다. 자신감을 가지고 자신만의 모형을 만들 수 있도록 각 단계를 안내해 드립니다.

1단계: 템플릿 선택

앞서 언급했듯이 템플릿으로 시작하는 것이 좋습니다. 이렇게 하면 프로세스가 훨씬 쉬워지고 고품질 모형을 만드는 데 도움이 됩니다.

템플릿을 선택하려면 Placeit으로 이동하여 선택한 모형 템플릿을 살펴보십시오. 마음에 드는 것을 찾으면 클릭하여 모형 편집기를 엽니다.

2단계: 이미지 업로드

모형 편집기를 열면 이미지를 업로드할 차례입니다. 이렇게 하려면 이미지 업로드 버튼을 클릭하고 컴퓨터에서 사용할 이미지를 선택합니다.

최상의 결과를 얻으려면 고해상도 이미지를 사용하는 것이 좋습니다. 이렇게 하면 모형이 선명하고 전문적으로 보일 수 있습니다.

Placeit의 스톡 그래픽 라이브러리를 사용하여 장식을 추가할 수도 있습니다. 목업에 사용할 수 있는 다양한 고품질 그래픽 요소가 있습니다.

화면 오른쪽에 있는 그래픽 추가 버튼을 클릭한 다음 갤러리에서 추가 를 선택하여 액세스할 수 있습니다.

그런 다음 그래픽을 표시할 색상을 선택할 수 있습니다.

그런 다음 옵션을 스크롤하여 사용하려는 그래픽을 찾을 수 있습니다. 클릭하면 목업 편집기에 삽입됩니다.

3단계: 크기 및 위치 조정

그래픽이 삽입되면 필요에 맞게 크기와 위치를 조정할 수 있습니다. 이렇게 하려면 이미지가 완벽한 위치에 올 때까지 이미지를 클릭하고 드래그하기만 하면 됩니다.

확대/축소를 사용하고 그래픽을 회전하여 크기와 배치를 완벽하게 할 수도 있습니다. 이러한 기능은 제품 사진에 모형을 사용하는 경우 특히 유용합니다.

4단계: 텍스트 추가

다음 논리적 단계는 텍스트를 추가하는 것입니다. 그렇게 하려면 화면 왼쪽에 있는 텍스트 추가 버튼을 클릭하기만 하면 됩니다.

그런 다음 Change Me 라는 필드에 모형에 추가할 텍스트를 입력합니다.

거기에서 글꼴, 글꼴 색상 및 강조 색상을 변경하여 텍스트를 사용자 정의할 수 있습니다.

그런 다음 추가하려는 모든 텍스트에 대해 이 프로세스를 반복합니다.

5단계: 모형 다운로드

모형이 마음에 들면 다운로드할 차례입니다. 이렇게 하려면 모형 편집기의 오른쪽 상단 모서리에 있는 다운로드 버튼을 클릭합니다.

그런 다음 모형을 컴퓨터에 저장하고 원하는 대로 사용할 수 있습니다. 예를 들어, 웹사이트에서 사용하거나 투자자를 피칭할 때 프레젠테이션 자료에 포함할 수 있습니다.

더 나은 모형을 만들기 위한 팁 및 요령

기본 사항을 마스터하면 더 고급 기술을 실험할 수 있습니다. 이렇게 하면 목업을 한 단계 끌어올리고 더욱 사실적으로 만드는 데 도움이 됩니다.

시도할 고급 기술은 다음과 같습니다.

1. 자리 표시자 이미지를 사용합니다. 자리 표시자 이미지는 모형에 사용할 수 있는 임시 이미지입니다. 실제 이미지가 없거나 다른 옵션을 테스트하려는 경우 유용할 수 있습니다.

2. 애니메이션을 통합합니다. 애니메이션을 사용하면 모형을 보다 상호 작용하고 매력적으로 만들 수 있습니다. 이것은 웹 디자인에 특히 효과적이지만 다른 유형의 목업에도 사용할 수 있습니다.

3. 상호 작용을 추가합니다. 상호 작용은 사람들이 실제로 모형과 상호 작용할 수 있도록 하여 한 단계 더 나아갑니다. 예를 들어 버튼을 클릭하거나 양식을 작성할 수 있습니다.

4. 실제 데이터를 사용합니다. 실제 데이터에 액세스할 수 있는 경우 목업에서 사용할 수 있습니다. 이렇게 하면 디자인이 보다 정확하고 사실적으로 만들어집니다.

5. 여러 버전을 만듭니다. 모형의 여러 버전을 만드는 것이 종종 도움이 됩니다. 이를 통해 다양한 아이디어를 시도하고 가장 효과적인 것을 확인할 수 있습니다.

시도할 최고의 Placeit 목업 템플릿

다음은 다음 프로젝트를 위해 테스트할 몇 가지 모형 템플릿입니다.

1. 커피 컵이 있는 iPad 모형

이 모형은 스타일러스, 여러 장의 공책, 자, 연필, 접시 위의 커피 컵으로 둘러싸인 다채로운 테이블 위에 놓인 iPad를 특징으로 합니다. 이것은 새로운 앱, 웹사이트 또는 판매를 홍보하기 위한 훌륭한 선택입니다.

2. MacBook 목업을 가진 소년

또 다른 옵션은 이 모형으로, 화면이 보이도록 뷰어를 향하게 MacBook 노트북을 들고 있는 어린 소년을 특징으로 합니다. 우리는 이 모형이 새 웹사이트나 단기 판매를 홍보하는 데 사용되는 것을 쉽게 볼 수 있었습니다.

3. iPhone 모형을 들고 있는 여성

이 모형에서는 여성의 손에 들고 있는 iPhone에 화면 디자인을 추가할 수 있습니다. 그녀는 다른 손에 작은 컵을 들고 있고 배경에는 라벤더 피크닉 테이블에 있는 노트북이 보입니다.

4. 삼성 갤럭시 목업

Android 사용자에게 홍보하고 싶다면 이 Samsung Galaxy 모형이 좋은 선택입니다. 이 장치는 날카로운 기하학적 모양이 특징인 다채로운 배경에 설정되어 있습니다.

5. 스마트워치와 폰 목업

마지막으로 이 모형을 사용하여 스마트워치, iPhone 및 Android 운영 장치에서 모형 디자인을 선보일 수 있습니다.

지금 첫 번째 목업 만들기

목업은 모든 비즈니스 소유자, 웹 디자이너 또는 마케팅 담당자에게 유용할 수 있습니다. 시간과 돈을 투자하기 전에 프로젝트를 시각화할 수 있습니다. 그리고 그들은 심지어 판촉 자료에 사용될 수 있습니다.

이 게시물의 팁과 Placeit의 눈길을 사로잡는 템플릿을 사용하면 비즈니스 성공에 도움이 되는 아름다운 목업을 만들 수 있습니다. 그래서 당신은 무엇을 기다리고 있습니까? 오늘 시작하세요!

게시물이 마음에 들면 알려주세요.