웹디자이너에게 유용한 UI/UX, CSS, 컬러, 폰트 사이트 모음집을 소개합니다.

요즘 많이 언급되고 있는 디자인 오픈소스 및 포트폴리오 웹사이트 외에, 씸플의 디자이너 분들의 추천 사이트를 선별하여 공유하겠습니다. 각 타이틀을 클릭하면 해당 링크로 이동합니다.


1

UI/UX

UX Magazine

사용자 경험과 관련된 최신 뉴스와 기사를 받아볼 수 있는 사이트

UX관련 컨퍼런스 정보와 전세계의 UX디자이너 구인구직 현황도 살펴볼 수 있어 해외 취업 트렌드도 파악할 수 있습니다. 모든 글이 영어기 때문에 어려운 부분도 있지만, 최신 트렌드를 읽는 웹디자이너라면 일상이 되어야 할 것 같습니다 :)


Troy Labs

다양한 디바이스 템플릿에서 반응형 웹을 확인 할 수 있는 사이트

삼성, 애플, LG, 구글, 팬택, HTC, 소니 등 초기 모델부터 최신 기종까지 구성되어 매우 편리합니다. 기종을 선택하고 웹사이트 링크만 붙여 넣으면 각 디바이스에서 어떻게 구현되는지 확인할 수 있습니다.


Capptivate

UI애니메이션 패턴 라이브러리 사이트

이제 UI 애니메이션은 앱이나 웹을 구현할 때 배제할 수 없는 중요한 부분이 되었고, 이를 구현할 때에도 공간감이나 가독성을 최대한 고려하는 등에 대한 고민이 필요한 시점이 도래했습니다. Capptivate는 인포그래픽, 인터랙션, 네비게이션, 로딩 페이지 등 카테고리를 나누어 애니메이션 패턴을 확인할 수 있어서 편리합니다.



2

CSS/jQuery


Codrops

다양한 웹디자인 튜토리얼, 레이아웃 모음, jQuery 플러그인을 제공하는 웹사이트

데모뷰로 기능을 확인할 수 있으며, 소스 다운로드를 포함해 수많은 자료를 담고 있어 웹 디자인 및 개발과 프로그래밍에 유용합니다. 라이센스 또한 상업용 등에 제한을 두지 않고 있지만, 재배포시 제한이 있을 수 있습니다.



Awwwards

우수 웹사이트 소개 및 수상작 모음 웹사이트

CSS 기술에 특화된 웹사이트들이 많고, 링크를 타고 이동해 실제 페이지를 살펴볼 수도 있으며 각 부문별 점수를 직접 매길 수도 있습니다. 독특한 시도와 실험적인 인터랙션 웹사이트도 적지 않으니 구경하는 재미가 쏠쏠합니다.



Media Queries

미디어 쿼리를 이용한 사이트 갤러리

모바일, 태블릿, 데스크탑 사이즈의 템플릿을 한눈에 볼 수 있도록 구성되어 있고, 무료로도 받을 수 있습니다. 전부 무료인 것은 아니니, 참고하시길 바랍니다.



SpinKit

스플래시 모음 사이트

8가지의 로딩 애니메이션 효과와 직접 적용할 수 있는 CSS소스도 편리하게 제공하고 있습니다. 종류가 많지 않은 점이 아쉽지만 버튼 및 효과를 최소화한 미니멀리즘을 추구해 굉장히 깔끔한 인상을 주고 있습니다.


스플래시(Splash)와 사용자 경험의 접목


스플래시는 프로그램 시작 시 타이틀 화면이나 로딩 창을 보여줌으로써 사용자에게 어떤 프로그램이 구동 중이고 어떤 상태인지 알려 주는 중요한 역할을 하고 있습니다. 
종종 제품이나 디자인을 접할 때면, 아주 사소한 것들이 제품과 디자인의 완성도를 결정하는 일들에 놀라곤 합니다. 스플래시 화면의 기다림을 놀랍고 재미있는 경험으로 바꾸는 것만으로도 사용자에게 훨씬 좋은 경험을 줄 수 있을 것입니다.

