libon.kr

장애 유형별 심볼 12개 세트

hooney — Mon, 23 May 2011 06:09:17 +0000

장애 유형에 따른 심볼 세트입니다. 접근성 관련 프로젝트에 유용하게 사용할 수 있습니다.

해당 자료가 흑/백 2종류의 색상으로 제공되긴하지만, TIF 비트맵 파일이기에 재가공이 쉽지 않지 않습니다. 또한, 일부 심볼의 경우 영문으로만 만들어져 아쉬움이 남습니다.

출처 사이트에서 저작권 정보를 찾진 못했으나, 접근성을 알리는 목적으로 널리 이용해주길 바란다는 문구가 있기에, 부담없이 이용할 수 있을 듯 싶습니다.

YUI CSS Grids Builder

tiniwz — Fri, 22 Apr 2011 15:34:14 +0000

미국 야후에서 제공하는 div 레이아웃 맹들어주는 빌더입니다.

참고로 css를 직접 짜주는게 아니라 제공하는 css파일(reset-fonts-grids.css)을 적용한 상태에서 div만 짜주는기라서 올려져있는 스타일시트 url로 적용하던가 직접 받아서 적용하던가 해야합니다.

Show code 눌러서 복사해서 쓰면 됩니다.

Ultimate CSS Gradient Generator

tiniwz — Fri, 15 Apr 2011 07:30:48 +0000

css 그라디언트 색상 뽑아줍니다.

크로스브라우징지원, ie 경우 필터에 의존하기 때문에 제한되는 부분 있음.

Seven Icon pack: 475개의 무료 아이콘 패키지, PNG, SVG

hooney — Fri, 01 Apr 2011 02:23:48 +0000

475개의 아이콘 패키지를 PNG, SVG 파일로 제공하는 Seven Icon pack입니다. 100×100, 48×48, 32×32 별로 다양한 크기의 PNG 파일과 벡터 형식의 SVG 파일이 포함되어 다양한 프로젝트에 사용할 수 있습니다.

모든 아이콘 세트는 위 주황색 버튼으로 다운로드할 수 있으며, 개별 아이콘 세트는 아래 목록에서 다운받을 수 있습니다.

로얄티 프리 아이콘으로, 어떤 용도로든 자유롭게 사용할 수 있습니다.

이메일용 템플릿 세트, HTML

hooney — Thu, 31 Mar 2011 06:02:53 +0000

MailChimp에서 제공하는 HTML로 작성된 이메일용 템플릿 세트입니다. 1~3단 레이아웃에, 모바일용까지 포함하여 35개의 템플릿 HTML 파일을 제공합니다. 레이아웃용 템플릿에 간단한 원하는 컨텐츠를 붙여넣어서 멋진 이메일을 보낼 수 있습니다.

일부 이메일 리더기가 외부 CSS나 임베드 CSS를 지원하지 않는데, MailChimp의 CSS 인라이너 툴(The Automatic CSS Inliner Tool)를 이용하면, 어떤 이메일 리더기에서도 확인할 수 있습니다.

아크릴 느낌의 포토샵용 브러쉬 100개 세트

hooney — Thu, 31 Mar 2011 04:10:32 +0000

QBrushes에서 제공하는 아크릴 느낌의 Adobe 포토샵(Photoshop)용 브러쉬 100개 세트입니다. QBrushes는 포토샵용 고품질의 브러쉬를 전문으로 공유하는 사이트로써, 대부분 로얄티 프리 또는 CC 라이센스에 따라 무료로 이용할 수 있습니다.

이 브러쉬 세트는 CC BY-BC-SA 라이센스(한글, 영어)에 의해서 저작자표시, 비영리, 동일조건변경허락의 조건에 따라 이용할 수 있습니다.

고해상도 회반죽&콘크리트 텍스쳐 패키지

hooney — Thu, 31 Mar 2011 03:49:45 +0000

spyrestudios에서 제공하는 텍스쳐 패키지로써, 최대 5400px의 고해상도 이미지로 구성되어 웹이나 프린트용 디자인에 모두 사용할 수 있습니다. old, rough, smooth, tiled 폴더에 총 30개의 jpg 이미지로 구성되어 있으며, 압축 파일 크기는 212mb입니다.

Yahoo! Design Stencil Kit

hooney — Wed, 30 Mar 2011 06:42:56 +0000

야후 개발자 네트워크에서 제공하는 Yahoo! Design Stencil Kit입니다. Stencil이 틀판이나 형판을 의미하는 것처럼, UI 요소를 조각조각 잘라내서 각각의 파일로 제공하므로, UI 프로토타입이나 와이어프레임을 제작할 때 하나씩 가져다가 사용하기 편리합니다.

OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), Adobe Photoshop (PNG) 등 다양한 툴에서 사용할 수 있도록 다양한 파일을 제공하고 있으며, 각각의 파일은 아래 링크에서 다운받으실 수 있습니다. (모든 파일을 다운받으시려면, 위에 주황색 다운로드 버튼을 누르세요.)

