|
웹사이트 인터페이스 디자인에 유용한 포토샵 버턴 모음 |
웹디자인에서 가장 중요한 요소중에 하나는 친화적인 사용자 인터페이스입니다. 잘 설계된 메뉴는 사용자가 웹사이트에서 헤매지 않고 쉽게 사이트을 이용할수 있게 만들어줍니다. 오늘은 웹디자이너들을 위한 무료 포토샵 버턴&인터페이스 소스을 소개해드리겠습니다. 단순히 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
'웹통 디자인 창고 > 포토샵 자료' 카테고리의 다른 글
| [ 포토샵 빈티지 액션 ] 오래된 사진 효과을 만들어 주는 포토샵 로모 액션 모음 (5) | 2013.01.22 |
|---|---|
| [ 포토샵 하트 브러쉬 ] 이벤트 디자인에 유용한 예쁜 포토샵 하트 브러쉬 모음 (0) | 2013.01.21 |
| [ 포토샵 스트라이프 패턴 ] 배경이미지 제작에 유용한 스트라이프/도트/줄무늬 패턴 모음 (6) | 2013.01.14 |
| [ 포토샵 PSD 소스 ] 2013년 디자이너에게 필요한 뉴트렌드 포토샵 원본소스 모음 (5) | 2013.01.04 |
| [ 무료 과일 아이콘 ] 상큼한 향기가 나는 과일 후르츠 아이콘 소스 모음 (0) | 2013.01.03 |