출처 — http://uxd-trend.tistory.com/17

3

디자인 템플릿


DBF

디자인 포트폴리오 자료 모음집

Dribbble과 Behance의 디자인 자료 소스를 한곳에 모아 두어 양쪽 사이트를 가지 않아도 편리하게 디자인 템플릿들을 검색할 수 있는 사이트입니다. 각 이미지별로 여백 없이 시원시원하게 구성되어 있어 한눈에 알아보기 편리합니다.



365PSD

무료 디자인 템플릿 다운로드 사이트

다양한 웹·모바일 GUI, 아이콘 등의 PSD파일을 무료로 다운받을 수 있는 웹사이트로 유명하며, ios 8을 포함한 최신 디자인 트렌드를 반영한 자료도 마음껏 찾아보고 다운받아 이용할 수 있습니다.



One Page Love

원 페이지 웹디자인 템플릿 사이트

2015 웹디자인 트렌드에서 언급했던 것처럼, 내년에도 대세가 될 원 페이지 디자인만을 모아 둔 사이트입니다. 카드형 디자인을 통해 보기 쉽도록 구성해 두었고, 각 디자인 템플릿의 퀄리티가 좋은 편이라 디자인적 영감을 찾는 데 좋은 사이트입니다.


4

그 외, 유용한 사이트


Degraeve

이미지에서 즉시 컬러를 추출해 팔레트를 생성

이미지나 사진에 있는 컬러를 사용하고 싶으나 잡색이나 노이즈 때문에 추출이 어려웠다면, 이제는 이미지만 첨부하면 자동으로 색상이 추출됩니다! 10가지 색을 파일 첨부와 URL 링크 두 가지 방법으로 이용할 수 있습니다.



Granneman

OS별 기본 서체 리스트업 사이트

윈도우, 맥 OS, 리눅스, 안드로이드, ios 등의 기본 서체들이 리스트업되어 있어 편하게 확인해 볼 수 있고, 오퍼레이팅 시스템과 각 OS별 폰트 사이즈 등 상세한 내용 또한 읽을 수 있습니다.



jpegmini

화질변화 없이 jpg파일의 용량을 줄여 주는 사이트입니다.

이미지 최적화(image optimization)가 웹사이트의 로딩시간을 좌우하지만, 고화질 이미지를 사용하자니 로딩 시간이 너무 길고, 용량이 작은 이미지를 쓰자니 화질이 많이 떨어지는 단점이 존재했습니다. 이를 보완해 주는 jpegmini는 화질변화가 거의 없이 용량을 최소 절반 이하로 줄여 주어 매우 편리합니다.

웹용은 무료이지만, 설치용은 구입 후 사용이 가능하니 참고하시길 바랍니다.



씸플 홈페이지 / 페이스북 / 트위터

웹디자이너를 위한 참고 사이트 정리
1. UI/UX


  • UX Magazine — 사용자 경험과 관련된 최신 뉴스와 기사를 받아볼 수 있는 곳
  • Troy Labs — 다양한 디바이스 템플릿에서 반응형 웹을 확인 할 수 있는 곳
  • Capptivate — UI애니메이션 패턴 라이브러리

2. CSS/jQuery


  • Codrops — 다양한 웹디자인 튜토리얼, 레이아웃 모음, jQuery 플러그인을 제공하는 웹
  • Awwwards — 우수 웹사이트 소개 및 수상작 모음집
  • Media Queries — 미디어 쿼리를 이용한 사이트 갤러리
  • SpinKit — 스플래시/로딩 애니메이션 모음집

3. 디자인 템플릿
  • DBF — 디자인 포트폴리오 자료 모음집
  • 365PSD — 무료 디자인 템플릿 다운로드 사이트
  • One Page Love — 원 페이지 웹디자인 템플릿 사이트

