'Web Inspiration Site' 카테고리의 글 목록 (3 Page)

subtlepatterns

백그라운드 이미지를 다운 받을 수 있는 사이트입니다. 여러가지 패턴과 배경 레퍼런스가 엄청 많은 사이트입니다. 꾸준한 업데이트도 잘되는 사이트입니다. SITE

@webs

SITE/Background

heropatterns.com

SVG 패턴을 이용한 백그라운드 레퍼런스 사이트입니다. 다양한 패턴 모양을 쉽게 사용할 수 있는 유용한 사이트입니다. SITE

@webs

SITE/Background

drawkit.io

DrawKit은 웹 사이트, 앱 또는 프로젝트에서 사용할 수 있는 두 가지 스타일의 소스를 무료로 제공하고 있습니다. MIT 라이센스이기 때문에 다운 받아서 사용할 있습니ㅏㄷ.

@webs

Resources/Illustrations

undraw.co/illustrations

모든 소스가 오픈 소스이며 마음대로 쓸 수 있는 일러스트 파일입니다. SITE

@webs

Resources/Illustrations

avataaars.com

아바타 일러스트를 다운 받을 수 있는 사이트입니다. 여러가지 형태의 아바타를 쓰실 때 가볍게 쓸 수 있는 좋은 소스를 제공합니다. SITE

@webs

Resources/Illustrations

icons8.com

일러스트를 다운 받을 수 있는 사이트입니다. 프로젝트에 도움이 되는 키워드를 본 후 이미지를 보면 쓸 만한 것들이 많아 보입니다. 단 컨셉이 같을 경우 매우 유용하게 쓰일 듯 하네요~ SITE

@webs

Resources/Illustrations

sketchize.com

손으로 직접 그린 듯한 느낌의 스케치 작업 모바일 와이어프레임 틀입니다. 다운받고 바로 사용하시면 됩니다. SITE

@webs

SITE/Wireframes

sketchsheets.com

스케치를 위한 다양한 디바이스의 파일을 다운 받을 수 있는 유용한 사이트입니다. 여러가지 디바이스 종류별로 있어서 매우 유용하게 쓰이는 사이트이네요~ SITE

@webs

SITE/Wireframes

gridzzly.com

와이어프레임을 쉽게 그릴 수 있도록 여러가지 배경을 셋팅할 수 있는 사이트입니다. 이런거 필요했었는데~~~~~ 이런 사이트가 있군요 ㅋㅋㅋ 프린트해서 유용하게 사용하세요~ SITE

@webs

SITE/Wireframes

mockflow.com

MockFlow는 와이어 프레임, 사이트 맵, 스타일 가이드, 디자인 워크 플로우 등을 포함하는 디자인 팀을 위한 풀 스택 UX 솔루션입니다. 무료버전도 사용이 가능하면 프로토타입 만들기 적절한 프로그램 같습니다. SITE

@webs

SITE/Wireframes

whimsical.co/wireframes/

와이어프레임을 제작할 수 있는 프로그램입니다. 더 빠르고 깔끔하게 와이어프레임을 제작할 수 있습니다. SITE

@webs

SITE/Wireframes

www.invisionapp.com

디자인을 좀 더 쉽고 빠르게 만들 수 디자인 플랫폼입니다. 여러 유명 회사에서도 많이 사용하며, 디자인 워크플로우 작성시 많이 도움이 되는 툴입니다. 회원가입만 하면 무료로 사용할 수 있는 프로그램입니다. SITE

@webs

SITE/Prototype

justinmind.com

Justinmind를 사용하면 와이어 프레임과 프로토타입을 만들 수 있습니다. 프로토타입을 미리보고 테스트하고 모든 브라우저에서 또는 실제 장치에서 본 것처럼 설정할 수 있습니다. 코딩없이 실제 앱이나 웹 사이트처럼 구현 할 수 있으며 무료입니다. SITE

@webs

SITE/Prototype

framer.com

Framer를 사용하여 모바일 앱에서 웹 사이트에 이르기까지 모든 것을 제작할 수 있스니다.. 디지털 제품을 처음부터 끝까지 디자인 할 수 있는 도구입니다. Dropbox, Airbnb, Snap에서 이미 사용하고 있는 제품이며, 인지도가 높은 편입니다. 하지만 유료라는 단점이 있지만, 돈을 주고 사도 아깝지 않은 제품입니다. SITE

@webs

SITE/Prototype

