프롬프트 참고 사이트
Midlibrary
미드저니 스타일과 sref 코드를 분류한 라이브러리에서 같은 프롬프트가 스타일별로 어떻게 달라지는지 비교합니다.
- 이 사이트가 좋은 이유
- 같은 장면 문장을 유지한 채 스타일 변수만 바꿔 결과 차이를 비교할 수 있습니다.
- 가져올 기준
- 기본 문장을 고정하고 스타일 수정어나 SREF 코드 하나만 바꾸는 비교 기준으로 사용합니다.
- 확보 범위
- 공개 입문 가이드 확인 · 개별 이미지 재사용 제외
reference library
references
124개 자료
일치하는 자료가 없습니다. 더 짧은 단어로 검색해 주세요.
디자인 사례 보기
Inspiration
59이미지·무드보드
사진 톤, 색, 공간감과 그래픽 분위기를 찾습니다.
-
Pinterest
이미지, 사진 톤, 색감과 공간 분위기를 넓게 탐색합니다.
새 탭에서 열기
-
Cosmos
이미지를 탐색하고 취향별 컬렉션과 무드보드를 만듭니다.
새 탭에서 열기
-
Savee
이미지 피드에서 취향 자료를 저장하고 컬렉션으로 정리합니다.
새 탭에서 열기
-
Are.na
이미지, 글과 링크를 채널로 묶어 리서치 흐름을 만듭니다.
새 탭에서 열기
-
Same Energy
이미지 한 장에서 비슷한 분위기의 이미지를 더 찾습니다.
새 탭에서 열기
-
Designspiration
그래픽, 타이포그래피와 컬러 중심의 자료를 탐색합니다.
새 탭에서 열기
-
Layers
디자이너가 공개한 작업과 포트폴리오를 탐색합니다.
새 탭에서 열기
-
Soot Spiral
나선형 이미지 피드에서 연관된 시각 자료를 연속해서 발견합니다.
새 탭에서 열기
-
Copy Lab
스톡홀름 AI 스튜디오의 패션 캠페인과 AI 매거진 작업을 사례 단위로 봅니다.
새 탭에서 열기
-
Str4ngeThing
르네상스 양식과 스트리트웨어를 섞은 세계관을 유지하는 AI 패션 아티스트의 인스타그램 계정입니다.
새 탭에서 열기
-
Maison Meta
AI로 제작한 패션·뷰티 캠페인 프로젝트를 연도별 아카이브로 봅니다.
새 탭에서 열기
-
Models.com
패션 화보를 포토그래퍼, 스타일리스트, 헤어, 메이크업 크레딧과 함께 봅니다.
새 탭에서 열기
-
Recent
브랜딩, 편집, 제품과 타이포그래피 작업을 분야별 이미지 피드에서 살펴봅니다.
새 탭에서 열기
-
Freesources
디자인, 타이포그래피, 사진과 색 등 분야별 참고 사이트를 한 목록에서 찾습니다.
새 탭에서 열기
건축
형태, 재료, 빛, 동선과 공간을 사진과 영상으로 봅니다.
-
Divisare
건축 프로젝트를 재료와 유형별 사진 아카이브로 봅니다.
새 탭에서 열기
-
The Local Project
주거 건축을 빛, 재료와 가구까지 연결한 사진과 영상으로 봅니다.
새 탭에서 열기
-
Spirit of Space
사람의 움직임, 빛과 소리로 공간을 기록한 건축 영상을 봅니다.
새 탭에서 열기
-
Never Too Small
소형 주거의 평면, 수납, 동선과 가변 가구를 영상으로 살펴봅니다.
새 탭에서 열기
-
Openhouse Magazine
건축, 예술과 생활이 만나는 공간을 사진 에디토리얼로 봅니다.
새 탭에서 열기
-
IGNANT
건축을 사진, 예술과 문화의 시선으로 다룬 에디토리얼을 봅니다.
새 탭에서 열기
-
Afasia Archzine
유럽 현대건축의 사진, 도면과 모형을 프로젝트 단위로 봅니다.
새 탭에서 열기
-
Design Anthology
아시아·태평양의 주거, 호텔과 상업 공간을 지역 맥락과 함께 봅니다.
새 탭에서 열기
-
ArchDaily
세계 건축 프로젝트를 유형, 지역과 재료별로 찾아봅니다.
새 탭에서 열기
-
Dezeen
건축, 인테리어와 디자인의 최신 프로젝트와 이슈를 살펴봅니다.
새 탭에서 열기
-
Hassan Ragab
건축 매스에 재료 실험을 섞는 AI 건축 작업을 올리는 인스타그램 계정입니다.
새 탭에서 열기
-
Studio Tim Fu
자하 하디드 아키텍츠 출신 건축가가 AI로 진행한 건축 프로젝트를 봅니다.
새 탭에서 열기
-
Parametric Architecture AI Pages
AI 건축·디자인 이미지를 올리는 인스타그램 계정 10곳을 소개하는 기사입니다.
새 탭에서 열기
브랜드·그래픽
브랜드 아이덴티티, 편집 디자인과 리브랜딩 사례를 봅니다.
-
Pentagram
브랜드 아이덴티티, 패키지와 공간 프로젝트를 사례 단위로 봅니다.
새 탭에서 열기
-
Behance
브랜드, 캠페인과 패키지의 제작 맥락과 결과를 함께 봅니다.
새 탭에서 열기
-
SearchSystem
그래픽과 편집 디자인 프로젝트를 아카이브 형태로 봅니다.
새 탭에서 열기
-
Rebrand Gallery
브랜드가 바뀌기 전과 바뀐 뒤의 시각 체계를 비교합니다.
새 탭에서 열기
-
Eiga Chirashi
1970년대 이전부터 최근까지 일본 영화 전단을 연도별로 찾아 글자와 화면 구성을 살펴봅니다.
새 탭에서 열기
-
Typographic Posters
타이포그래피 중심 포스터를 디자이너와 나라별로 찾아봅니다.
새 탭에서 열기
웹사이트·랜딩
웹사이트 구조, 첫 화면과 섹션 구성을 살펴봅니다.
-
Godly
모션과 첫 화면 연출이 강한 웹사이트를 살펴봅니다.
새 탭에서 열기
-
SaaS Landing Page
SaaS 랜딩 페이지를 첫 화면, 가격, 후기와 기능 섹션별로 찾아봅니다.
새 탭에서 열기
-
Dark Design
다크 테마 웹사이트를 분야와 화면 구성별로 살펴봅니다.
새 탭에서 열기
-
Siteinspire
산업과 스타일 필터로 웹사이트 사례를 찾습니다.
새 탭에서 열기
-
Landbook
랜딩, 이커머스와 포트폴리오를 화면과 섹션 단위로 봅니다.
새 탭에서 열기
-
Lapa Ninja
랜딩 페이지의 전체 구조와 섹션 배치를 찾아봅니다.
새 탭에서 열기
-
Awwwards
실험적인 웹의 시각 톤, 모션과 첫 화면 연출을 봅니다.
새 탭에서 열기
-
Curated Design
분야별로 선별된 웹사이트를 한곳에서 찾아봅니다.
새 탭에서 열기
-
Supahero
웹사이트의 첫 화면과 히어로 영역만 모아서 봅니다.
새 탭에서 열기
-
SaaSpo
SaaS 웹사이트와 랜딩 페이지의 구성 사례를 봅니다.
새 탭에서 열기
-
Minimal Gallery
선별된 미니멀 웹사이트, 템플릿과 도구를 봅니다.
새 탭에서 열기
-
MNMM
미니멀한 웹사이트를 디렉터리 형태로 탐색합니다.
새 탭에서 열기
-
Seesaw
움직임과 실험적 연출이 있는 웹사이트를 탐색합니다.
새 탭에서 열기
-
ilovecreatives Internet Gems
선별한 웹사이트를 이커머스, 포트폴리오, 사진과 문화 분야별로 살펴봅니다.
새 탭에서 열기
앱·제품 UI
실제 제품 화면, 사용자 흐름과 인터페이스 세부 장치를 봅니다.
-
Mobbin
실제 모바일·웹 제품의 화면, UI 요소와 사용자 흐름을 찾습니다. MCP로 연결해 화면을 검색하는 방법은 studio.soluta 학습 카드 "Mobbin MCP로 실제 화면 리서치하기"에서 다룹니다.
새 탭에서 열기
-
NameThatUI
이름을 모르는 UI 요소의 정식 명칭과 기본 동작을 확인합니다.
새 탭에서 열기
-
Page Flows
온보딩, 결제와 예약처럼 목표를 완료하는 흐름을 봅니다.
새 탭에서 열기
-
SaaSUI
대시보드, 설정과 온보딩 같은 SaaS 제품 화면을 찾습니다.
새 탭에서 열기
-
SaaSFrame
SaaS의 랜딩, 제품 화면과 이메일 흐름을 함께 봅니다.
새 탭에서 열기
-
Design Spells
제품 화면에서 발견한 인터페이스 세부 장치를 하나씩 살펴봅니다.
새 탭에서 열기
모션·로딩
전환, 마이크로 인터랙션과 로딩 화면의 움직임을 봅니다.
게임·영화 UI
게임 화면과 영화 속 가상 인터페이스를 요소별로 봅니다.
일치하는 자료가 없습니다. 더 짧은 단어로 검색해 주세요.
컴포넌트·폰트 찾기
Resources
48디자인 시스템
색, 글자, 컴포넌트 규칙을 문서 형태로 확인합니다.
-
getdesign.md
유명 서비스의 디자인 기준을 DESIGN.md 파일로 살펴봅니다.
새 탭에서 열기
-
awesome-design-md
GitHub에서 브랜드별 DESIGN.md 파일을 직접 비교합니다.
새 탭에서 열기
-
DesignMD.co
브랜드별 색, 글자와 컴포넌트 패턴을 문서로 확인합니다.
새 탭에서 열기
-
designmd.ai
태그로 DESIGN.md 사례를 찾고 필요한 파일을 받습니다.
새 탭에서 열기
-
designkit.sh
공개 저장소의 DESIGN.md 키트를 찾아 설치합니다.
새 탭에서 열기
-
Refero Styles
실제 제품 화면에서 색, 글자, 간격과 컴포넌트 규칙을 확인합니다.
새 탭에서 열기
웹 컴포넌트
React 컴포넌트, 모션 효과와 구현 예시를 찾습니다.
-
shadcn/ui
접근 가능한 UI 컴포넌트 코드를 프로젝트에 가져와 수정합니다.
새 탭에서 열기
-
21st.dev
React 컴포넌트, 화면 템플릿과 테마를 찾아 사용합니다.
새 탭에서 열기
-
React Bits
React용 애니메이션 UI 컴포넌트와 효과를 찾습니다.
새 탭에서 열기
-
Kokonut UI
카드, 버튼과 AI 채팅 화면을 포함한 shadcn 기반 React 컴포넌트를 찾습니다.
새 탭에서 열기
-
Bklit UI
차트와 데이터 시각화 컴포넌트를 화면에서 조정하고 구현 코드를 확인합니다.
새 탭에서 열기
-
SmoothUI
React로 만든 입력창, 카드와 마이크로 인터랙션 컴포넌트 예시를 찾습니다.
새 탭에서 열기
-
Unlumen UI
React와 Tailwind로 만든 애니메이션 UI 컴포넌트와 구현 예시를 찾습니다.
새 탭에서 열기
-
Fancy Components
React로 만든 마이크로 인터랙션과 애니메이션 컴포넌트를 사용합니다.
새 탭에서 열기
-
Motion Primitives
React 인터페이스에 적용할 애니메이션 구성요소를 찾습니다.
새 탭에서 열기
-
Component Gallery
실제 디자인 시스템의 컴포넌트 명칭, 동작과 구현 예시를 비교합니다.
새 탭에서 열기
-
NumberFlow
값이 바뀔 때 숫자가 부드럽게 전환되는 React 컴포넌트를 사용합니다.
새 탭에서 열기
-
Cursify
React와 Framer Motion으로 만든 커서 효과를 찾아봅니다.
새 탭에서 열기
-
Framer University Resources
Framer용 컴포넌트, 애니메이션과 템플릿을 찾아봅니다.
새 탭에서 열기
폰트
무료 폰트와 실제 프로젝트의 글꼴 사용 사례를 찾습니다.
일러스트
인물, 생활 장면, 제품 화면과 편집물에 쓸 일러스트 자료를 찾습니다.
-
Enpitsu Sozai
연필로 그린 듯한 인물, 사물과 자연 일러스트를 주제별로 찾습니다.
새 탭에서 열기
-
Nawmin Illustration
농촌 생활, 식재료, 자연과 생물을 그린 일러스트를 찾습니다.
새 탭에서 열기
-
Open Peeps
표정, 머리, 옷과 자세를 조합해 손그림 인물 장면을 만듭니다.
새 탭에서 열기
-
Loose Drawing
느슨한 선으로 그린 인물, 생활과 업무 장면의 일러스트를 찾습니다.
새 탭에서 열기
-
Open Doodles
낙서처럼 그린 인물 장면을 색상별 이미지와 애니메이션으로 찾습니다.
새 탭에서 열기
-
Oishiso
음식, 재료와 조리 장면을 그린 일러스트를 종류별로 찾습니다.
새 탭에서 열기
-
VectorShelf
부드러운 곡선과 따뜻한 색감의 인물·생활 일러스트를 찾습니다.
새 탭에서 열기
-
unDraw
대표 색을 바꾸고 제품 화면과 콘텐츠에 쓸 SVG·PNG 일러스트를 내려받습니다.
새 탭에서 열기
-
Storyset
색, 배경과 레이어를 조정하고 정지·애니메이션 일러스트를 내려받습니다.
새 탭에서 열기
-
DrawKit
2D·3D 일러스트, 아이콘과 애니메이션을 주제별 묶음으로 찾습니다.
새 탭에서 열기
-
Blush
작가별 일러스트의 인물, 사물과 배경을 조합해 장면을 만듭니다.
새 탭에서 열기
-
ManyPixels
다섯 가지 그림체와 주제 필터로 무료 SVG·PNG 일러스트를 찾습니다.
새 탭에서 열기
AI·웹 기초
AI가 답을 만드는 방법과 웹 화면·데이터의 기초를 영상으로 배웁니다.
프롬프트 참고 사이트
프롬프트를 만드는 기준과 공개 범위를 사이트별로 확인합니다.
-
-
프롬프트 참고 사이트
House of Essenzi Editorial Prompt Library
에디토리얼 사진의 의도를 피사체, 의상·재질, 빛, 카메라, 색, 분위기와 구도의 순서로 정리한 가이드입니다.
- 이 사이트가 좋은 이유
- 에디토리얼 화보의 의도와 촬영 조건을 일곱 항목으로 나눠 확인할 수 있습니다.
- 가져올 기준
- 피사체, 의상·재질, 빛, 카메라, 색, 분위기와 구도를 아카이브 분류 기준으로 사용합니다.
- 확보 범위
- 공개 가이드 전체 확인
-
프롬프트 참고 사이트
Promptuary
이미지와 프롬프트를 모델, 촬영 방식, 장면의 세 블록으로 나눠 비교하고 재사용합니다.
- 이 사이트가 좋은 이유
- 대상, 촬영 방식, 장면을 분리해 어떤 조건을 유지하고 바꿀지 비교하기 좋습니다.
- 가져올 기준
- MODEL, STYLE, SCENE 세 구획을 프롬프트 레시피의 구조를 비교하는 데 사용합니다.
- 확보 범위
- 공개 첫 화면 확인 · 전체 레시피는 계정 필요
-
프롬프트 참고 사이트
Artificial Lexicon Photography Guide
카메라 형식, 렌즈, 필름, 촬영 각도와 노출 용어가 이미지에 미치는 관계를 예시로 확인합니다.
- 이 사이트가 좋은 이유
- 카메라, 렌즈, 필름, 노출과 촬영 각도가 만드는 차이를 용어별로 확인할 수 있습니다.
- 가져올 기준
- 촬영 조건을 변수별로 기록하고 한 번에 하나씩 비교하는 기준으로 사용합니다.
- 확보 범위
- 공개 가이드 전체 확인
-
프롬프트 참고 사이트
Ideogram Prompting Guide
피사체, 행동, 배경, 모양, 색, 재질과 빛을 눈에 보이는 말로 구성하는 공식 프롬프트 안내입니다.
- 이 사이트가 좋은 이유
- 피사체와 장면의 관계를 자연어로 구성하는 순서를 공식 문서에서 확인할 수 있습니다.
- 가져올 기준
- 이미지 요약, 피사체, 행동, 배경, 빛과 구도를 입력 항목으로 사용합니다.
- 확보 범위
- 공식 공개 문서 전체 확인
-
프롬프트 참고 사이트
The Fabricant Prompt Guide
패션 화보 프롬프트를 주제, 의상, 환경, 조명, 카메라 등 7개 요소로 나눠 쓰는 방법을 예시와 함께 설명합니다.
- 이 사이트가 좋은 이유
- 패션 화보의 미감, 스타일링과 촬영 조건을 일곱 요소로 나눠 확인할 수 있습니다.
- 가져올 기준
- 미감, 피사체, 의상, 환경, 빛, 카메라와 색보정을 분류 기준으로 사용합니다.
- 확보 범위
- 공개 가이드 전체 확인
관련 자료
웹 디자인 프롬프트
웹사이트의 시각 방향과 섹션 구성을 설명하는 프롬프트를 찾습니다.
모션 코드
스크롤, 전환과 타임라인 애니메이션을 구현할 라이브러리와 예시를 찾습니다.
일치하는 자료가 없습니다. 더 짧은 단어로 검색해 주세요.
디자인 제작 도구
Tools
17생성 그래픽·셰이더
노드와 코드로 실시간 그래픽, 셰이더와 웹 효과를 만듭니다.
-
Shadertoy
커뮤니티 셰이더를 브라우저에서 실행하고 코드를 살펴봅니다.
새 탭에서 열기
-
Space Type Generator
글자, 움직임과 공간 배치를 조정해 실험적인 타이포그래피 화면을 만듭니다.
새 탭에서 열기
-
ARTKIT
이미지에 하프톤, ASCII 문자와 디더링 효과를 적용해 그래픽으로 변환합니다.
새 탭에서 열기
-
ShaderGradient
3D 그라디언트를 조정하고 웹 프로젝트에 사용할 코드와 설정을 만듭니다.
새 탭에서 열기
-
Tooooools
이미지에 디더링, 하프톤, 노이즈와 색상 효과를 적용하고 결과를 내려받습니다.
새 탭에서 열기
-
Vanta.js
마우스와 화면 움직임에 반응하는 WebGL 배경 효과를 선택하고 색과 동작을 조정합니다.
새 탭에서 열기
-
Unicorn Studio
코드를 직접 작성하지 않고 웹 애니메이션과 효과를 만듭니다.
새 탭에서 열기
-
Cables
노드를 연결해 브라우저에서 실시간 생성 그래픽을 만듭니다.
새 탭에서 열기
-
NodeToy
노드로 셰이더 그래프를 만들고 Three.js 작업에 연결합니다.
새 탭에서 열기
-
Derivative
TouchDesigner로 실시간 비주얼, 설치와 인터랙티브 작업을 만듭니다.
새 탭에서 열기
-
Nodes
노드와 코드를 함께 사용해 컴퓨테이셔널 디자인을 만듭니다.
새 탭에서 열기
-
Bitspace
노드 편집기에서 비주얼 구성과 실시간 그래픽을 만듭니다.
새 탭에서 열기
화면·사이트·애니메이션
인터페이스, 웹사이트와 인터랙티브 애니메이션을 제작합니다.
일치하는 자료가 없습니다. 더 짧은 단어로 검색해 주세요.