스웨덴 UI디자인 전문회사 TAT의 휴대폰 UI 데모 몇가지... UI 컨셉으로 이목을 끌고 있긴 하지만, 이 회사가 진짜로 팔고자 하는 제품은 tat cascades (UI 엔진)와 tat mobion lab (모션툴), tat kastor (렌더링 엔진), tat design (디자인툴)이다... 홈페이지는 http://www.tat.se/


Eyetracking을 통해 실제 깊이감이 느껴지는 Top menu를 보여주는 데모


팝업북처럼 앞으로 당기면 폴더가 열리는 Foldout Physics 3D UI 데모

상하좌우 네방향으로 Lock screen을 밀면, 4가지의 핵심기능에 빠르게 접근이 가능하다



원하는 음악앨범을 연대별로 빠르게 검색할수 있는 History lane UI 데모


Print UI : Image를 위주로 구성된 독특한 폰북리스트 + LBS 관련 데모 + mp3 데모

사진 썸네일들이 계속 흘러가는 이미지앨범의 또다른 구성 - Photo river

모든 텍스트와 옵션, 리스트등이 20도 기울어져있는 독특한 UI 데모 - Minus 20 degrees


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. Enzo
    2009.02.27 00:58
    댓글 주소 수정/삭제 댓글
    상당히 재미있네요
    저런 회사는 앞으로 대박칠듯

사용자 삽입 이미지

삼각발(?)을 사용하는 듯한 효과를 보여준다는 캐논 카메라의 최근 Image stabilizer 광고...

그러나, 손은 떨리고 있다... ㅡ,.ㅡ;;


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지

인피니티 G37 쿠페와 FX 씨리즈의 특징적인 바디라인을 베이스로 디자인된 가상의 로봇컨셉 씨리즈... 본 디자인 작업은 인피니티의 의뢰로 메카닉 디자이너인 이주홍씨가 진행하였고, 닛산 코리아의 "인피니티 라이프" 매거진 가을호에 게재되어 있다.

☆디자이너가 느끼는 G37 쿠페 : 아름답고 단정한 곡선의 강한 이미지라인, 신비로운 눈빛과 Top head의 맹렬한 Speed shape, 불타오르는 듯한 바디... 마치 유리관에 구속된 불꽃같은 느낌...

☆디자이너가 느끼는 FX : 무섭게 정교하고, 어두우면서도 강렬한 매끄러운 라인... 신비로우면서도 정숙한 무서움을 가진 오래된 신화속 악마와도 같은 이미지...

메카닉 디자이너 : 이주홍 (keguys@hotmail.com)

인피니티 특유의 심통나있는 멧돼지(?) 느낌을 살려, 좀더 단순하면서도, 묵직한 이미지였으면 하는 아쉬움이 조금(?) 남는다... ㅡ,.ㅡ;;


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

http://www.hige-chen.com/index.html

사용자 삽입 이미지

위 사이트에 들어가면, 본인의 얼굴 사진을 올리고, 1000개나 되는 다양한 종류의 수염과 구렛나루들을 붙여볼 수 있다. 잘 골라보면, 꽤 그럴싸하게 어울리는 수염도 발견할 수 있다.


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2008.10.06 10:41
    댓글 주소 수정/삭제 댓글
    재밌는 곳이네요..ㅅㅅ 북마크하도록 하겠습니다..

Eye 트래킹이나 마우스 트래킹 분석 신뢰도의 70%에 육박하는 Feng-GUI attention map 서비스... 이미지를 올리면, 사람들의 시선이 그 이미지의 어느곳에 가장 오래 머무르는지, Feng-GUI 맵만의 독특한 알고리즘을 통해 쉽게 알 수 있다. 특히, 광고 포스터나 웹사이트 분석에 유용한 듯... 사이트를 방문해보면, 원리에 대한 설명과 여러가지 제공서비스 종류들도 살펴 볼 수 있다. (비디오도 유사 Eye 트래킹 서비스 해준다는 사실!)

※ 사용방법 : 중앙에 위치한 "찾아보기" 버튼을 눌러 이미지를 로드한다. (화면에 로드한 이미지는 보이지 않음.) 그리고, Heatmap 버튼을 누른다. 30초정도 조금 기다리면, 분석 결과가 나타난다.  

사용자 삽입 이미지

http://www.feng-gui.com/


1) 테스트1 (CYON 비키니폰 포스터)

사용자 삽입 이미지

1-1) 테스트1 이미지 결과 : 1번은 겨드랑이, 2번, 3번은 가슴... (예상대로...) 4번은 비키니폰 (정확하게는 맨 오른쪽 조그만 뒷면... ㅡ,.ㅡ;;), 5번은 얼굴, 6번은 배꼽, 7번은 뒷 바다... ㅡ,.ㅡ;;

사용자 삽입 이미지



2) 테스트2 (몬스터디자인 초기화면) --> 시간이 너무 오래 걸려, 이미지 대폭 축소하여 진행