OmniGraffle
Visio (XML)
PDF
PNG
SVG
Fireworks
Axure (see Axure Widget Libraries for more info)
InDesign (see EightShapes Unify for more info about these elements)
iPhone-only

CC BY 라이센스에 따라, 저작자(출처)를 밝히는 선에서 어떤 용도로든 무료로 이용할 수 있습니다.

아이패드(iPad)용 Vector GUI, AI

hooney — Wed, 30 Mar 2011 06:14:02 +0000

IconShock에서 제공하는 아이패드(iPad)용 Vector GUI(Graphical User Interface, 그래픽 사용자 인터페이스)입니다. 아이패드용 버튼, 메뉴, 탭, 키보드 등 요소들로 구성되어 아이패드용 어플리케이션을 디자인하는데 도움을 됩니다. 또한, Adobe 일러스트레이터용 파일인 AI로 만들어져, 쉽게 커스터마이징할 수 있습니다.

kuler: 포토샵용 색상 견본을 쉽게 만들고 공유하기

hooney — Wed, 30 Mar 2011 06:00:55 +0000

Adobe Photoshop용 색상 견본(color swatch)을 쉽게 만들 수 있고, 공유할 수 있는 사이트인 kuler입니다.

스타일 가이드를 제작할 때 색상 견본이 빠뜨린다면 앙꼬 없는 찐빵이 되겠죠? Adobe 계정으로 로그인하면, 즐겨찾기에 저장하거나 색상 견본 파일을 다운로드할 수 있습니다.

거친 느낌의 연핑크/연갈색 계열 포토샵 패턴 파일, PAT

hooney — Wed, 30 Mar 2011 05:33:04 +0000

조금은 거칠고 지저분한 느낌(grungy)의 연핑크 계열 패턴입니다. 포토샵 패턴 파일(PAT)와 고해상도 JPG 파일로 구성되어 있습니다. 윈도우와 맥용 파일을 분리하지 않고 함께 제공해서 그런지 파일 크기만 73.5mb나 되네요;;

이 디자인 리소스는 mysitemyway의 동맹(?) 사이트인 webtreats.mysitemyway에서 제공하고 있으며, 어떠한 용도로든 무료로 사용할 수 있습니다. 저작자 표시나 백링크(back-link)처럼 별도의 요구사항도 없습니다.

심플한 블로그 디자인 PSD

hooney — Fri, 25 Mar 2011 00:56:47 +0000

Designmoo에 등록된 심플한 블로그 디자인 PSD입니다. 핑크색을 포인트 컬러로 사용한 것 외에는 전반적으로 모노톤에 단조로운 인상을 줍니다. 다만, 잘 분리된 그룹/레이어와 네이밍을 참고하면, 보다 높은 커뮤니케이션이 가능할 듯 싶습니다.

36개 질감의 브러쉬 세트

hooney — Tue, 22 Mar 2011 06:32:50 +0000

36개의 질감으로 구성된 포토샵용 브러쉬 세트입니다. 텍스쳐나 패턴처럼 정형화된 재질이 아닌 좀 더 크리에이티브한 재질을 만들 수 있습니다.

이 자료는 포토샵용 브러쉬나 텍스쳐, 패턴 등의 리소스를 공유하는 brusheezy에서 공개됐으며, CC BY-NC-ND 라이센스(영문, 한글)에 따라 이용할 수 있습니다.

클라우드 서비스용 아이콘

hooney — Mon, 21 Mar 2011 04:38:58 +0000

최근 웹하드를 위협하며 파일 저장의 대세로 떠오르는 클라우드 서비스용 아이콘 세트입니다. 기본적으로 구름 모양에 번개, 비, 무지개, 눈, 태양 등의 모양을 조합하여 10개의 아이콘을 구성하고 있습니다.

대부분 72x 72 px 크기로 제작되어, 아이폰이나 아이패드의 바탕화면 아이콘 용도로 사용해도 좋을 듯 싶습니다. 단 아이폰4의 데티나 디스플레이를 위해선, 114px로 조금 수정해주셔야 합니다. ^_^

안드로이드용 아이콘 세트, CSH(포토샵 사용자 정의 모양)

hooney — Thu, 17 Mar 2011 07:29:32 +0000

터키의 인터페이스 디자이너인 Coskun Deniz가 제작/공유한 안드로이드용 41개 아이콘 세트입니다. Photoshop 사용자 정의 모양(custom shapes) CSH 파일로 제공되기에 마음대로 크기를 변경할 수 있습니다.

Fugue Icons 3.0 – 3000개 PNG 아이콘 세트

hooney — Wed, 16 Mar 2011 00:43:38 +0000

