[ 웹사이트 포토샵 버턴 소스 ] 직관적으로 설계된 홈페이지 네비게이션 버턴 모음

 

 

 

 

 

 

 

 

웹사이트 인터페이스 디자인에 유용한 포토샵 버턴 모음

 

 

웹디자인에서 가장 중요한 요소중에 하나는 친화적인 사용자 인터페이스입니다. 잘 설계된 메뉴는 사용자가 웹사이트에서 헤매지 않고 쉽게 사이트을 이용할수 있게 만들어줍니다. 오늘은 웹디자이너들을 위한 무료 포토샵 버턴&인터페이스 소스을 소개해드리겠습니다. 단순히 PSD파일을 활용하기 보다는 새로운 버턴 제작 기술과 방법을 학습하는데 도움이 되었으면 좋겠습니다.

 

 

 

 

 

 

본문보시기전에!!! 꾹~

 

 

 

 

 

 

 

 

Sweet Navigation

 

깔끔한 상단 메뉴 버턴 소스입니다. 롤오버 형태로 마우스을 버턴에 올려놓으면 하단에 가이드라인이 따라오게 만드실수 있습니다. 플래쉬로 제작하는걸 추천드립니다.

 

 

 

 

 

 

 

 

 

Trendy Nav Bar PSD

 

블러그 상단에 많이 사용되어지는 인터페이스 메뉴 소스입니다. 특별히 화려하진 않지만 무난하게 꾸미기 좋은 인터페이스 소스입니다.

 

 

 

 

 

 

 

 

 

Dropdown Menu PSD

 

웹사이트 또는 스마트폰 앱에 활용하기 좋은 투명 드롭다운 메뉴 소스입니다. 배경이미지을 부각시켜야 하는 디자인에 유용한 자료입니다.

 

 

 

 

 

 

 

Navigation Bar PSD

 

모바일웹 제작에 유용한 네비게이션 소스입니다. 포스트, 페이지 이동 버턴과 구독버턴으로 구성되어 있습니다.

 

 

 

 

 

 

 

 

 

Breadcrumbs Navigation PSD CSS

 

간단하게 표현할수 있는 미니 버턴 소스입니다. 총 5가지의 메뉴을 등록하여 사용할수 있으며 두가지 종류의 디자인으로 구성되어 있습니다.

 

 

 

 

 

 

 

 

 

Dropdown PSD

 

화이트 색상의 클릭형 드롭다운 포토샵 메뉴 소스입니다. 은은한 롤오버 효과가 돋보이는 자료입니다.

 

 

 

 

 

 

 

 

 

Free PSD: Light & Clean Menu Navigation Bar

 

깔끔한 메뉴 네비게이션 바 소스입니다. 클릭, 마우스오버, 노멀 상태을 표현할수 있습니다.

 

 

 

 

 

 

 

 

 

Navigation

 

클릭하면 링크페이지로 이동하거나 드롭다운메뉴로 변형이 가능한 새로형 메뉴 소스입니다.

 

 

 

 

 

 

 

 

 

Lithium Nav Bar

 

블랙배경에 잘 어울리는 3D 메뉴 인터페이스 소스입니다. 마우스 오버일 경우 눈에 잘띄는 색상을 사용하여  클릭이 쉽도록 제작하였습니다.

 

 

 

 

 

 

 

 

 

Circular Menu

 

이번 메뉴는 기존과는 좀 틀린 형식의 인터페이스입니다. 서클형태로 메뉴이동시 중앙 메탈 버턴이 이동하는 하이퀄리티 포토샵 메뉴 소스입니다. 제 블러그의...한번 달아보고 싶네요.

 

 


 

 

 

 

 

Clean Simple Navigation

 

깔끔한 미니 네비게이션 버턴 소스입니다. 노멀, 마우스오버, 클릭 세가지 효과로 구성되어 있습니다.

 

 

 

 

 

 

 

 

Navigation Drop Menu PSD

 

소메뉴에 이미지을 넣을수 있는 드롭다운 메뉴 포토샵 소스입니다. 메뉴에 이미지을 사용하여 사용자가 쉽게 웹사이트을 이해할수 있도록 제작한 편이성이 돋보이는 디자인 소스입니다.

 

 

 

 

 

 

 

 

 

File Popover Menu

 

파일을 클릭하면 팝업형태로 나타나는 미니 메뉴 소스입니다. 파일다운/게시판/겔러리 등에 사용하게 좋은 자료입니다.

 

 

 

 

 

 

 

Graphite Menu

 

롤오버 형태의 깔끔한 버턴 소스입니다. 마우스오버/클릭/노멀 세가지 효과을 만드실수 있습니다.

 

 

 

 

 

 

 

 

 

 

User Menu Free PSD

 

사용자 프로필 메뉴 소스입니다. 프로필 메뉴외에도 말풍선 형태의 메뉴로 활용이 가능하며 다른 메뉴들과 조합하여 멋진 네비게이션 소스을 만들수 있습니다.

 

 


 

 

 

 

 

 

Website Layout PSD

 

네비게이션 뿐만 아니라 웹사이트 상단 레이아웃이 포함된 팩키지 소스입니다.

 

 

 

 

 

 

<관련글>

2013/01/04 - [ 포토샵 PSD 소스 ] 2013년 디자이너에게 필요한 뉴트렌드 포토샵 원본소스 모음

2013/01/02 - [ 포토샵 배너 소스 ] 클릭을 유도하는 하이퀄리티 이벤트 배너 포토샵 PSD 모음

2012/12/26 - [ 포토샵 배경 패턴 ] 매력적인 타일 패턴 배경이미지 소스 모음

2012/12/18 - [ 포토샵 달력 소스 ] 웹사이트 켈린더 디자인에 유용한 포토샵 PSD파일 모음

2012/12/14 - [ 포토샵 SALE TAG 소스 ] 쇼핑몰 매출을 증가시키는 세일 가격 텍(꼬리표) 포토샵 무료 소스

2012/11/12 - [ 포토샵 원본소스 ] 디자이너에게 유용한 이미지 슬라이더 포토샵 PSD 파일

2012/11/02 - [ 포토샵 스티커 PSD 소스 ] 디자인을 돋보이게 하는 스티커 포토샵 원본 소스

2012/10/25 - [ 포토샵 무료 PSD 소스 ] 아이폰5 ISO6버전 디테일한 GUI 포토샵 템플릿

2012/10/23 - [ 포토샵 레이어 스타일 ] 포토샵 고수로 만들어주는 무료 버턴&텍스트 레이어 스타일

2012/10/18 - [ 겨울 눈 쌓인 무료이미지 ] 고화질 스노우 포토 이미지 소스

이 글을 공유하기

댓글(4)

  • 2013.01.16 13:41 신고

    정말 깔끔한게 많네요. 메뉴 만들 때 쓰면 좋을 것 같습니다.

    • 2013.01.17 09:03 신고

      ^^ 방문해주셔서 감사합니다. 종종 OCer님의 블러그 놀러갔는데 댓글 안단게 ..부끄러워 지네요. 다음번엔 ~ 저도 방문기록 남겨드릴게요

  • 라나
    2013.06.02 12:02

    여기에 있는 버튼들도 무료오픈소스인가요?

Designed by JB FACTORY