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

 

사용자 친화적인 인터페이스 포토샵 소스 모음

 

 

웹에서 인터페이스는 컴퓨터 또는 모바일 기기와 사용자간의 상호작용을 연결해주는 역할을 합니다. 버턴, 메뉴, 위젯, 게시판등 마우스와 키보드를 이용하여 작동하는 모든 부분이라고 생각하시면 되는데요. 너무 복잡한 구조는 사용자가 효과적으로 원하는 정보를 찾는것을 방해할수 있어서 홈페이지 이탈률을 높일수 있습니다.

 

오늘은 방문자가 쉽게 원하는 기능을 찾을수 있는 직관적인 유저 인터페이스(UI) 디자인을 소개해 드리겠습니다. 포토샵 PSD 파일로 효과적인 인터페이스 제작에 도움이 되며 컨셉에 맞게 기본적인 디자인 요소를 편집할수 있습니다.

 

 

 

 

 

 

 

 


Thallium UI Kit

 

확인, 취소, 로그인, 상태진행바, 뮤직플레이어, 시세 등등 다양한 인터페이스 버턴으로 구성된 디자인 소스입니다.

 

 

 

 

 

 

 

 

 

 

Blog/Magazine UI Kit

 

상단 네비게이션, 좌측 세로 메뉴, 쇼셜미디어 ㅏ이콘 등 메뉴 디자인에 도움되는 포토샵 소스입니다.

 

 

 

 

 

 

 

 

Vanilla Cream Web Kit

 

풀다운 메뉴, 퀵메뉴, 볼륨 버턴, 미니 로그인 창, 버턴 아이콘 등 인터페이스를 구성할때 꼭 필요한 요소들이 들어 있는 소스입니다.

 

 

 

 

 

 

 

 

Smoothberry UI

 

지도, 날씨, 미니창, 프로필 아이콘 등 스마트폰 어플 제작에 자주 사용되는 ui 소스입니다.

 

 

 

 

 

 

 

 

Touch50px UI Kit

 

화이트와 레드로 이루어진 깔끔한 버턴 디자인 포토샵 소스입니다.

 

 

 

 

 

 

 

Pizza UI Kit

 

전체적인 홈페이지 또는 어플 디자인의 인터페이스를 제작할수 있는 소스입니다.

 

 

 

 

 

 

 

 

Blue Milk UI Kit

 

말풍선, 가로메뉴, 퀵메뉴 등 현대적인 디자인의 사용자 인터페이스 포토샵 소스입니다.

 

 

 

 

 

 

 

 

 

Dark UI Kit

 

다양한 방식의 버턴을 구현할수 있는 깔끔한 소스입니다.

 

 

 

 

 

 

 

 

Ui Kit (Metro)

 

메트로 스타일의 각 구성 요소가 분리되어 있는 홈페이지 디자인 자료입니다.

 

 

 

 

 

 

 

 

Dark UI Kit

 

어두운 계열의 색상을 배경으로한 웹디자인에 어울리는 각종 인터페이스 구성요소 입니다.

 

 

 

 

 

 

 

Caramel Freebie

 

오늘의 메인을 장식한 카라멜 색상의 웹 구성요소 모음입니다. 디자인 완성도가 상당히 높은 자료로 소장해 두시길 권합니다.

 

 

 

 

 

 

 

iOS 7 UI Kit

 

아이폰 iOS7에 어울리는 어플 인터페이스 구성요소 모음입니다.

 

 

 

 

 

 

 

 

Wood UI Kit

 

우드 재질의 백그라운드에 투명한 버턴을 제작하여 매우 깔끔한 느낌을 주는 UI 키트입니다.

 

 

 

 

 

 

 

 

Knóbz UI Kit

 

뮤직 플레이어 제작에 활용도 높은 아이콘 모음입니다.

 

 

 

 

 

 

 

Impressionist UI Kit

 

이메일, 사운드, 아이콘, 퀵메뉴 등 홈페이지나 어플을 제작할때 매우 유용한 소스 모음입니다.

 

 

 

 

 

 

 

 

 

<관련글>

2014/01/24 - 예비 관광객을 사로잡는 여행사 홈페이지 무료 템플릿 소스

2013/12/26 - 드림위버 템플릿 무료 소스로 최신 홈페이지를 제작해보자.~

2013/12/05 - 여러장의 사진을 하나의 콜라주로 만들어주는 사진합치기 온라인 도구 모음

2013/11/21 - 다양한 기능으로 무장한 화면 캡쳐 프로그램 최강자 모음

2013/11/04 - 디자인에 실무에 도움되는 놀라운 포토샵 PSD 템플릿 모음

2013/10/07 - 간편하게 웹사이트 전체를 다운받을 수 있는 HTTrack 프로그램 소개

이 글을 공유하기

댓글(11)

  • 2014.02.21 16:01 신고

    좋은 자료에요! 처음 보는 것들도 있군요 ㅎㅎ 고맙습니다

    • 2014.02.24 09:16 신고

      ^^ 안녕하세요.~ 되도록 중복자료는 피하고 있습니다. 좋은 자료만 선별해서 정보 제공하도록 노력할게요. 종종 들려주세요.~

  • 2014.02.23 02:02 신고

    유익하게 보고 갑니다~ 손가락 눌르고 갈게요 ^^

  • 기린
    2014.02.28 02:23

    안녕하세요. 글 잘 보고 있습니다. 잘 몰라서 여쭙는데, 이런건 무료인가요? 저작권과 상관 없는 소스인건지 궁금합니다.

    • 2014.02.28 08:21 신고

      ^^안녕하세요. 모두 무료자료입니다. 오픈소스로 해외에서 공개된 자료입니다. 다만 저작권이 없는게 아니라 무료로 제공하는 방식이라 재배포 재판매 행위만 금지합니다. 물론 상업적 이용 가능합니다.

  • 2014.02.28 16:44 신고

    바뻐서 방문을 못하고 있었는데 좋은글들이 많이 올라와있네요. ㅎㅎ

    • 2014.03.03 08:57 신고

      ^^ 오랜만에 방문해주셨네요. 저도 2월은 신학기라 정신없이 보내다보니 블로그 활동이 좀 뜸해졌습니다. 3월엔 정상적으로 달려볼게요~

  • 2015.03.27 14:41 신고

    잘보고갑니다..^^ 혹시 즐겨찾기 추가해도 괜찮을까요 ㅎㅎ?

Designed by JB FACTORY