일본 도쿄의 프리랜서 웹디자이너인 Yusuke Kamiyamane가 제작/공유한 Fugue Icons 3.0 입니다. 가히 아이콘 세트의 종결자라 불려도 손색이 없을 만큼, 16×16 픽셀의 아이콘을 3,000개나 제공합니다.

24/32 bit 별로 구분된 PNG 포맷의 아이콘을 제공할 뿐더러, 그림자 옵션까지 선택할 수 있습니다. 심지어, 아이콘 소스 파일인 PSD까지 제공합니다.

이 아이콘 세트는 CC BY 3.0 라이센스(영어, 한글)에 따라, 저작자를 밝히고 사용할 수 있으며, PSD 파일은 LGPL을 따릅니다. 또한, 저작권 요구사항에 대한 자세한 설명도 제공하고 있습니다. 어떠한 요구사항도 없는 로얄티 프리 아이콘은 USD 59.95$에 구매할 수도 있습니다.

다음(daum)체

hooney — Tue, 15 Mar 2011 07:17:24 +0000

국내 포털 다음(daum)의 고유 서체인 다음체입니다. 2008년에 배포되어 조금 오래된 자료지만, 한글 글꼴이 부족한 현실에서 묵직한 느낌을 주는 고딕체로 제목(title)에 사용하기 적당한 글꼴입니다.

당연히 무료로 이용할 수 있으나, CI·BI처럼 일부 상업용 디자인에 포함될 경우 다음 측의 승인이 필요합니다.

미니멀한 모노톤의 108개 아이콘 세트 PNG

hooney — Tue, 15 Mar 2011 06:51:36 +0000

tutorial9에서 제공한 미니멀한 모노톤의 108개 아이콘 세트입니다. 웬만한 아이콘은 모두 포함하고 있기에, 웹 페이지 뿐만 아니라 어플리케이션에도 이용할 수 있습니다. tutorial9은 웹 디자인이나 개발에 대한 좋은 지침 외에도 유용한 자료를 제공하는 멋진 사이트입니다.

gray 색상의 모노톤이기에, 포토샵이나 파이어웍스 같은 이미지 에디터 툴로 색조나 채도를 변경하거나 레이어를 이용하여 다양한 색상으로 변경하여 사용할 수 있습니다.

어떠한 용도로도 자유롭게 무료로 사용할 수 있으며, 저작자 표시 같은 별도의 요구사항도 없습니다.

애플 스타일 UI 요소

hooney — Mon, 14 Mar 2011 11:14:33 +0000

Pranav Pramod가 매일 고품질의 PSD 파일을 제공하는 365PSD의 343번째 자료로써, 애플(apple) 스타일의 UI 요소 세트입니다. 버튼, 셀렉트 박스, 라디오 버튼, 체크 박스, 여러 버튼 등 웹 폼 요소들과 윈도우를 포함하고 있습니다.

회사용 웹 사이트 템플릿 PNG

hooney — Mon, 14 Mar 2011 03:36:04 +0000

어도비 파이어웍스(Adobe Fireworks) 리소스를 무료로 제공하는 webportio의 회사용 웹 사이트 템플릿입니다. 960px 12col 그리드에, 홈페이지용 템플릿입니다.

파이어웍스의 매력을 느낄 수 있는 1mb도 안되는 작은 크기의 파일로 제공됩니다.

풀 사이즈 웹 사이트 및 블로그용 템플릿 PSD

hooney — Mon, 14 Mar 2011 00:48:44 +0000

가로 960px 12col 그리드를 기준으로 만들어진 블로그용 PSD입니다. 홈페이지, 갤러리, 연락하기, 스타일가이드의 4개 PSD와 2개의 텍스쳐 JPG, 그리고 prociono 폰트를 포함하고 있습니다.

기본적인 wood 배경 외에도 red, green, purple, blue, gray 색상을 선택해서 커스터마이징할 수 있습니다. 스타일 가이드을 PSD로 제공하며, 사용된 폰트와 아이콘 및 사진에 대한 링크는 readme.txt에서 제공하고 있습니다.

Dark Wooden Textures

hooney — Mon, 14 Mar 2011 00:05:00 +0000

wegraphics에 Sebastiano Guerriero가 제공한 어두운 나무 재질 텍스쳐입니다. A4 사이즈인 2480×3508 크기의 6개 JPG 파일로 구성되어 있습니다. 나무 재질이라고는 하나, 화강암 같은 암석 재질처럼 느껴지기도 하네요.

wegraphics는 유료 멤버쉽으로 브러시 · 아이콘 · 목업 · 텍스쳐 · 벡터 · 웹 등 3,000개 이상의 고품질 디자인 리소스를 제공하는 곳으로, 이 자료처럼 가끔씩 무료로 제공하기도 하네요.

검정 톤의 로그인, 회원가입(사인업) 페이지 PSD

hooney — Sun, 13 Mar 2011 12:28:55 +0000

