이매지네이션 라이브러리

KOR ENG

북마크

북마크

이매지네이션 라이브러리

write less, do more.

紹介
안녕하세요! 디자인과 방송스트리밍, 프로그래밍 분석·연구, 블로그 활동 등을 하고 있습니다. 현재는 해외이주를 위해 바쁜 시간을 보내고 있습니다.
経歴
2018.강남/서초부동산 사무실 중개 활동
2019.웹개발 및 웹디자인 프리랜서 활동
2020.영상편집 및 스트리밍활동(국내/일본)
教育
2020.3-6 영상편집 노하우 및 컨텐츠 개발교육(예정)
2020.6 오사카여행 및 한일문화교류 가이드
2021. 프리랜서로 인터넷광고업 시작하기(예정)
プロジェクト
현재 필요한 자격증을 취득하기 위해 공부를 하고 있습니다. 현재 추가로 기획된 프로젝트는 없습니다. 아래의 항목은 현재 진행중인 프로젝트입니다.

개발 및 디자인
① 웹디자인 외주작업실 크리에이티브 스튜디오 디자인
② 개별 유튜버 및 스트리머 영상편집 영상편집의뢰실

취미 및 문화
① 영화 및 애니메이션블로그 기고 시네마극장
② 애견블로그/유튜브 강아지와살래
③ 일본문화 및 일본어공부 생활공작소(生活工作所)

게임관련 유튜브/블로그
종합게임 스트리밍 : 마인크래프트/동물의숲(예정)/스타크래프트/공포게임/스팀게임/대작게임 등 유튜브·트위치·아프리카TV를 통해서 스트리밍하고 있습니다.

① 마비노기 너의 판타지라이프
② 프린세스 커넥트 리다이브 프리코네

생활정보
① 꾸미지 않은 생활용품 요약리뷰 모던라이프
② 맛집 및 기타정보 추억저장소



write less, do more.

PLEASE DO NOT HESITATE TO CONTACT
모든 프로젝트 저작물의 저작/소유권은 이매지네이션 라이브러리에게 있습니다.

