웹 디자이너를 위한 10가지 데모 콘텐츠 생성기
게시 됨: 2022-05-12데모 콘텐츠는 아마도 디자이너의 도구 상자에서 가장 적게 언급되는 항목 중 하나일 것입니다. 그러나 그것은 또한 매우 유용합니다. 우리는 종종 목업을 채우거나 CMS 테마가 무엇을 할 수 있는지 보여주기 위한 수단으로 생각하지만 다른 좋은 용도도 있습니다.
예를 들어, 사이트 개발 중 자리 표시자 역할을 할 수 있습니다. "실제" 항목이 도착하기를 기다리는 동안입니다. 이렇게 하면 지연될 수 있는 프로젝트를 계속 진행하는 데 도움이 됩니다.
마찬가지로 데모 콘텐츠는 다양한 프로세스를 시연할 수 있도록 지원하여 이름에 걸맞게 만들 수 있습니다. 교육 비디오 또는 문서와 같은 것은 일부를 사용하여 특정 기능이 작동하는 방식을 사용자에게 보여줄 수 있습니다.
전반적으로 주변에 있으면 매우 편리할 수 있습니다. 그리고 귀하의 특정 요구 사항을 충족할 수 있는 몇 가지 리소스가 있습니다. 다음은 웹에서 가장 멋진 데모 콘텐츠 생성기 중 일부입니다. 즐기다!
웹 기반 텍스트 생성기
생성된 텍스트를 사용하면 디자인 작업의 적합성과 마무리를 테스트할 수 있습니다. 예를 들어 템플릿이 예외적으로 긴 구절을 처리하는 방법을 확인하거나 타이포그래피가 얼마나 읽기 쉬운지 분석할 수도 있습니다. 이것은 현명한 디자인 결정을 내리는 데 필요한 정보를 제공합니다.
타이포그래퍼를 위한 전문 Lorem Ipsum 생성기
수많은 lorem ipsum 생성기가 있습니다. 그러나 이것을 눈에 띄게 만드는 것은 그것이 제공하는 정말 유용한 옵션의 수입니다. 물론 필요한 단어나 단락의 수를 구성할 수 있습니다. 이는 상당히 표준적인 것입니다. 그러나 이 "Professional" 도구를 사용하면 선택할 수 있는 여러 언어와 함께 HTML과 일반 텍스트(복사하거나 다운로드할 수 있음) 중에서 선택할 수도 있습니다.
블라인드 텍스트 생성기
Blind Text Generator의 독특한 판매 포인트는 웹 디자이너의 요구 사항에 실제로 초점을 맞추고 있다는 것입니다. 예를 들어, 단어 또는 단락의 사용자 정의 수를 설정하는 것 외에도 특정 수의 문자를 생성할 수도 있습니다. 이것은 양식 입력을 테스트할 때 유용합니다. 또한 미리 채워진 HTML 태그를 선택하여 복사하여 디자인에 붙여넣을 수 있습니다. 표준 lorem ipsum이 마음에 들지 않습니까? 다양한 유형의 텍스트와 언어 중에서 선택합니다.
기업로렘
CorporateLorem은 순수한 임의성을 수용하지만 라틴어가 아닌 영어 단어도 제공하므로 일부 사용자에게는 플러스입니다. 그리고 사용하기가 더 쉬울 수 없습니다. 브라우저에서 새로 고침 버튼을 누르면(또는 사이트의 오른쪽 상단에 제공된 버튼) 새로운 필러 기사가 표시됩니다. 유명한 영화 인용구를 사용하는 것을 선호하는 경우 해당 도구도 있습니다.
이미지 자리 표시자
레이아웃을 만들 때 자리 표시자를 사용하면 특정 선택을 하는 번거로움 없이 이미지를 배치할 위치를 파악할 수 있습니다. 이것은 클라이언트에게 당신의 아이디어를 보여줄 수 있는 보다 편견 없는 방법을 제공하는 동시에 그들이 그 공간에서 어떤 종류의 이미지를 사용하고 싶은지 상상하도록 격려합니다.
더 나은 자리 표시자
군더더기 없는 임시 이미지를 찾고 있다면 Better Placeholder가 적합합니다. 원하는 이미지 크기를 입력하고 미리보기를 업데이트하면 베어본 이미지가 생성됩니다. 기본적으로 치수는 이미지에 표시되므로 나중에 교체할 때 크기 조정을 쉽게 상기할 수 있습니다. 그러나 해당 텍스트와 색 구성표 및 파일 형식을 사용자 지정할 수도 있습니다.
그라데이션 조이
자리 표시자가 색상을 추가할 수 없다고 누가 말합니까? Gradient Joy는 다양한 색 구성표를 사용하는 그라디언트 이미지 라이브러리를 제공합니다. 여기의 모든 것은 원격으로 호스팅되며 사이트 내의 외부 URL에 대한 링크를 추가해야 합니다. URL 구조를 사용하면 크기 요구 사항에 쉽게 맞게 이미지 크기를 조정할 수도 있습니다. 또한 사용 가능한 JSON API는 프로세스를 추가로 자동화할 수 있습니다.
조 슈모
Joe Schmoe는 개발자가 프로젝트에 재미있고 삽화가 포함된 아바타 자리 표시자를 추가하기 위해 사용할 수 있는 API입니다. 대부분의 발전기와 달리 이것은 실제로 생산 현장에서 사용하도록 제안됩니다. 예를 들어 API를 사용하여 멤버십 기반 사이트의 신규 사용자에게 일관된 임시 아바타를 할당할 수 있습니다. 선택할 수 있는 아바타가 여러 개 있으며 무작위로 또는 이름으로 호출할 수 있습니다.
애드온 및 플러그인
바쁠 때 매초가 중요합니다. 바로 아래의 추가 기능과 플러그인을 사용하여 즐겨 사용하는 편집기 또는 CMS 내에서 직접 콘텐츠를 생성하여 소중한 시간을 절약할 수 있습니다.
개미
Emmet은 Sublime Text, Dreamweaver, Notepad++ 등 많은 인기 있는 텍스트 편집기에서 작동하는 플러그인입니다. 또한 lorem ipsum 텍스트를 매우 쉽게 생성하는 기능을 포함하여 워크플로를 개선하기 위해 여러 가지 작업을 수행합니다.
페이커프레스
자신만의 WordPress 테마를 구축하는 경우 다양한 콘텐츠로 완벽하게 보이도록 하고 싶을 것입니다. FakerPress를 사용하면 테스트 사이트에 추가할 콘텐츠 유형을 선택할 수 있습니다. 게시물, 이미지(추천 이미지 포함), 사용자 프로필, 메타데이터 등에 대한 임의의 HTML을 생성할 수 있습니다. 완료되면 플러그인이 생성된 콘텐츠도 삭제합니다.
모든 입숨
나만의 맞춤 필러 텍스트를 생성하는 것이 멋지지 않습니까? 모든 Lipsum은 이를 가능하게 하는 힘을 제공하는 WordPress 플러그인입니다. 플러그인을 활성화하면 설정 패널을 통해 사용자 정의 단어를 추가할 수 있습니다. 콘텐츠는 HTML, JSON 또는 일반 텍스트로 반환될 수 있습니다. 명령줄 사용자는 WP-CLI와도 호환된다는 사실에 기뻐할 것입니다.
립섬 생성기
Lipsum Generator Chrome 확장 프로그램 덕분에 클릭 한 번으로 간단하게 임의의 텍스트를 생성할 수 있습니다. 설정에는 맞춤 수의 단락, 문장 또는 단어 중에서 선택하는 기능이 포함됩니다. 생성된 텍스트가 자동으로 클립보드에 복사되도록 설정할 수도 있습니다.
내 세대에 대해 이야기하기
위의 도구는 다양한 틈새 시장과 잠재적 사용 사례를 다룹니다. 즐겨 사용하는 도구, 웹 브라우저 또는 API 내에서 콘텐츠를 생성하려는 경우 최소한의 노력으로 그렇게 할 수 있습니다.
그러나 데모 콘텐츠 생성기에 전념하는 전체 하위 문화가 있는 것으로 보입니다. 여기에 모두 나열할 수는 없지만 선별된 방대한 도구 목록을 제공하는 Github 리포지토리인 Awesome Ipsum을 확인하는 것이 좋습니다. 진지한 것이든 유머가 있는 것이든 선택할 수 있는 흥미로운 옵션이 많이 있습니다.