designmoo에 Nathalie Larsson가 등록한 “로그인(login), 회원가입(sign up) 페이지 PSD입니다. 스크래치 패턴의 검정 배경에 모달 박스 형식의 입력 폼입니다. 굳이 별도 페이지로 제공하지 않더라도, AJAX 또는 모달 팝업 형식으로 제공하더라도 적당할 듯 싶습니다.

거칠고 지저분한 느낌의 텍스쳐 6개

hooney — Wed, 09 Mar 2011 01:31:10 +0000

주로, 거친 느낌의 디자인 패턴이나 텍스쳐, 브러쉬 등의 디자인 리소스를 제공하는 arbent의 텍스쳐 세트입니다.

거칠고 지저분한, 심지어 페인트가 엉겨붙어있는 것 같은 나무 결 벽의 텍스쳐 6개를 제공하고 있습니다. 4000×3000px의 고해상도 텍스쳐이므로, 사진 편집 때 유용할 듯 싶습니다.

해당 자료는 직접 재배포가 금지되어 있어서, 출처(source) 페이지로 이동하셔서 다운받으셔야 합니다. 다운 받아보니, 파일 크기가 무려… 90.2mb나 되네요;;

배경이미지 패턴 생성기

hooney — Tue, 08 Mar 2011 02:13:40 +0000

클릭 몇 번으로 웹 페이지의 배경 이미지 패턴을 만들 수 있는 웹 사이트입니다. 색상과 텍스쳐, 배경 이미지를 조합해서 나만의 배경 이미지 패턴을 만들 수 있습니다. 이렇게 만든 배경 이미지를 바로 적용해 보거나, PNG 파일로 다운로드할 수 있습니다.

현재 68개의 배경 이미지가 등록되어 있으며, 계속 추가될 예정입니다.

HTML5 기반, 1 페이지 포트폴리오 템플릿 + PSD

hooney — Tue, 08 Mar 2011 01:04:51 +0000

Speckyboy Design Magazine에 등록된 자료로, HTML5로 작성된 1 페이지짜리 포트폴리오 템플릿과 PSD로 구성되어 있습니다. 부드라운 스크롤과 애니메이션 효과, 팝업 레이어 등을 jQuery로 구현한 것을 데모 페이지에서 확인할 수 있으며, 스크롤을 위/아래로 움직이면 좌측 메뉴바가 변경되는 게 특징입니다.

HTML5beauty.net이라는 갤러리형 사이트를 운영중인 Hannah Milan과 Joefrey Mahusay가 공개한 이 자료는 GPL에 따라 어떤 용도로든 자유롭게 이용할 수 있습니다.

맥 앱 스토어(Mac App Store) PSD

hooney — Mon, 07 Mar 2011 04:10:36 +0000

매일 멋진 포토샵 파일(PSD)을 공유해주는 365psd에 Wayne Dahlberg가 등록한 맥 앱 스토어 PSD입니다.

맥 앱 스토어(Mac App Store)를 이용하면 Mac에서 사용하고 싶은 앱을 쉽게 찾고 설치할 수 있습니다. 제품상자도 없고, 설치 디스크도 없고, 시간이 걸리는 설치 과정도 모두 필요없습니다. 어떤 앱이든 Mac에서 클릭 한 번으로 내려받고 설치해보세요. – 출처: 애플 코리아

페이스북 UI 아이콘 세트(svg, png)

hooney — Mon, 07 Mar 2011 03:45:31 +0000

deviantART에 lopagof가 제작/공유한 페이스북 UI 아이콘 세트입니다. 28개 아이콘을 벡터형식의 SVG 파일과 512×512 크기의 PNG 파일으로 제공하고 있어서, 페이스북용 페이지나 어플리케이션을 디자인할 때 유용한 라이브러리입니다.

CC BY-NC-ND(영어, 한글) 라이센스에 따라, 저작자 표시 · 비영리 목적 · 변경금지 조건으로 무료로 이용할 수 있습니다.

Sqetch: 일러스트레이터용 와이어 프레임

hooney — Fri, 04 Mar 2011 07:42:12 +0000

Sqetch(스케치)는 아이패드나 스마트폰, 웹 브라우저와 각종 폼 요소 및 GUI 요소를 포함한 일러스트레이터용 와이어 프레임입니다. 독일의 인터페이스 디자이너 겸 웹 개발자인 Dirk Weber가 제작/공유한 자료로, 핸드 라이팅(수제) 스타일이 독특합니다.

CC BY 라이센스처럼, 저작자와 출처를 밝히면 어떤 용도로든 자유롭게 이용할 수 있습니다.

Duplex: 매건진 형식의 웹 사이트 레이아웃 PSD

hooney — Thu, 03 Mar 2011 09:01:07 +0000

영국의 웹 디자이너인 Orman Clark가 운영하는 Premium Pixels에서 제공한 매건진 형식의 웹 사이트 레이아웃 PSD인, Duplex입니다. ”홈(메인) 페이지, 싱글(개별) 페이지, 분류(목록) 페이지”의 3개 PSD를 포함하고 있으며, 워드프레스용 테마 파일 또는 HTML 템플릿을 구입하실 수 있습니다.