사용자 삽입 이미지
2-1) 테스트2 결과 : 1번은 중간 첫번째 이미지 우측, 2번은 좌측 하단 CYON Secret 폰 오드리 헵번 얼굴, 3번은 다시 가운데 메인 첫번째 이미지, 4번은 구글 광고...

사용자 삽입 이미지
 
3) 테스트3 (iPhone 초기화면)

사용자 삽입 이미지

3-1) 테스트3 결과 : 1, 2번은 좌측 인디케이터 상단 (조금 이상함... ㅡ,.ㅡ;;) 3번은 SMS 아이콘, 4번은 우측 하단 iPod 아이콘, 5번은 Stock 아이콘...

사용자 삽입 이미지

Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 無異
    2008.08.22 12:50
    댓글 주소 수정/삭제 댓글
    사람처럼 사물이나 매체에 대한 스키마를 가지고 있는것이 아니라서 단순히 시각특성만을 인지심리학 이론에 따라 분석하는것이라 실제 아이트래킹을 대체하기는 어려울것 같습니다.
    위의 비키니폰 광고는 프로그램이 저게 사람인지 뭔지도 모르니까 왼쪽 가슴은 눈길도 안주는것이지요^^
    웹페이지에서도 요즘은 사람들이 학습이 잘되어 있어 배너영역에는 눈길조차 주지 않더라구요.


영국의 아티스트 Heather Ackroyd와 Dan Harvey가 윔블던 테니스 챔피온쉽 2008을 위해 제작한 이 작품은 실제 잔디로 만들어졌다. 햇빛을 많이 받으면, 녹색을 띄고, 빛이 부족하면, 노란색을 띄는 잔디의 자연적인 Photosensitive한 성질을 이용하였는데, 암실에서 하루 12시간씩, 일주일간 흑백 네가티브 이미지를 잔디에 쐬서 만들었다고 함.

사용자 삽입 이미지

왼쪽부터 Tara Moore (선수... ㅡ,.ㅡ;;), Eddie Seaward (15년간 윔블던에서 Goundsman), Lizzie May (윔블던 쥬니어팀 코치)...

이 작품은 일반에 공개하는 순간부터 이미지가 점점 희미해져서 결국은 사라진다고...

Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

간혹 아이콘 검색이 필요할 때가 있습니다. 대개 구글에서 키워드 입력후, 이미지 검색결과를 뒤지기 일쑤였는데, 아래와 같은 아이콘 전문 검색 사이트를 통해 많은 도움이 되었습니다.



https://thenounproject.com


https://material.io/tools/icons/


https://365psd.com


https://www.flaticon.com



   





Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지

http://moodstream.gettyimages.com/


현재 기분을 5가지 항목의 bar로 설정해 두고, "Refresh stream" 버튼을 누르면, 잠시후, 세팅한 무드에 맞는 이미지, 동영상, 음악이 랜덤하게 계속 바뀐다. 기세팅된 Refresh, Excite, Inspire, Stabilize, Simplify, Intensify의 6가지 Presets도 기본으로 제공한다. 이미지와 음악을 듣다가, 마음에 드는게 있으면, 우측 상단의 무드보드에 저장해 놓을 수도 있고, 바로 구입도 가능하다.

이런 기능은 얼마든지, iPhone등의 모바일 기기를 통해, 휴대폰이나 휴대용 음악기기등에 재미있게 응용이 가능할 듯 싶다. 또한, 몇개의 제시된 키워드의 느낌만을 가지고 브레인스토밍이나 아이디어 제너레이션등에 써먹어도 좋을듯 싶다. 근사한 카페나 다방같은곳에서도 이 사이트를 프로젝터로, 벽에 풀스크린으로 띄워놓으면, 그날 그날의 분위기에 맞게, 멋진 분위기를 연출할 수 도 있을 것 같다.

조금 아쉬운 점은 쭈욱 보다 보면, 동일한 이미지가 몇번이나 반복되고 있음을 알수 있는데, 사용자들을 참여시켜 이미지에 태그를 달게 하거나 해서, 양을 좀 늘려야 할듯 싶다.



Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2008.06.13 11:10
    댓글 주소 수정/삭제 댓글
    좋은 정보 잘 봤습니다.
    http://clien.career.co.kr/zboard/view.php?id=useful&no=9776
    이쪽에도 소개했습니다. 좋은 하루 보내세요!


BLOG main image
mONSTER dESIGN bLOG ♨ 2000-2019 모든 포스트는 마음껏 퍼가고 재가공하셔도 됩니다. by 몬스터디자인

카테고리

분류 전체보기 (1649)
pRODUCT dESIGN (548)
tELECOMMUNICATION (146)
tRANSPORT (160)
LIFESTYLE kONTEXT (242)
tECH fARM (100)
fAIRS and eXHIBITS (38)
sHOPPING cART (6)
cOMIX (51)
bOOKS + mAGAZINES (86)
mOVIES (148)
gAMES (11)
iDLE tALK (113)
06-02 01:42
Total : 5,946,097
Today : 4 Yesterday : 136