UI/UX TOOL

 

 

  • Resource, UI 2개월 전

    inside-design

    인비전의 무료 UI 킷 다운로드 

  • Resource, UI 2개월 전

    freedesignresources

    무료 폰트, 목업, 아이콘, UI 킷, 템플릿 리소스 사이트

  • Resource, UI, 모바일, 스케치 앱 2개월 전

    designermill

    무료 폰트, PSD, 피그마, 일러스트, 스케치 리소스 제공

  • Resource, UI, 모바일, 스케치 앱 2개월 전

    freebiesbug

    무료 디자인 리소스 psd, icon, mockup, UI kit, 폰트, 스케치 등 다운로드

  • Html/CSS, Resource, UI 1년 전

    CSSFX

    CSS 버튼 효과, 애니메이션 미리보기 및 소스

  • Resource 1년 전

    Inter

    개인/상업 사용 무료 폰트 헤드 및 본문용으로 적합, Sans-serif

  • 컬러 1년 전

    Picular

    검색어를 입력하면 데이터 분석(구글링)을 통해 통해 어울리는 컬러를 캐치해서 알려줍니다.

  • 스케치 앱 1년 전

    Butter Sketch Plugin

    요소들의 행과 열을 쉽게 맞춰주는 플러그인

  • Html/CSS 1년 전

    Hero Patterns

    다양한 SVG 백그라운드 패턴을 사용할 수 있게 해주는 사이트

  • Html/CSS, Resource 2년 전

    animate.css

    css로 쉽게 애니메이션을 만들 수 있게 해주는 라이브러리

  • Resource 2년 전

    iconbros

    무료 아이콘이 제공됩니다.  각 아이콘마다 무료 라이센스 범위가 있으니 꼭 체크하세요.

  • Html/CSS, Resource 2년 전

    WickedCSS animations

    심플하고 가벼운 CSS 애니메이션 라이브러리입니다.

  • Resource, UI2년 전

    Grid System Library

    KK UI Store의 그리드 시스템 라이브러리 입니다. xd, 스케치, 포토샵, 일러 다 있어요~  

  • 스케치 앱2년 전

    Sketch Shortcuts

    스케치 단축키가 정리되어 있는 곳입니다.

  • 스케치 앱2년 전

    Content Generator for Sketch

    컨텐츠 생성 플러그인입니다.  내용 중에 더미 이미지들이나 이름, 컨텐츠, 이메일등 임시로 가상의 데이터들로 채워놓아줍니다.

  • 스케치 앱2년 전

    Map Generator

    지도를 쉽게 만들어주는 플러그인 입니다.

  • UI, 정보/교육2년 전

    xdguru

    어도비 XD 강좌, 튜토리얼 제공 해외 사이트

  • 컬러2년 전

    Brand Color

    1800개 이상의 브랜드 컬러를 모아서 보여주는 사이트! 검색을 통해 원하는 브랜드의 색상을 찾아볼 수도 있어요!

  • UI, 쇼케이스2년 전

    Mobbin

    앱 마다 각 페이지 스크린샷도 있고 특성한 기능별로 따로도 분류되어 있고 완전 필요했던 사이트!

  • 2년 전

    눈누

    한글 폰트 중 상업적 사용이 가능한 폰트를 확인할 수 있는 툴입니다. 사용하기 편하고 유용해요~

  • Html/CSS, 컬러2년 전

    SVG backgrounds

    원하는 스타일의 SVG 를 선택, 그리고 조절합니다. 색상도 크기도 조절 가능하고 css output 으로 바로 사용하실 수 있어요.

  • 컬러2년 전

    Pigment

    원하는 컬러도 선택하고, 결과 값도 클릭하면 또 서로 반전된 상태로 확인 할 수 있는 편한 웹툴입니다.

  • Resource2년 전

    instagram.css

    인스타그램에 쓰인 필터를 순수 CSS 만으로 효과를 줄 수 있게 css 파일을 제공합니다.

  • 쇼케이스2년 전

    Design inspiration

    디자인 영감을 얻을 만한 자료들이 모인 곳. 핀터레스트 같은 느낌입니다.

  • 컬러2년 전

    colors

    스페이스를 누를 때 마다 새로운 색 조합을 보여주기도 하고 스크롤을 내리면 무한스크롤로 컬러 조합을 보여줍니다.

  • Resource, 사진2년 전

    stockio

    개인/상업적으로 사용 가능한 사진/동영상/폰트/벡터/아이콘들을 제공합니다.

  • 2년 전

    XMind

    무료로 마인드맵을 제작할 수 있어요. 소프트웨어로 다운받을 수 있고, 클라우드로 웹이랑 동기화도 되고, 앱이랑도 연동도 됩니다. 유료 버전으로 여러가지 추가 기능을 제공하지만 무료 기능으로도 충분히 사용할만 합니다.

  • Resource2년 전

    feather icons

    심플한 리얼 무료(상업적 사용 가능) 아이콘 입니다.  다운로드를 받아서 SVG로 써도 되고, 코딩에 바로 쓸 수 있게도 제공됩니다.

  • 컬러2년 전

    Flat Colors

    플랫한 컬러에 대해 고민하고 있을 때 들러서 색에 대한 영감을 얻기 편해요. 팔레트 메뉴를 이용해서 매칭하여 사용한 케이스들도 활용해도 좋습니다.

  • 정보/교육, 툴2년 전

    realfavicongenerator

    파비콘이나 스마트폰에 바로가기 아이콘, 맥북이나 윈도우즈 OS의 아이콘등을 이미지 하나만 올리면 만들어 줍니다. 만약 웹으로 퍼블리싱할 경우 불러오는 코드, 설정하는 코드까지 자동 생성 됩니다.

  • 컬러2년 전

    materialui

    매테리얼 컬러 뽑기 아주 유용합니다. 플랫한 컬러 중 선택하면 톤 조절한 단계별 컬러 챠트를 제공합니다.

  • UI, 툴2년 전

    webflow

    웹으로 사용하는 프로토타입 툴입니다. 프로토타입으로 제작해서 퍼블리싱 버튼을 누르면 제공되는 도메인으로 목업된 웹사이트를 빌드해줍니다.

  • 정보/교육, 툴2년 전

    Send Firefox

    무료로 1기가까지 파일을 공유할 수 있는 1회용 공유 사이트 디자인 파일이나 관련 대용량 파일 공유할 때 유용합니다.

  • 쇼케이스3년 전

    UI Movement

    모션감 있는 UI들 모아놓은 곳

  • Html/CSS4년 전

    How to center in CSS

    중앙정렬 코딩을 대신 만들어주는 사이트

  • Resource4년 전

    Flexbox Grid

  • UI, 쇼케이스4년 전

    UI Interaction

  • Html/CSS4년 전

    ceaser

    css 이징값을 쉽게 만들어주는 사이트

  • 사진4년 전

    픽셀즈

    무료, 사용자들이 찍은 데이터들로 마음에 드는 사진의 작가에게 자유 기부 형식으로 운영

  • 사진4년 전

    디자이너스픽

    무료, 운영자가 직접 촬영한 사진

  • 사진4년 전

    언스플래쉬

    무료, 10일에 10장씩 업데이트, 검색기능 없어 불편, 이메일 구독으로 편리

  • 사진4년 전

    픽사베이

    무료, 사진 양 많음, 고퀄리티는 로그인, 일반 사이즈는 스팸방지 코드만 입력하면 다운로드

  • 4년 전

    폰트 베이스

    아직은 윈도우즈 OS 만 지원하지만 차츰 확장한다고 한다. 무료 다운로드이며 UI가 쉽고 사용성이 편리하다.

  • 쇼케이스5년 전

    siteinspire

    일반적인 사이트들도 간혹 있긴 하지만 대부분 작은 규모의 개성있는 사이트들이 많다.포트폴리오 사이트 혹은 프로모션 사이트를 밴치마킹 하기에 좋다.

  • 5년 전

    Oven

    온라인으로 N스크린 프로토타이핑이 가능한 국내 제작 툴

  • 쇼케이스5년 전

    incredibletypes

    출판, 패키지, 인쇄, 포스터등 많은 분야에 활용된 타이포그라피 모음 쇼케이스

  • 쇼케이스5년 전

    typographicposters

    타이포그라픽을 이용하여 포스터를 만든 쇼케이스 사이트메인에서 선택하여 상세 페이지로 이동하면 추가로 만들어진 디자인을 볼 수 있다.

  • 사진5년 전

    gratisography

    개인이 제공하는 무료 이미지 사이트이다.재가공 되어 제공되어지는 것도 있으며 디자인용으로 찍은 사진들도 다수 있다.

  • 사진5년 전

    픽점보

    원하는 포토에 마우스를 올리면 테스트 드라이브를 할 수 있으며 이를 통해 실제 다운받게 되면 볼 수 있는 뷰를 제공한다.

  • 사진5년 전

    splitshire

    대부분 무료 다운로드 및 사용할 수 있다.대신 다운 받은 이미지를 다른 곳에 올려놓고 팔거나 할 수 없다.좌측 상단의 메뉴를 클릭하면 카테고리들을 볼 수 있다.

  • 쇼케이스5년 전

    designspiration

    미술과 예술, 디자인등에 관한 컨텐츠를 통해 영감을 얻기 좋다.

  • Resource, UI5년 전

    flaticon

    플랫한 아이콘들을 SVG, PSD, EPS, PNG, 아이콘 폰트등으로 다운 받을 수 있음

  • Resource5년 전

    DinPattern

    패턴이 필요할 때 가서 다운받거나 영감을 얻기 좋은 해외 사이트

  • 컬러5년 전

    Flat ui colors

    플랫 디자인이 가미된 프로젝트를 한다면 플랫 ui 제작시 참고할 만한 색상 사이트.컬러를 클릭하면 다른 것을 이용할 필요없이 그냥 색상 코드가 복사된다. 바로 붙여넣기하면 된다.

  • 컬러5년 전

    colourlovers

    다른 디자이너들이 사용하는 색상 팔레트를 보면서 영감을 얻어보자

  • Html/CSS5년 전

    Codrops

    css를 이용한 튜토리얼을 볼 수 있다.영어라도 보면서 따라하면 어렵지 않으니 실습할 때 유용하다.

  • UI, 모바일, 쇼케이스6년 전

    Pttrns

    아이폰, 아이패드 어플들의 디자인을 참고할 수 있는 사이트이다.돋보기 기능을 활용해서 확대해 볼 수 있다.

  • 컬러6년 전

    Color Hexa

    색에 대해서 사전처럼 검색하여 정보를 얻을 수 있는 사이트이다.보색 정보, 유사색 등도 볼 수 있고 샘플로 배경이나 테두리 텍스트들을 볼 수 있다.

  • 쇼케이스6년 전

    one page love

    원페이지로 구축된 사이트들을 모아서 볼 수 있다.또한 제작에 관한 블로깅도 있어 참고할 것도 많다.

  • 정보/교육6년 전

    Design Modo

    해외 디자인 정보 블로그이다.역시 국내보다는 좀 더 디자인에 관련되서 정밀하게 글이 써있다.반응형웹이라 스마트폰으로 보는 것도 좋다.

  • 정보/교육6년 전

    Design Log

    마루님께서 운영하시는 블로그인데 상당히 규모가 크다.디자인에 인사이트도 있어 많은 정보들도 제공해준다.

  • Html/CSS6년 전

    HTML5 Open Reference

    Html5를 국문으로 공부하기엔 아주 적합한 사전같은 곳이다.내용들도 아주 깔끔하면서 읽기 편하게 잘 정리되어있다.

  • 6년 전

    Prepros App

    js나 css, scss, sass 코드등을 압축관리가 가능하다.이미지도 최적화 시켜주며 만들고 있는 페이지를 미리보기 할 수 있고 폴더 자체를 http로 구성해서 보여주기도 한다.

  • Resource6년 전

    design download

    오늘의 디자인 소스 다운로드! ui 디자인들이 신선하고 디테일해서 영감을 얻기에 좋다.

  • 쇼케이스6년 전

    media queries

    추천하는 사이트의 스마트폰 화면, 타블렛 화면, PC 화면을 동시 제공해서 반응형 또는 모바일 웹디자인 밴치마킹하기 좋다.

  • 쇼케이스6년 전

    cssmania

    사이트 밴치마킹할 때 유용하다.

  • 쇼케이스6년 전

    behance

    디자이너라면 누구나 아는 사이트이다.크리에이티브한 디자인을 분야별로 선택해서 볼 수도 있다.다른 분야의 크리에이티브는 어떤지도 본다.

  • 쇼케이스6년 전

    issuu

    잡지들을 볼 수 있는 사이트이긴 하지만 디자인할 때 컨텐츠를 디자인한다거나 텍스트와 이미지 배합을 어떻게 할 지 고민될 때 밴치마킹할 좋은 사이트

  • 쇼케이스6년 전

    creative ad awards

    광고에 대한 창의성을 시상하는 어워드인데 디자인할 때 아이디어와 합성과 관련된 영감을 얻을 때 유용하다.

  • 모바일, 쇼케이스6년 전

    Mobile Patterns

    달력을 만들 때, 리스트를 구성할 때, 지도를 이용할 때, 검색할 때등의 기능 정의에 맞게 카테고리로 잘 정리되어 있다.안드로이드 앱, 아이폰 앱으로 구분도 되어있다.

  • 모바일, 쇼케이스6년 전

    mycolorscreen

    안드로이드 계열 폰 테마를 공유하는 사이트이다. 하지만 모바일웹이나 앱디자인을 할 때 영감얻기 좋은 사이트.

  • Resource, UI6년 전

    hdicon

    가끔 소셜 사이트들이나 브랜드, 혹은 후원사 기업의 로고가 필요할 때가 많은 데 무료로 다운로드 받아 사용할 수 있어 유용하다.

  • 사진6년 전

    morgue file

    해외 이미지 다운로드, 회원가입 없이 이용이 다운로드가 가능하며 저작권이 없고 다운로드 비용도 없다.(다만 한글 지원이 안되므로 영어로 검색)

  • UI, 모바일6년 전

    Android Design

    안드로이드 어플을 디자인할 때 도움이 되는 사이트.템플릿으로 PSD도 다운받을 수 있고, 색상 코드, 폰트도 다운받을 수 있다.

  • 6년 전

    emmet cheat sheet

    서브라임 텍스트에 설치하는 플러그인 중에 emmet이라고 있는데 이 emmet 을 사용하는 방법을 설명한 치트키이다.

  • 6년 전

    Sublime Text 2

    플러그인들을 설치하고 기능들을 추가하면 멋진 코딩 툴이 된다.작업이 수월해지고 관리가 편해지는 아주 유용한 툴이며 무료이다.

  • 컬러, 툴6년 전

    adobe color wheel

    프로그램 다운로드 없이 웹사이트에서 직접 이용할 수 있다.직접 만들 수도 있고, 가장 많이 공유되어진 또는 좋아하는 색상 조합을 다운로드 및 공유할 수 있다.

  • Resource6년 전

    my site my way – patterns

    포토샵의 .pat 파일을 무료로 다운받을 수 있는 사이트. 배경을 꾸미게 될 때 종종 사용한다.