4. 그 외, 유용한 사이트


  • Degraeve — 이미지에서 즉시 컬러를 추출해 팔레트 생성
  • Granneman — OS별 기본 서체 리스트업 사이트
  • jpegmini — 화질변화 없이 jpg파일의 용량을 줄여 주는 사이트





출처 : https://cimple.postype.com/post/812/

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

65+ 무료 풀, 잔디(Grass) 텍스쳐 모음

65+ Free High Resolution Grass Texture

grass texture 01 65+ Free High Resolution Grass TexturesDownload Grass texture

grass texture 02 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 03 65+ Free High Resolution Grass TexturesDownload Grass Textures (10 HD grass textures)

grass texture 04 65+ Free High Resolution Grass TexturesDownload Grass Textures (6 Grass textures)

grass texture 05 65+ Free High Resolution Grass TexturesDownload Grass Textures (5 grass textures)

grass texture 06 e1399398833905 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 07 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 08 e1399399154475 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 09 e1399399259226 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 10 e1399399340232 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 11 e1399399433859 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 12 e1399399596184 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 13 e1399399710376 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 14 e1399399899782 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 15 65+ Free High Resolution Grass TexturesDownload Grass Textures (6 Grass Textures)

grass texture 16 e1399400190997 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 17 65+ Free High Resolution Grass TexturesDownload Grass Textures (15 Grass Textures)

grass texture 18 e1399400728183 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 19 e1399400963764 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 20 e1399401099399 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 21 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 22 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 23 e1399401297681 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 24 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 26 e1399401420312 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 27 e1399401486621 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 28 e1399401614418 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 29 e1399401689861 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 30 e1399401787257 65+ Free High Resolution Grass TexturesDownload Grass Texture

grass texture 31 e1399401902328 65+ Free High Resolution Grass TexturesDownload Grass Texture

clovery grass texture tile by womblesmack d6islu4 e1399402503741 65+ Free High Resolution Grass TexturesDownload Grass Texture


출처: http://www.fbml.co.kr/2014/07/10/65-free-high-resolution-grass-textures/


저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

디자인을 하는 분들이라면 분야를 막론하고 디자인 프로젝트를 위해 많은 시간을 들여 훌륭한 사례나 무료 디자인 리소스를 검색하고 실무에 반영함으로써 시간 절약을 물론 프로젝트 진행에도 많은 도움이 되곤 합니다.

무료 디자인 리소스를 손쉽게 구하는 방법

무료 디자인 리소스를 손쉽게 구할 수 있는 사이트

실무 디자이너는 물론 예비 디자이너들도 마찬가지겠지만 틈틈히 검색을 통해 찾은 자료들을 정리해 놓고 잘 활용하는 경우가 있는 반면, 너무 많은 자료 검색을 통해 중복되고 제대로 정리를 못해 십분 활용하지 못하는 경우도 적지 않음을 모두들 공감하실 겁니다.

디자인 리소스는 상용자료와 디자이너들이 공유하는 무료 리소스 자료들이 있으며 인터넷 검색을 통해 어렵지 않게 접할 수 있습니다. 하지만 퀄리티나 활용도 그리고 지적 재산권 부분을 쉽게 파악하기 힘든 경우가 많아 디자이너들 사용 및 활용이 조심스럽기만 합니다.

아래에 정리해 드리는 무료 포토샵 PSD 자료와 벡터 리소스 공유 및 참고 사이트는 디자이너가 프로젝트를 진행하는 부담없이 활용하거나 시간 및 비용을 최소화하는 방법을 제공하게 될 것입니다. 참고로 일부 사이트는 회원가입을 필요로 할 수 있으며 일일 다운로드 제한이 걸린 경우가 있을 수 있으니 참고하셔서 활용하시길 바랍니다.

1. 무료 또는 RF 이미지 공유 사이트

-. Stcok.Xchng

-. Fotoria Korea

