웹통의 웹으로 통하는 세상

인터페이스 디자인 (7)

웹디자인 수준을 향상시켜주는 유저 인터페이스 포토샵 소스

웹통 디자인 창고/포토샵 자료 블로그-관리자 2014. 4. 16. 14:49

하이퀄리티 유저 인터페이스(UI) 디자인 11종 웹디 초보자가 전문가 처럼 퀄리티 있는 디자인을 만들수 있는 방법이 있을까요? 창의적인 영감으로 독창적인 홈페이지를 만들기엔 무리가 있지만 기성복 같이 기존 포맷을 사용하여 본인의 스킬 이상의 결과물은 만들수 있습니다. 쉽게 말해서 짜집기라고 할수 있는데요. 우선 컨셉을 구상한후 가장 유사한 형태의 포토샵 소스 또는 이미지를 대입시켜 완성도를 높일수 있습니다. 오늘은 수준 높은 플랫 유저 인터페이스(UI) 포토샵 소스를 소개해드리겠습니다. 최근 트랜드라고 할수있는 플랫 디자인은 화려한 효과를 배제하고 직관적인 구조로 사용자에게 쉽고 빠르게 컨텐츠를 찾을수 있는 인터페이스인데요. 소개해드릴 PSD 파일은 초보자 또는 전문가에게도 큰 도움이 될만한 인터페이스 ..

방문자의 편의성을 고려한 유저 인터페이스 디자인 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2014. 2. 21. 15:51

사용자 친화적인 인터페이스 포토샵 소스 모음 웹에서 인터페이스는 컴퓨터 또는 모바일 기기와 사용자간의 상호작용을 연결해주는 역할을 합니다. 버턴, 메뉴, 위젯, 게시판등 마우스와 키보드를 이용하여 작동하는 모든 부분이라고 생각하시면 되는데요. 너무 복잡한 구조는 사용자가 효과적으로 원하는 정보를 찾는것을 방해할수 있어서 홈페이지 이탈률을 높일수 있습니다. 오늘은 방문자가 쉽게 원하는 기능을 찾을수 있는 직관적인 유저 인터페이스(UI) 디자인을 소개해 드리겠습니다. 포토샵 PSD 파일로 효과적인 인터페이스 제작에 도움이 되며 컨셉에 맞게 기본적인 디자인 요소를 편집할수 있습니다. Thallium UI Kit 확인, 취소, 로그인, 상태진행바, 뮤직플레이어, 시세 등등 다양한 인터페이스 버턴으로 구성된 디자..

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

웹통 디자인 창고/포토샵 자료 블로그-관리자 2013. 1. 15. 11:16

웹사이트 인터페이스 디자인에 유용한 포토샵 버턴 모음 웹디자인에서 가장 중요한 요소중에 하나는 친화적인 사용자 인터페이스입니다. 잘 설계된 메뉴는 사용자가 웹사이트에서 헤매지 않고 쉽게 사이트을 이용할수 있게 만들어줍니다. 오늘은 웹디자이너들을 위한 무료 포토샵 버턴&인터페이스 소스을 소개해드리겠습니다. 단순히 PSD파일을 활용하기 보다는 새로운 버턴 제작 기술과 방법을 학습하는데 도움이 되었으면 좋겠습니다. 본문보시기전에!!! 꾹~ Sweet Navigation 깔끔한 상단 메뉴 버턴 소스입니다. 롤오버 형태로 마우스을 버턴에 올려놓으면 하단에 가이드라인이 따라오게 만드실수 있습니다. 플래쉬로 제작하는걸 추천드립니다. Trendy Nav Bar PSD 블러그 상단에 많이 사용되어지는 인터페이스 메뉴 소..

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

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 11. 12. 10:42

디자이너에게 유용한 슬라이더 포토샵 PSD 원본 쇼핑몰이나 홈페이지에 보면 좌우로 움직이는 슬라이드 형태의 플래쉬을 많이 보셨을꺼에요. 보통 상품 홍보나 갤러리을 형태의 플래쉬로 제작되는데요. 오늘 소개해드릴 포토샵 소스는 플래쉬나 자바스크립트 슬라이더에 들어가는 슬라이더 인터페이스 디자인 소스입니다. 유료소스 못지않게 하이퀄리티 자료이니 소장해두시면 유용한 자료입니다. 다운방법 : 각 제목을 클릭하면 해당 페이지로 이동합니다. 이동된 페이지에서 다운받으세요~ Simple Thumbnail Slider (Free PSD) 간결한 썸네일 형태의 겔러리 슬라이더 포토샵 PSD 소스입니다. 제품 홍보나 이벤트 페이지 링크용으로 활용도 높은 자료입니다. UI Glass Slider 메탈 재질의 좌우로 움직일수 ..

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

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 10. 25. 10:39

아이폰5 인터페이스 디자인 무료 소스 Teehan & Lax라는 블러그는 애플사에서 신제품 또는 새로운 ISO버전이 나오면 굉장히 디테일한 GUI 포토샵 소스를 제공합니다. 이번에도 아이폰 5가 출시되면서 ISO6버전 GUI을 업데이트했습니다. 지도, 카메라, 셋업, 인터페이스, 버턴 등 아이폰5 안에 사용되어지는 대부분의 GUI을 포토샵으로 제작했습니다. ■ 파일정보 - 형식 : 포토샵 문서(PSD) - 제작자 : Teehan & Lax - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다. ■ 다운로드 - http://www.teehanlax.com/downloads/ios-6-gui-psd-iphone-5/ 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧..

[ 자바스크립트 무료 메뉴소스 ] 드롭다운 메뉴 무료로 만들어주는 프로그램 - DHTML Menu Builder Free Version-

IT&COMPUTER/프로그램 블로그-관리자 2012. 4. 13. 12:13

DHTML 메뉴 생성기 무료버전 메뉴를 만들때 플래쉬 또는 html로 제작을 많이 해보셨을꺼에요. 오늘은 DHTML을 이용한 프리 드롭다운 메뉴 빌더를 소개해드립니다. 저도 우연찬게 찾은거라 아직 응용해서 사용해보진 않았지만 정말 쉽고 빠르게 자바스크립트를 메뉴 파일이 생성 가능합니다. 정식명칭은 DHTML Menu Builder Free Version 입니다. 유용하게 사용해주세요~~ ^^ DHTML Menu Builder 설치하기 저작권 문제로 직접 홈페이지 들어가셔서 다운 받으셔야합니다. 우선 아래 주소을 클릭해주세요. http://www.dhtml-menu-builder.com/free-dhtml-menu/getkey.php 상단에 보시면 Please enter your E-MAIL일 보이실꺼에요..

[ 포토샵 버턴 ] UI 컨트롤러 디자인 버턴

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 29. 11:51

인터페이스 포토샵 디자인 소스 안녕하세요 웹통입니다.~ 오늘은 홈페이지 만들때 자주 사용되는 인터페이스 디자인 소스 올려드립니다. 포토샵 파일인줄 알았는데...한개는 일러스트파일이네요 ㅡ.ㅡ 양해부탁드립니다. 마지막꺼는 꼽사리로 하나 넣었습니다. 많이들 다운 받으셔요~ ■ 파일정보 - 형식 : 일러스트레이션 문서(AI) - 제작자 : Sergey Punchev - 출처 : designmoo.com - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(designmoo.com) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 일러스트 문서로 제작되어 편집프로그램을 사용하여 자유롭게 변형하실수 있습니..

Copyright © 웹통의 웹으로 통하는 세상 All Rights Reserved
Designed by JB FACTORY

티스토리툴바