모바일 앱/웹 UI 기획 및 GUI 작업시 참고하기 좋은 사이트 추천

모바일 앱/웹 UI 기획 및 GUI 작업시 참고하기 좋은 사이트 추천

모바일 어플리케이션 또는 모바일웹에서 UI, GUI를 기획하거나 구성을 하려면 창조적인 생각과 표현력이 중요하다.
각 플랫폼마다 기본적인 콤포넌트를 제공하기는 하지만 이를 활용할 경우 기능적, 시각적으로 차별화 하기가 어렵다. 또한 천편일률적으로 보일 것이다.

하여 플랫폼에서 제한하는 사항을 고려하여 최대한 사용자가 이해하기 쉽고, 사용하기 쉬운 앱을 구성을 해야한다. 차별화된 UX를 구성하기 위해서는 다양한 앱들의 사례를 벤치마킹하게 된다. 일반적으로는 앱을 다운받아 사용하고 이를 바탕으로 구성하지만 모든 앱을 사용하기란 쉽지 않다. 해서 이러한 불편함을 해결하기 위해 여러 블로그나 사이트에서 뛰어난 UI와 디자인을 겸비한 앱들을 다운 받은 후 캡쳐를 하여 제공되는 곳이 많다.

아래에는 UI 및 GUI를 잘 정리해놓은 사이트를 간략히 소개하고자 한다.
링크를 선택하면 해당 사이트로 이동하며 필요에 따라 북마크 해놓고 주기적으로 확인하면서 활용하면 좋을 것이다.

  1. GDWEB 2012
    http://www.gdweb.co.kr/

국내외 웹과 모바일 앱의 디자인을 정리 해놓은 사이트이다.
모바일 앱 카테고리로 진입하면 앱 뿐만 아니라 모바일 웹 사이트를 제공한다.
좌측에 분류별로 잘 정리되어 있다.

  1. U:MOBY
    http://www.umoby.co.kr/kor/main.php

GDWEB 2012과 유사한 사이트로 국내외의 모바일 웹을 주로 다룬다.

  1. ANDROID PATTERNS
    http://www.androidpatterns.com/

안드로이드 플랫폼 관련하여 주된 사용법의 패턴을 제공한다.
스케치 스타일로 제작된 이미지로 설명하여 이해하기 쉬우며 UI를 편안하게 숙지 할 수 있다.

  1. Apple Inspires Me
    http://www.appleinspires.me/

애플 제품에 적용되는 디자인을 모아 놓은 사이트이다.
모바일과 PC 운영체제 별로 필터링 하여 볼수 있으며 아이콘, 인터페이스 등을 분류별로 확인 할 수 있다.

  1. dribbble
    http://dribbble.com/

다양한 GUI 이미지를 제공하는 사이트이다.
갤러형태로 제공하며 색상별로 이미지를 검색 할 수 있거나 프로젝튼 태그별로 검색을 지원한다.

  1. Inspired UI
    http://inspired-ui.com/

모바일 어플리케이션의 스샷을 제공하는 사이트이다.
독특한 UI 및 GUI를 제공하는 앱들 위주로 제공된다.
콤포넌트별로 카테고리가 분류되어 있어 기획시 UI 벤치마킹하기에 좋은 사이트이다.

  1. IOSPIRATIONS
    http://www.iospirations.com/

IOS만을 위한 사이트로 아이패드 앱 디자인, 아이폰 앱 디자인, 아이콘 디자인 등의 분류로 제공되고 있다.

  1. jQuery Mobile Gallery
    http://www.jqmgallery.com/

jQuery 기술을 사용하면 만들어진 모바일 웹을 정리 해놓은 사이트이다.

  1. cssiphone
    http://cssiphone.com/#

아이폰 위주의 어플리케이션 디자인을 제공하는 사이트이다.
이미지의 자세한 내용을 선택하면 위에 언급된 dribbble 사이트로 이동한다.

  1. CREATTICA

http://creattica.com/

 

디자인 전반을 다루는 사이트로 UI, 블로그 템플릿, 월페이퍼, 사진 합성들 다양 casino 분야를 제공한다.
또한 무료 PSD를 제공함으로써 디자인 리소스로 활용할 수 있는 장점도 있다.

  1. lovelyui
    http://www.lovelyui.com/

모바일 어플리케이션의 UI 캡쳐를 제공하는 사이트이다.
여러가지 태그 카테고리를 제공하여 원하는 분류별로 찾아 볼 수 있다.

  1. mobile awesomeness
    http://www.mobileawesomeness.com/

모바일 웹 구축 사례를 갤러리 형식을 통해 제공하는 사이트이다.

다양한 사이트의 모바일 웹 구축 사례를 확인할 수 있다.

  1. MOBILE DESIGN
    http://mobiledesign.com/

모바일 디자인에 관하여 제공하는 사이트
모바일 디자인, 데스크탑 디자인, 태블릿 디자인, UX 디자인, 산업 디자인 들 포괄적인 주제를 다루고 있다.

  1. Mobile Patterns
    http://www.mobile-patterns.com/

Inspired UI와 유사한 사이트로 콤포넌트별로 정리 된 사이트이다.

  1. MOObileFrames
    http://moobileframes.tumblr.com/

모바일 화면 구성의 예제를 정리해 놓은 사이트이다.
초보 UI 기획자가 대표 화면 구성 시 참고하기 좋은 사이트이다.

  1. pttrns
    http://pttrns.com/

역시 콤포넌트 별로 잘 정리된 사이트 이다.

  1. Refined MOBILE
    http://www.refinedmobile.com/

모바일 포트폴리오를 모아 놓은 사이트이다.
프로젝트 별로 다양 스크린샷을 제공한다.

  1. TapFancy
    http://tapfancy.com/

모바일 포트폴리오를 모아 놓은 사이트이다.
프로젝트 별로 다양 스크린샷을 제공한다.

  1. TappGala
    http://www.tappgala.com/

주제별로 모바일 앱의 스크린 샷을 제공하는 사이트 이다.

  1. DesignDim
    http://www.designdim.com/2011/07/50-latest-mobile-phones-gui-design-psd/

모바일 기기 및 운영체제 별로 콤포넌트 소스를 모아 놓은 사이트이다.
PSD를 제공하고 있어 디자인시 원본 소스를 활용하여 빠른 작업을 진행할 수 있다.

About The Author

admin

No Comments

Leave a Reply

OUR EXPERIENCE SITE


CONTACT US


ICT와 디지털 환경에서 각자 다른 경험을 공유하고 싶으신 분은 언제라도 환영합니다. 우리의 경험과 함께 하고 싶은 개인, 회사도 연락주세요. 같이 나아갈 수 있도록 하겠습니다.




Address:

22, Boramae-ro 17-gil, Dongjak-gu, Seoul
07060

Phone:

82+(10)-3169-8047

E-mail :

choiyoungmin8044@gmail.com

© 2010~2017 MTALKING. All Rights Reserved