-. CGTextures.com

-. Achive3D

2. 무료 포토샵 리소스 사이트

-. Download PSD

-. Free PSD

-. Photoshop Files

-. Free Photoshop Download

-. deviantART PSD

-. 365PSD

-. Graphics fuel

-. Dezignus

-. FreePSDFiles

-. PSGalaxy

3. 무료 벡터 리소스 사이트

-. Vecteezy

-. Vector4free

-. Fordesigner

-. Vectorart

-. VectorStock

-. Vectorportal

-. Round Pixel

-. Deviantart Vector 

-. Freevectors.com

-. Freevectors.net

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

http://www.5day.co.kr/

이미지를 클릭하시면 원본크기로 보실수 있습니다.


저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

http://www.thedieline.com/

이미지를 클릭하시면 원본크기로 보실수 있습니다.

저작자 표시
신고

'디자인 즐겨 찾기 > 패키지' 카테고리의 다른 글

패키지 디자인 사이트  (0) 2011.05.30
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

http://ksjade.com/

이미지를 클릭하시면 원본크기로 보실수 있습니다.

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

http://www.logomyway.com/logo_design_portfolio.php

근데 썸네일밖에 못봄

대신 컨텐츠를 골라서 보기 쉽고 , 디자이너를 골라서 그스타일을 다볼수도있음

이미지를 클릭하시면 원본크기로 보실수 있습니다.

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

23 Inspiring Logo Design Galleries

LogoMoose

logomoose
LogoMoose is a logo design inspiration community showcasing the best logos from all over the world.
View Source

The Design Inspiration

The Design Inspiration
The Design Inspiration is a gallery of graphic and creative web design inspiration such as logo designs, illustration art, website showcase, business cards, photos and patterns.
View Source

Logo Faves

logo faves
Logo Faves is a logo design inspiration site showcasing the best designed logos around the web.
View Source

DeviantArt

deviantart
DeviantArt is an online community of artists and those devoted to art showcasing digital art, skin art, themes, wallpaper art, traditional art, photography.
View Source

Creattica

creattica
Creattica is a gallery of brilliant logos, great illustrations and graphics, and brand designs.
View Source

LogoPond

logopond
LogoPond has an awesome collection of logo designs and graphic artistry needs.
View Source

Logo Design Love

logo design love
Logo Design Love is a website showcasing not just great logos but also posted logo-related articles.
View Source

LogoSauce

logosauce
LogoSauce is a logo design, inspiration and information resource that provides logo design services via a competition format.
View Source

BuzzShout

buzzshout
BuzzShout showcases approximately 2,000 logos.
View Source

Logogala

logogala
Logogala is a popular logo design blog that provides inspiration and insight to the logo design process.
View Source

LogoGalleria

logogalleria
LogoGalleria is a gallery that features over 400 logos.
View Source

Logo of the Day

logo of the day
Logo of the Day is a logo design inspiration and gallery wherein beautiful examples of stunning logos are showcased.
View Source

Logospire

logospire
Logospire is a logo inspiration gallery where you can upload, browse, rate and comment on logo designs.
View Source

Logofury

logofury
Logofury is a logo design gallery that is regularly updated to provide design inspiration to professionals.
View Source

logotwo

logotwo
Logotwo is a dedicated Web 2.0 Showcase of logo designs providing the largest collections of Web 2.0 Logo designs submitted by webmasters arround the world.
View Source

Logogallery

logogallery
Logo Gallery is a logo inspiration website providing great design inspirations.
View Source

logolog

logolog
Logolog is a logo design blog by 38one.
View Source

StationeryStyle

stationerystyle
StationeryStyle is an inspirational resource of high quality graphic design work from around the globe.
View Source

logoholik

logoholik
Logoholik is a nice portfolio of logo design and corporate identity creation.
View Source

LogoDog

logodog
LogoDog was established by Steve Carlson in year 2002 and showcases a lot of graphic design services.
View Source