Premium Pixels에서 제공하는 자료는 어떠한 용도로든 자유롭게 사용할 수 있으며, 심지어 제작자나 출처를 밝히지 않아도 됩니다. 단, 파일 재배포는 금지하기에 직접 해당 페이지로 이동하셔서 다운로드하셔야 합니다.

iconsweets2: 1000개 이상의 심플한 아이콘 세트

hooney — Thu, 03 Mar 2011 07:44:01 +0000

iconsweets2는 1000개 이상 심플한 아이콘들로 구성되어 있으며, 네덜란드의 수도인 암스테르담에 위치한 Yummygum라는 디자인 스튜디오에서 제작/공개한 자료입니다.

의류(9), 가방/케이스(11), 전자상거래(28), 설정(7), 미디어(19), 전자기기(29) 등 24개 분류에 1000여개가 넘는 심플한 아이콘을 제공하고 있습니다.

상업용도 또는 개인용도에 제한 없이 무료로 사용할 수 있습니다.

polymaps: 나만의 지도 라이브러리

hooney — Thu, 03 Mar 2011 07:22:28 +0000

Polymaps은 다양한 형태와 방식으로 나만의 지도를 구현할 수 있는 라이브러리입니다. SVG(Scalable Vector Graphics)와 Javascript로 구현되어 있으며, 벡터와 레스터 형식의 이미지를 타일형식으로 제공합니다. 물론 네비게이션 바나 다양한 정보들도 함께 제공합니다.

함께 제공된 25개의 예제와 CSS를 조금만 수정한다면, 다른 어떤 곳에서도 볼 수 없는 나만의 지도를 쉽게 구현할 수 있습니다.

BSD 라이센스에 따라 자유롭게 사용할 수 있으며, 수정한 결과물을 공유하지 않아도 됩니다. (Wiki 관련글)

온라인 쇼핑몰용 아이콘 세트

hooney — Tue, 01 Mar 2011 10:32:47 +0000

온라인 쇼핑몰용(Ecommerce) 아이콘 세트입니다. Red, Blue, Gray 3종류의 색상의 37개의 아이콘으로, 총 111개의 아이콘이 포함되어 있습니다.

CC 라이센스에 따라 이용할 수 있다고 하는데, 구체적인 종류가 명시되지 않았습니다. CCL의 기본이라 볼 수 있는 CC BY에 따라, 저작자를 표시하고 사용하면 무리 없을 듯 싶습니다.

페이스북 GUI, PSD 킷

hooney — Mon, 28 Feb 2011 09:05:42 +0000

SNS의 대명사이자 트래픽에서 구글을 추월한, 페이스북(facebook)의 GUI PSD 키트입니다. 전세계적으로 인기있는 웹 디자인 매거진인 스매싱매거진에서 공개한 자료로써, 웹 어플리케이션 전문 제작회사인SurgeWorks가 제작했습니다. (제작사 소개 글)

페이스북 어플리케이션이나 팬 페이지를 만드는데 프로토타입용으로 적합하며, “페이스북 GUI · 어플리케이션 템플릿 · 인증 요청”의 3개 PSD 파일로 구성되어 있습니다.

리본 패키지 PSD

hooney — Mon, 28 Feb 2011 04:46:28 +0000

웹 2.0 디자인 유행에 선두격인 리본 UI 입니다. 6개 모양과 6개 색상으로 총 36개의 리본들로 구성되어 있습니다. 개인적으로는 스크린샷의 4번째 리본인 빨간색의 스티치 모양의 리본이 가장 맘에 듭니다.

웹용 레이아웃의 정석: 960 Grid 시스템

hooney — Mon, 28 Feb 2011 01:52:05 +0000

웹용 레이아웃의 정석이라 불리우는 960 Grid System입니다. 가로 960픽셀(px)에 12, 16, 24개의 세로형 그리드(cols)를 쉽게 구현할 수 있도록 여러가지 파일과 부가 기능을 제공합니다.

제공되는 파일:

html, css 파일
포토샵용 psd 파일
파이어웍스용 png 파일
일러스트레이터용 ai, ait 파일
그 외에도 acorn, corel draw, MS expression design, flash, gimp, indesign, inkscape, omnigraffle, visio 용 파일
출력용 pdf 파일
포토샵용 atn 액션 파일, 파이어웍스용 mxp 확장기능 파일(Adobe Extension Manager)

또한, 웹 사이트에선 북마클릿이나 html, css 생성기 등 다양한 부가 기능도 제공하고 있습니다.

DVD 케이스 템플릿

hooney — Thu, 24 Feb 2011 03:37:42 +0000

deviantART에서 활동하고 있는 manicho가 제작/공유한 DVD 케이스 템플릿 파일입니다. PSD 파일은 case·custom art·overlays 3개 폴더로 구성되어 있어서, 원하는데로 커스터마이징하여 사용하기 편리합니다.

