당신에게 와서 웹사이트 디자인을 의뢰하는 클라이언트를 상상하거나 생각해 보십시오. 사용할 테마를 직접 디자인해야 하고, 그곳을 방문하는 수천 또는 수백만 명의 사람들에게 첫인상이 남게 될 것입니다. 그에게 그것을 어떻게 선물하시겠습니까? 디자인 작업을 한 웹사이트의 스크린샷을 찍어서 보여주시겠습니까? 웹 목업을 사용하는 것이 좋지 않을까요?
기다리는, 웹 목업도 있다는 사실, 알고 계셨나요? 글쎄,이 주제는 당신에게 관심이 있습니다. 그리고 많이. 프레젠테이션에 더 나은 존재감을 부여하고 웹사이트가 이미 운영 중인 것처럼 보이는 이미지를 본 후 고객이 훨씬 더 행복하게 떠날 수 있기 때문입니다. 그리고 진실은 그렇게 하는 데 많은 비용이 들지 않는다는 것입니다.
웹 사이트 목업이란 무엇입니까?
우선 무엇인지 간단히 설명하자면 웹 사이트 조롱. 아시다시피 모형은 실제로 작업의 최종 결과가 어떻게 보이는지 보여주는 "실제 이미지" 표현입니다.
웹사이트의 경우, 해당 웹 페이지의 결과 이미지가 됩니다.
이런 종류의 콜라주 그들은 작업에 더 많은 사실성을 부여하는 데 사용됩니다., 여러 번 제시할 때 비어 있거나 수행한 작업을 XNUMX% 나타내지 않을 수 있습니다. 또한 클라이언트는 아이디어를 얻을 수 있는 보다 시각적인 방법을 사용할 수 있습니다.
그리고 당신은 그에게 당신이 작업한 웹사이트를 보여주지 않겠습니까? 할 수는 있지만 작품 발표용이 아니라 클라이언트가 웹을 탐색하도록 해야 합니다. 그가 그녀를 철저하게 알기 위해 그리고 많은 시간에 그들은 그것을 할 시간이 없기 때문에 그가 모든 것을 보았는지 확인하지 마십시오.
반면에 웹 모형을 사용하면 해당 이미지에서 보고 싶은 모든 것을 강조 표시하기 때문에 이를 달성할 수 있습니다.
그들은 어떻게 만들어
이제 웹 모형을 만드는 방법은 무엇입니까? 생성하는 프로그램이 있나요? 인터넷에서 가져온 콜라주인가요?
실제로 몇 가지 무료 도구가 있습니다 그들이 당신에게 이것들을 만들 수 있는 기회를 줄 수 있고, 우리가 잠시 후에 당신에게 줄 예뿐만 아니라 당신에게 선택권을 줄 수 있다는 것을.
이를 통해 해당 클라이언트를 위한 컬렉션을 만들어 최종 결과를 훨씬 더 좋게 만드는 다양한 순서로 디자인을 배치할 수도 있습니다.
이러한 도구는 다음과 같습니다.
글 리피
이 도구는 온라인이며 무료입니다. 그것으로 웹 모형을 만들 수 있습니다. 많은 회로도가 있습니다 몇 분 만에 작업을 완료할 수 있는 API입니다.
사실, 그것은 가장 많이 사용되는 그것은 당신에게 많은 옵션을 제공합니다.
카쿠
이 경우 우리는 다음 사항에 중점을 둘 것이지만, 자유 부품도구 그것은 또한 지불 그것이 의미하는 바는 더 제한될 것입니다 당신이 할 수 있습니다.
아이디어를 얻으려면 다음으로만 내보낼 수 있습니다. PNG (따라서 다른 클라이언트와 함께 사용하려는 경우 사용자 정의할 수 없습니다.)
좋은 점은 팀과 함께 작업하면 동시에(즉, 실시간으로) 함께 작업할 수 있다는 것입니다.
배선하다
배선하다 도구 중 하나입니다 웹사이트를 와이어 프레임 그리고, 그것으로, 클라이언트와 함께 작업 당신의 취향에 웹을 보여줍니다. 그러나 물론 여기에서이 프로그램의 결과를 마운트하려면 컴퓨터, 태블릿 또는 모바일 사진을 선택해야합니다.
짐작하셨겠지만 모든 도구는 웹 디자인의 이미지를 제공하지만 실제로 실제 이미지로 조합해야 합니다. 이를 위해 컴퓨터, 모바일, 태블릿이 표시된 사진에 액세스하여 디자인을 맨 위에 삽입하고 두 가지를 통합하는(그리고 보기에 좋은) 사진을 얻어야 합니다.
이렇게 하려면 기성품 모형을 사용하거나 이미지 편집 프로그램으로 직접 만들 수 있습니다.
다운로드할 수 있는 웹 모형
너무 압도되어 작품을 발표하고 싶지 않다면 여기에 몇 가지를 남겨 둡니다. 예 웹 사이트 조롱 다운로드하여 사용할 수 있습니다. 시간을 절약할 수 있습니다.
현실적인 웹사이트 조롱
누구나 가질 수 있는 장면부터 시작합니다. 책상 위에는 컴퓨터 화면(아래에는 키보드와 마우스)이 있습니다. 백그라운드에서 책과 함께 책장. 그러나 이 책장은 흑백이며 책상(더 많은 책과 램프)의 장식 요소와 회색 톤의 벽입니다.
왜요? 모니터에 표시되는 페이지에 시선이 집중되도록 합니다. 귀하의 경우 페이지의 홈이 될 수 있습니다, 또는 클라이언트에게 보여주고 싶은 대표적인 부분.
당신은 그것을 다운로드 여기에.
간단한 웹사이트 목업
회색 배경(사용자 정의 가능)으로 웹 페이지를 삽입할 화면을 표시하지 않는 간단한 표현입니다.
화면을 보면 빛이 그 위에 떨어지는 것을 시뮬레이션 하기 때문에 밝은 부분과 어두운 부분이 있는 것이 눈에 띈다.
이것은 원하는 부분에 흥미로울 수 있습니다. 클라이언트는 그들에게만 관심을 기울입니다.
당신은 그것을 다운로드 여기에.
삼성 갤럭시 S5 목업
이것은 특히 Samsung Galaxy S5의 모형이지만 동일한 이미지에서 웹 디자인의 세 부분을 보여주어 클라이언트가 모바일에서 어떻게 보일지 감상할 수 있도록 하는 데 적합할 수 있습니다.
Google은 이제 기업에 다음보다 더 많은 권한을 부여합니다. 반응형 웹사이트를 사용하다, 즉, 컴퓨터를 사용하든 태블릿을 사용하든 모바일을 사용하든 잘 보입니다. 따라서 컴퓨터에서 잘 보이는 것만으로는 충분하지 않으며 다른 모든 플랫폼에서 확인해야 합니다.
다운로드 할 수 있습니다. 여기에.
태블릿 및 모바일용 목업
이 경우 태블릿에서는 웹을 100% 보여줄 수 없지만 모바일에서는 가능합니다. 그리고 이 두 장치에서 디자인을 보여주고 싶다면 클라이언트가 어떻게 보일지 알 수 있도록 할 수도 있습니다.
물론 태블릿에서는 가로 형식으로 표시됩니다. 동안 모바일 그것을 가질 것이다 수직선. 두 기기 모두에 맞게 디자인 변경 사항을 확인할 수 있는 방법입니다.
맞아요 여기에.
웹 목업의 몇 가지 예가 있습니까? 댓글에서 공유할 수 있습니다.