lo8os

lo8os
Lo8os is a logo gallery and graphic design community showcasing a lot of art and design inspiration.
View Source

logofi

logofi
Logofi is a logo gallery website that provides a new web experience for logo designers and logo lovers.
View Source

Brands of the World

Brands of the World
Brands of the World is the world’s largest library of brand logos available for you to download for free.
View Source

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거

Today, we have compiled a list of websites where you can find great ideas about absolutely good logo designs. This article is very helpful for those logo designers who may have a hard time to design a good and unique logo for a particular business and for those who are interested in learning more about creating a logo. New and innovative logo designs are being uploaded in these galleries to keep the designers well-updated on the on-going trend of logos.

Below are 23 Inspiring Logo Design Galleries to help you look for informative logo creation ideas in just a snap of your fingers. Don’t forget to leave a comment below if you have found another great source of logo design inspiration. Enjoy browsing!

LogoMoose

logomoose
LogoMoose is a logo design inspiration community showcasing the best logos from all over the world.
View Source

The Design Inspiration

The Design Inspiration
The Design Inspiration is a gallery of graphic and creative web design inspiration such as logo designs, illustration art, website showcase, business cards, photos and patterns.
View Source

Logo Faves

logo faves
Logo Faves is a logo design inspiration site showcasing the best designed logos around the web.
View Source

DeviantArt

deviantart
DeviantArt is an online community of artists and those devoted to art showcasing digital art, skin art, themes, wallpaper art, traditional art, photography.
View Source

Creattica

creattica
Creattica is a gallery of brilliant logos, great illustrations and graphics, and brand designs.
View Source

LogoPond

logopond
LogoPond has an awesome collection of logo designs and graphic artistry needs.
View Source

Logo Design Love

logo design love
Logo Design Love is a website showcasing not just great logos but also posted logo-related articles.
View Source

LogoSauce

logosauce
LogoSauce is a logo design, inspiration and information resource that provides logo design services via a competition format.
View Source

BuzzShout

buzzshout
BuzzShout showcases approximately 2,000 logos.
View Source

Logogala

logogala
Logogala is a popular logo design blog that provides inspiration and insight to the logo design process.
View Source

LogoGalleria

logogalleria
LogoGalleria is a gallery that features over 400 logos.
View Source

Logo of the Day

logo of the day
Logo of the Day is a logo design inspiration and gallery wherein beautiful examples of stunning logos are showcased.
View Source

Logospire

logospire
Logospire is a logo inspiration gallery where you can upload, browse, rate and comment on logo designs.
View Source

Logofury

logofury
Logofury is a logo design gallery that is regularly updated to provide design inspiration to professionals.
View Source

logotwo

logotwo
Logotwo is a dedicated Web 2.0 Showcase of logo designs providing the largest collections of Web 2.0 Logo designs submitted by webmasters arround the world.
View Source

Logogallery

logogallery
Logo Gallery is a logo inspiration website providing great design inspirations.
View Source

logolog

logolog
Logolog is a logo design blog by 38one.
View Source

StationeryStyle

stationerystyle
StationeryStyle is an inspirational resource of high quality graphic design work from around the globe.
View Source

logoholik

logoholik
Logoholik is a nice portfolio of logo design and corporate identity creation.
View Source

LogoDog

logodog
LogoDog was established by Steve Carlson in year 2002 and showcases a lot of graphic design services.
View Source

lo8os

lo8os
Lo8os is a logo gallery and graphic design community showcasing a lot of art and design inspiration.
View Source

logofi

logofi
Logofi is a logo gallery website that provides a new web experience for logo designers and logo lovers.
View Source

Brands of the World

Brands of the World
Brands of the World is the world’s largest library of brand logos available for you to download for free.
View Source

저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거
http://logolitic.com/category/inspiration/


저작자 표시
신고
Posted by 앗뜨거워 ( @bok3937 ) 앗뜨거


티스토리 툴바