아이콘 세트의 대명사: famfamfam Silk Icons

hooney — Thu, 24 Feb 2011 02:11:02 +0000

웹용 아이콘 세트의 대명사인 famfamfam Silk Icons입니다. 2005년 8월에 첫 공개 이후로, 현재까지 꾸준히 업데이트 되고 있습니다. 16×16 사이즈의 아이콘을 무려 700개가 넘게 제공하기에, 이 아이콘 세트 하나면 어떠한 웹 사이트, 어플리케이션라도 충분히 제작할 수 있을 정도입니다.

영국 버밍험의 웹 개발자인 Mark James(twitter)가 제작/공유한 자료로써, 제작자를 명시해야 하는 CC BY 라이센스에 따라 이용할 수 있습니다.

세계 지도 다이어그램-벡터 그래픽

hooney — Tue, 22 Feb 2011 12:32:09 +0000

free vectors daily에서 제공하는 세계 지도 벡터(vector)입니다. 글로벌 및 지역화 사이트, LBS 기반 서비스를 제공하는 어플리케이션에서 필수적으로 필요한 디자인 라이브러리입니다.

이 사이트는 Free Graphics Group of sites(Free Icons Daily, …) 와 함께하며, 매일 고품질의 디자인 벡터 파일을 제공합니다. 이 곳의 모든 자료는 무료로 이용할 수 있습니다.

Arrows Pack: 182개 화살표 벡터&브러쉬

hooney — Tue, 22 Feb 2011 10:05:29 +0000

182개 화살표 문양 벡터&브러쉬 패키지입니다. EPS 파일과 ABR 파일로 구성되어 Adobe Illustrator 및 Photoshop에서 사용할 수 있습니다. 라이브러리를 제작/공유한 Jeya는 mediamilitia를 운영하면서 다양한 디자인 기법과 무료 리소스를 제공하고 있습니다.

창조적이며 독특한 화살표 문양들이기에, 포스터나 스플래시 이미지 등에서 강한 임펙트를 구현하는데 효과적일 듯 싶습니다.

해당 자료는 상업적으로든 개인적으로든 구분없이 사용할 수 있으며, 별도의 제적자 표시 등을 요구하지 않습니다.

GlyPhish: 모바일 Apps용 아이콘 세트

hooney — Tue, 22 Feb 2011 03:11:39 +0000

Joseph Wain가 제작/배포하는 아이콘 세트로, 아이폰·아이패드·안드로이드 등 모바일 앱(Apps)/웹(Web)용에 적합한 심플한 아이콘들로 구성되어 있습니다. 제작자를 명시해야 하는 CC BY 라이센스에 따라 이용할 수 있습니다.

25$의 프로 버전도 구입할 수 있으며, 프로 버전엔 아이폰4 이상의 고행상도 레티나 디스플레이용 2x 사이즈의 아이콘 세트가 포함되어 있으며, 제작자를 명시하지 않고 사용할 수 있습니다.

현재, 아이폰용 트위터 공식 어플이나 플립보드 등 1,000 여개가 넘는 모바일 어플리케이션이 이 아이콘 세트를 사용하고 있습니다.

오픈소스 제스쳐 라이브러리

hooney — Mon, 21 Feb 2011 08:22:13 +0000

200개 이상의 손가락 움직임(gesture)이 포함된 오픈소스 제스쳐 라이브러리입니다. EPS, PDF의 벡터형식과 PNG의 레스터형식이 포함되어 있으며, 저작자 표시 및 동일조건변경허락의 CC BY-SA 라이센스(영어, 한글)에 따라 이용할 수 있습니다. 또한, Free BSD 라이센스로 Open Source Gesture Library를 이용할 수 있습니다.

GestureWorks를 이용하면, 기존의 제스쳐 라이브러리에 커스터마이징하거나 확장해서 새로운 제스쳐를 만들 수도 있습니다.

NHN 나눔 글꼴

hooney — Mon, 21 Feb 2011 08:00:07 +0000

NHN이 2009년부터 매년 한글날에 배포하는 나눔글꼴 패키지입니다. 다운로드 링크는 나눔글꼴 3.0 TTF 패키지 자동실행 버전으로, 윈도우OS용입니다. 맥OS 사용자용 자동실행 파일도 제공되고 있으며, 리눅스 등 기타 OS용 zip 파일도 제공되고 있습니다.

개별 글꼴 다운로드 정보

글꼴 종류: 나눔 고딕(Regular, bold, Extra Bold), 나눔 명조(Regular, bold, Extra Bold), 나눔 손글씨(붓체, 펜체) 총 8개
다운로드 종류: TTF 및 OTF (자동 설치-윈도우용, 자동설치-맥용, 수동설치-모든OS용) 총 6개

