ux dev

*본 포스트는 "Smashing Magazine"의 2016년 10월 11일 게재된"Nick Babich"의 "Designing Card-Based User Interfaces"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 웹/모바일 어플리케이션들은 여러 페이지로 정보가 집약된 디자인에서 개인화된(personalized) 경험에 집중화된 디자인으로 바뀌어 가고 있습니다. 이러한 디자인은 많은 콘텐츠 조각들의 집합을 통해서 가능합니다. 지금 콘텐츠가 보여지는 방식은 카드 형태로 보여지고 있다고 볼 수 있습니다. 카드 기반의 인터랙션 디자인 모델링은 매우 다양하게 활용되고 있으며, 최근에는 거의 모든 곳에서 이런 디자인을 확인할 수 있습니다.(..

메릴랜드 대학 HCI랩의 유명한 연구자, 벤 슈나이더맨(Ben Shneiderman) 교수 사용하기 편하면서도, 생산성이 있고, 전체적으로 훌륭한 인터페이스 디자인 결과물을 원한다면 벤 슈나이더맨(Ben Shneiderman)의 '인터페이스 디자인의 8가지 황금룰'을 참고해 보시기 바랍니다. 애플, 구글, 마이크로소프트는 이러한 벤 슈나이더맨의 황금룰을 가장 잘 반영하는 최고의 제품들을 만들어 내는 회사들로 볼 수 있습니다. 황금룰을 통해서 만들어진 특징들은 위에서 언급한 각 회사들이 가지고 있는 UI디자인 인터페이스 가이드라인을 통해서 확인할 수 있습니다. 이러한 황금룰들을 단순 컨셉이 아니라 시각적으로 실천하는 데에 성공하는 것은 각 회사의 제품을 더욱 성공할 수 있게 해주는 역할을 합니다. 이번 기..

이번 포스트는 인터랙션디자인 재단에서 작성한 '10개의 UI디자인 패턴 참고 사이트'라는 포스트를 소개해 드릴까 합니다. 답을 찾기 위해서 똑같은 리디자인의 작업의 반복을 좋아하는 디자이너가 있을까요? 이미 성공적으로 문제를 해결하는 데에 성공한 디자인 양식을 활용할 수 있다면 그러한 작업의 반복을 피할 수 있을 것입니다. 저희는 UI디자인 패턴을 찾을 수 있는 최적의 장소들을 선별해서 기재하는 작업을 하였습니다. 몇몇 사이트는 특정 정보에 한해서는 과금을 할 수도 있으니 주의하시기 바라며, 저희는 해당 사이트들과 어떠한 이익적 관계가 없음을 밝혀 드립니다.(모든 사이트는 영문 사이트입니다.)01. UI Patterns (UI 패턴스) UI 패턴스라는 이 사이트는, 말 그대로 UI디자인 패턴을 쉽게 찾을..

*본 포스트는 "Smashing Magazine"의 "Freebie: Flat Line UX And E-Commerce Icon Sets (83 Icons, AI, EPS, PNG, SVG)"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다.회사 내에서 목표를 설명해야 하는 상황에 얼마나 자주 처하시는 편입니까? 다음 목표에 대한 프레젠테이션을 준비해야 할 수도 있고, 디자이너로서 새로운 디자인 패턴 라이브러리를 제작해야 할 수도 있습니다. 어떤 식의 프로젝트를 진행 중이든 간에 오늘 제공드릴 아이콘 세트는 매우 유용하게 이용될 수 있을 것입니다. Ecommerce Website Design이라는 디자인팀에 의해서 제작된 이 아이콘들은 다양한 포..

이미지 출처 : http://thenextweb.com/ 파이어폭스로 유명한 모질라 재단은 6월 부터 아이덴티티를 다시 정립하는 작업을 시작했으며, 인터넷에 이에 도움을 구하고 있습니다. 모질라는 이미 많은 디자이너들과 관련 커뮤니티들로부터 최종 선정된 디자인 로고 후보들에 대한 피드백을 받아 내기도 했습니다. 이미지 출처 : www.blog.mozilla.org 위에 보시다시피 여러 스타일과 카테고리로 분류가 되어 있습니다. The Good Fight(괜찮았던 싸움), For The Internet of People(인터넷 사람들을 위해), Choose Open(마음대로 선택하세요), With you from the Start(처음부터 당신과 함께), Mavericks & United(메버릭스앤유나이티..

최근 세계적인 색상 연구 및 관련 상품을 제공하는 팬톤에서 디지털 환경에서 일하는 디자이너들을 위한 색상 관리 및 영감 어플리케이션을 출시했습니다. 팬톤스튜디오라는 이름의 이 어플리케이션의 주요 특징에 대해 간략히 알아 보겠습니다. 이 앱의 주요 기능을 말하자면 색상에 관련한 영감을 받을 수 있게 하고, 업무에 도움이 되는 색상 관련 정보를 제공함과 동시에 모바일, 데스크톱 등 플랫폼에 상관 없이 색상 관리를 가능하게 하며 더불어 소셜에서의 공유도 가능하게 해주는 앱이라고 할 수 있습니다. 약 53년 간의 기간 동안 글로벌 색상 관련 스탠다드라는 제공하는 업체로서의 역할을 해온 팬톤은 이번 새로운 앱을 발표하면서 디지털 시대에서의 색상 관리에 대한 새로운 패러다임을 제공하려 한다는 태도를 보이고 있습니다..

다른 저작물들에 의해 영감을 받고 이를 팀에 공유하는 것은 팀 전체의 작업물을 보다 신선하게 하고, 디자인 수준을 더 높은 단계로 높이는 데에 긍정적인 역할을 한다고 합니다. SQUARE 205라는 디자인 에이전시는 그러한 작업의 일환으로 꾸준히 디자인 트렌드가 무엇인지 찾아보고 이를 정리하는 작업을 진행하고 있습니다. SQUARE 205가 바라보는 2016년의 웹디자인 & UI디자인 트렌드는, 전반적으로 2013~5년에 걸쳐 꾸준히 진행되온 디자인 트렌드가 보다 확장되는 개념이라고 합니다. 예를 들면 반응형 디자인이나, 모바일 기반 디자인은 이제는 표준으로 까지 자리를 잡았다고 할 수 있습니다. 헤더 이미지는 계속해서 크게 자리 잡게 될 것이고, 비디오와 애니메이션 또한 지속적으로 쉽게 이용될 수 있는..

HTML5 등장 이후 웹디자인 계에도 많은 변화가 이루어졌고, 현재에도 그 변화는 계속 이어지고 있습니다. 전통적인 웹디자인 구축 방식이었던, 웹디자이너가 웹사이트를 통이미지로 구축한 후 이미지를 잘라서 개발자에게 넘기면, 개발자가 이를 바탕으로 웹사이트를 구축, 데이터베이스에 연결하고 서버에 발행하던 방식에서 이제는 조금 더 작업자간 경계가 모호해지는 쪽으로 흐름이 이어지고 있습니다. 그 단례로 이제는 웹디자이너라고 하면 포토샵은 기본이고 그만큼 CSS 또한 잘 다루는 사람으로 인식이 되는 측면도 있는데요, 자바스크립트 역량에 따라(국내 한정)웹퍼블리셔라는 직책명을 갖기도 합니다. 이번 포스트에서는 시대 웹디자이너의 필수 소유 역량인 HTML/CSS/JS를 온라인으로 배울 수 있는 방법에 대해 간략히 ..

윈도우95는 단순 과거 운영체제를 넘어서 문화적 상징 또는 현상으로 자리 매김하고 있는 것으로 보입니다. 최근에는 윈도우95를 웹브라우저에서 런칭하는 시도(URL), 그리고 눈을 영원히 떼지 못하게 하는 윈도우95의 화면보호기(URL) 등 다양한 분야에서 윈도우 95 관련 복고 프로젝트가 진행되고 있습니다. 이러한 트렌드의 일환으로 러시아의 디자이너 Misha Petrick은 인스타그램을 윈도우95에 올리는 시도를 해서 화제가 되고 있습니다.Instagram for Win95는 90년대의 미적 감성을 인스타그램이라는 현재 전세계에서 가장 유명한 앱에 불어 넣는 시도를 한 작은 프로젝트입니다. 아래 이미지들을 통해 윈도우95에 맞게 적절하게 잘 적용된 UI디자인을 확인하실 수 있습니다. 이제는 기억 속에 ..

20년 간 변화가 없었던 마스터카드의 로고는 전세계적으로 인지되는 브랜드 요소였습니다. 수 십년 간 두 원이 서로 겹쳐진 형상과 '마스터카드'라는 문구는 신용카드 사용자들에게 친근하게 인식되어져 왔습니다. 소비나 금융에 있어 이 로고가 마치 응당 있어야만 할 것으로 여겨질 정도로 마스터카드의 로고는 친숙함을 지니고 있었습니다. 그런 마스터카드는 이번에 새로운 로고를 공개했고, 디지털매체와 웹매체에서 더욱 쉽고 일관되게 인지가 가능하도록 만들어졌습니다. 이번 리디자인은 큰 변화라기 보다는 두 개의 교차하는 원이라는 기존의 효과적인 속성은 유지하고, 그 위에 작은 변화를 추가하는 식으로 이루어졌습니다. 하지만 이 변화는 결코 작은 작지만은 않아서 이제는 전세계에서 사람들이 더욱 쉽게 마스터카드 브랜드를 인지..