origami.design

아이디어를 탐색, 반복 및 테스트하는 프로토타입 툴입니다. Facebook에서 디자이너가 만들고 사용하는 최신 인터페이스이며, 디자인을 하기위한 새로운 도구입니다. 더욱 중요한 것은 무료입니다. 프로그램을 다운 받아 설치하면 되고, 사용하는 방법도 정리가 잘 되어 있습니다. 애니메이션의 움직임과 테스트 장면을 더욱 더 디테일하게 테스트 할 수 있는 아주 좋은 툴이라고 생각합니다. SITE

@webs

SITE/Prototype

phase.com

웹 사이트와 앱을 디자인하고 프로토타입을 만들 수 있는 툴입니다. 아직은 완벽한 버전이 나오지 않았지만 사이트만 봐도 완성도가 높은 툴이라고 생각이 드네요 SITE

@webs

SITE/Prototype

uifaces.co

사람 이미지가 필요할 때 쓰는 사람 얼굴 사이트입니다. 나이, 성별, 지역별로 나누어서 검색하는 기능도 있네요~ SITE

@webs

SITE/Photo

photos.icons8.com

모델과 특정한 배경 등등 특정한 주제를 담은 사진 사이트입니다. 무료 버전도 제공하고 있는 목적성이 있는 사이트 스토리입니다. SITE

@webs

SITE/Photo

duotone.shapefactory.co

듀오톤 색상을 정하여 사진에 효과를 주는 사이트입니다. 사진의 소스는 unsplash를 통해 제공이 되며 듀오톤을 적용한 사진을 다운 받을 수 있는 사이트입니다. SITE

@webs

SITE/Photo

hihayk.com/#/wheel

휠 모양의 다양한 색상과 헥사 코드를 알아낼 수 있는 제너레이터입니다. 구체적인 색상이나 다양한 색을 표현하기 좋은 유용한 사이트입니다. SITE

@webs

SITE/Color

hihayk.com/#/scale

한가지 색에 대한 스케일을 표현해주는 제너레이터입니다. 어두운 색과 밝은 색을 다양하게 표현 할 수 있는 유용한 사이트이네요^^ SITE

@webs

SITE/Color

colinkeany.com/blend/

CSS 그라디언트를 설정하여 블렌드 효과를 만들 수 있는 툴입니다. 그라디언트의 각도와 linear, radial를 설정할 수 있습니다. CSS3 백그라운드 효과를 미리 확인하기 좋은 사이트같습니다. SITE

@webs

SITE/Color

cssgradient.io

CSS Gradient는 웹 사이트를 위한 그라데이션 배경을 만들 수있는 웹 사이트 도구입니다. css 그라디언트 생성뿐만 아니라 이 사이트는 인스타그램과 같은 실제 그라데이션 예제처럼 그라디언트에 대한 다채로운 콘텐츠로 제공합니다. SITE

@webs

SITE/Color

materialpalettes.com

이것은 머티리얼 디자인의 팔레트 생성기도구입니다. Material Design 표준을 기반으로 주어진 16 진수 색상에서 풀 컬러 팔레트를 만듭니다 기본 색상을 기반으로 보색 색상도 제공하며, 색 컨셉을 잡을 때 아주 유용하게 사용할 수 있는 사이트입니다. SITE

@webs

SITE/Color

colorleap.app

시대별로 유행했던 색을 추출하는 재미있는 사이트입니다. 시대별로 유명한 사진의 색을 추출해주고 소스를 카피할 수 있습니다. SITE

@webs

SITE/Color

uigradients.com

화살표를 누르면 다양한 UI 그라이언트를 선택할 수 있으며, 다양한 유형의 색을 선택할 수 있는 그라디언트 사이트입니다. 소스를 다운 받을 수 있으며, 공유도 가능하네요 SITE

@webs

SITE/Color

culrs.com

단색 색조만을 기반으로하는 색 구성표입니다. 기본 색상의 채도와 밝기를 변경하여 단일 색상을 사용합니다. 흑백의 색상은 항상 가장 밝고 선명하기 때문에 항상 추가됩니다. 가장 어두운 그늘. 그 결과 매우 부드럽고 우아하고 편안한 느낌을줍니다. 단 하나의 색조가 사용되었으므로 색상의 충돌이 전혀 없습니다. 그러나 액센트와 하이라이트를 찾는 것이 더 어려울 수 있습니다. SITE

@webs

SITE/Color