고품질의 무료 한글 글꼴이 거의 배포되지 않다보니, 웹 디자인에 타이포그라피가 그래픽이미지로 제공되는 경우가 많습니다. 이 때문에 국내 웹 사이트에선 웹 접근성, 검색엔진 최적화, 웹 사이트 최적화 등의 이슈가 많이 발생하곤 합니다. 이런 문제를 해결하는 근본적인 방법은 CSS3 웹폰트를 사용하는 거겠죠.

Iconic: 미니멀 아이콘 세트

hooney — Mon, 21 Feb 2011 06:28:49 +0000

미니멀(minimal)한 136개의 벡터(SVG) 및 레스터(PNG) 아이콘을 제공하는 iconic입니다. PNG로 레스터된 이미지는 14개의 색상(black, blue, browun dark, brown light, cyan, gray dark, gray light, green, magenta, orange, red, tan, white, yellow)으로 구성되어 있습니다.

아이콘을 제작/제공하는 P.J.는 너무나도 유명한 adaptivepath라는 UX 컨설팅사에서 조금은 생소한 design technologist로 활동하고 있으며, 저작자 표시 및 동일조건변경허락의 CC BY-SA 라이센스(영어, 한글)에 따라 이용할 수 있습니다.

심플한 아이콘이 필요하다면 강력 추천합니다.

파이어웍스 텍스쳐 갤러리

hooney — Fri, 18 Feb 2011 09:03:28 +0000

웹 디자인 전용 도구인 Adobe Fireworks에서 사용할 수 있는 텍스쳐를 300개 이상 제공하는 갤러리입니다. はやしだいすけ라는 일본의 웹 디자이너가 공유하고 있으며, 상업적 용도를 포함하여 어떠한 용도로 사용할 수 있지만, 재배포는 금지하고 있습니다.

해당 갤러리에서 원하는 패턴을 다운로드한 후, 파이어웍스에서 패턴을 등록해서 사용하실 수 있습니다.

파이어웍스에 패턴을 적용하는 방법은 Adobe Community Help에서 확인할 수 있으며, 구글 크롬처럼 자동 번역을 지원하는 브라우저나 도구를 사용한다면 갤러리 제작자의 설명 글에서 보다 자세한 설명을 확인할 수 있습니다.

HTC 핸드폰, 썬더볼트(thunderbolt)

hooney — Fri, 18 Feb 2011 05:35:58 +0000

세계 최대 웹디자인 갤러리이자 커뮤니티인 deviantart에 공개된 HTC 핸드폰, 썬더볼트(thunderbolt)의 PSD 소스입니다. HTC의 썬더볼트(thunderbolt)는 미국 최대 통신사인 버라이즌에서 최초로 출시되는 4G LTE 기기입니다.

제작자인 Zandog가 밝힌 특징은 아래와 같습니다.

5200x Resolution (미리보기)
175+ Layers
35+ Groups
20mb Zipped, 60mb unzipped .PSD

해당 파일이 업데이트된지 얼마되지 않아서 그런지, 다운로드 폭주로 이용이 원할하지 않을 수 있습니다.

16가지 색상의 버튼

hooney — Thu, 17 Feb 2011 03:57:44 +0000

webportio가 공개한 16개 색상의 버튼 소스이며, Adobe Fireworks의 이미지 소스 파일인 PNG로 제공됩니다. 이 포맷은 웹용 이미지 포맷인 PNG와 동일한 확장자라서 다소 혼란의 소지가 있지만, Fireworks에서 폴더, 레이어, 벡터, 비트맵, 폰트 등이 분리되어 재사용하기 편리합니다.

Photoshop이 모든 디자인(특히, 사진)에 사용할 수 있는 멀티 도구라면, Adobe Fireworks는 웹 디자인에 최적화된 도구입니다. 국내에선 사용자가 드물지만, 해외에선 빠른 프로토타입 제작이나 웹 UI 설계 등에 자주 사용되고 있습니다.

안드로이드 공식 아이콘 템플릿

hooney — Wed, 16 Feb 2011 13:04:38 +0000

안드로이드 개발자 가이드 문서에서 제공하는 안드로이드 공식(?) 아이콘 템플릿입니다.

Apache License Version 2.0 아래 이용하실 수 있으며, 안드로이드 아이콘 제작에 대한 가이드라인을 확인하실 수도 있습니다.

아이패드 앱 UI 키트

hooney — Wed, 16 Feb 2011 03:37:27 +0000

매일 1개의 PSD 파일을 공유하는 365psd의 324일차 라이브러리인 아이패드 앱 UI 키트입니다.

좌측 사이드 탭바와 간단한 팝업창으로 구성되어 있습니다.

사용자 인터페이스 디자인 프레임웍

hooney — Wed, 16 Feb 2011 01:50:37 +0000

태국 치앙마이(Thailand -Chiang mai)에서 프리랜서 웹 디자이너로 활동중인 webalys가 공유한 사용자 인터페이스 디자인 프레임웍(User Interface Design Framework)으로, 일러스트레이터 CS2 파일 형식으로 만들어졌습니다.

3개의 AI 파일에 입력 양식이나 메뉴 바 등의 GUI 요소, 260개의 벡터 아이콘, 200개의 스타일 라이브러리가 포함되어 있습니다.

이 프레임웍은 무료입니다. 심지어, 상업용 프로젝트에 사용해도 무료입니다. 단, 제작자의 출처를 밝혀주셔야 합니다. 이런 점은 CC BY 라이선스와 유사합니다. 만약 출처를 지우려면, 프리미엄 아이콘 라이브러리를 $47에 구입하셔야 합니다.

아이패드 GUI PSD

hooney — Tue, 15 Feb 2011 09:07:52 +0000

Teehan+Lax라는 캐나다의 웹디자인 전문회사가 무료로 배포한 아이패드 GUI PSD입니다. 이 회사는 기존에 아이폰 GUI PSD도 무료로 배포한적 있습니다.

PSD는 소스는 각종 컨트롤 바, 탭 바, 검색 팝업 등 UI 요소 별로 레이어를 구분해서 제공하고 있기에, 사용하기 무척 편리합니다.

아이패드 웹 사이트나 어플리케이션을 디자인하는데 필수 라이브러리입니다.

포토샵 템플릿: Aspect

hooney — Mon, 14 Feb 2011 12:19:55 +0000

깔끔하고 미니멀리즘틱한 디자인의 포토샵 PSD 소스로써, 비지니스용 블로그의 메인 페이지 디자인입니다. 가로가 1100px이 넘으며, 세로 3단 그리드를 기반으로 레이아웃이 구현되어 있습니다.

PSD에 사용된 폰트는 Arial, Georgia 이며, 아래의 2개 아이콘 세트를 사용했습니다.

Quartz Icon Pack, Designed by Andy Gongea
Function Free Icon Set

어떤 용도로 사용해도 무방하며, 심지어 제작자를 명시하거나 밝힐 필요도 없습니다. 단, 재판매나 재배포는 금지하기에 해당 자료는 출처 페이지로 이동하셔서 다운받으셔야 합니다.

다양한 고품질 텍스쳐 패키지

hooney — Mon, 14 Feb 2011 08:37:01 +0000

Flicker에 CCL로 공개된 텍스쳐 중에서 고품질의 유용한 텍스쳐만 모아놓은 패키지입니다. 텍스쳐 썸네일 이미지에 링크된 Flicker에서 각각의 텍스쳐를 다운로드할 수 있습니다.

최대 2000px이 넘는 크기의 원본 사이즈를 제공하여, 텍스쳐 포토그라피(Texture photography) 등에 효과적으로 사용할 수 있습니다.

이 밖에도, Flicker엔 훌륭한 사진들을 CCL 아래 저작자 표시(CC BY)만으로도 사용하실 수 있습니다. 사진을 다운받지 않더라도 관람하는 것만으로도 충분히 영감을 얻을 수 있습니다.

구글 웹 폰트

hooney — Sun, 13 Feb 2011 08:52:59 +0000

구글에서 제공하는 웹 폰트 갤러리입니다. 오픈소스로 공개된 웹 폰트를 수집하여 전시하며, 구글 폰트 API를 제공하여 웹 사이트에 쉽게 가져다 쓸 수 있는 기능을 제공합니다.

오픈 소스 웹 폰트 제작자가 자신의 폰트를 등록할 수도 있으며, 폰트 미리보기 기능이나 다운로드 기능도 제공합니다. 구글 웹 폰트 블로그는 웹 폰트 사용 방법이나 문제 해결 방안 등도 소개되어 있습니다.

libon.kr에도 구글 웹 폰트 API를 이용해서, h1~6 머릿글에 Cabin 글꼴을 사용하고 있습니다.

워드프레스 테마: Copperific

hooney — Sat, 12 Feb 2011 08:25:12 +0000

워드프레스 테마인 Copperific입니다. 아름답고 멋진 테마가 많은 워드프레스이지만, 최근 공개된 테마 중에서 손에 꼽힐 정도로 멋진 디자인입니다. 그것도 유료가 아닌 무료입니다.

소셜 미디어 북마크 아이콘 세트

hooney — Thu, 10 Feb 2011 22:22:30 +0000

영국의 웹 디자이너 겸 개발자인 Benjamin Reid가 제작한 소셜 미디어 북마크 아이콘 세트(Social Media Bookmark Icon + pack)입니다. 소셜 미디어 사이트는 블로그나 웹사이트의 방문객 숫자를 늘리는데 큰 도움이 됩니다.

해당 아이콘 세트는 사용자들의 요청에 의해 계속 추가되고 있습니다. 국내 대표 소셜 사이트인 미투데이나 요즘의 아이콘이 없는데, 추가를 원하시면 제작자 트위터에 요청할 수 있습니다.