본문 바로가기

디자인 리서치/디자인 이론과 리서치

디자이너라면 반드시 봐야할 7가지 TED 강연 영상 *본 포스트는 "Invision Blog'에 게재된 "THE 7 TED TALKS EVERY DESIGNER SHOULD WATCH (PLUS ONE FOR FUN)"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. TED Talk의 1984년의 첫번째 강연 이후, TED는 우리들에게 깊은 감명을 주며 생각할 거리들을 건내주고 있습니다. 이 중 디자인에 관련된 300개 이상의 TED 강연 중 빠트려서는 안 될 강연들을 뽑기로 했으며, 트위터리안들의 도움을 통해 7가지 강연을 추릴 수 있었습니다. (해당 강연들을 한글자막이 있을 경우한글자막이 달린 버전으로 링크를 달아 두었습니다.) 1. 좋은 디자인이 당신을 행복하게 만드는 3가지 방식 by ..
UI디자인가이드(스타일가이드,개발가이드,디자인명세) 만들기 (2016년 기준) (내용수정) (내용수정, 2019-09-18)본 글은 2016년에 기재된 비교적 오래된 내용을 담은 포스트입니다. 관련 내용을 2019년 09월 기준으로 추가 드립니다.아래 소개된 툴들은 이제 거의 사용되지 않습니다.UI디자인가이드 제작에 있어 '제플린'이라는 디자인명세 및 핸드오프 툴이 거의 업계 표준으로 자리잡았습니다.그 외의 일부 기업에서는 전통적인 파워포인트를 여전히 활용하고 있습니다.그사이 명세적 측면보다 디자인의 구체적 활용안 및 컴포넌트화를 다루는 '디자인시스템'이라는 확장된 개념이 등장했습니다.용어의 모호성은 여전합니다. 디자인가이드, 디자인명세, 스타일가이드, 디자인규격 등 혼용되고 있는 상황입니다.UI디자인가이드, 디자인명세, 스타일가이드 등의 각 용어에 대한 의미성과 프로젝트 상황에 맞춰 사용하시..
'저장' 아이콘을 바꿀 수 있는 방법은 없을까? *본 포스트는 "Medium'에 게재된 Seth Coelen의 "A Better Save Icon"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 플로피디스크 모양의 '저장' 아이콘은 일종의 '근시안적' 아이콘 디자인의 사례라고 볼 수 있습니다. 최근의 어린 친구들은 플로피디스크가 무엇인지 조차 알지 못하기 때문입니다. 이제는 이 '저장' 아이콘을 보다 오랜 기간 동안 통용될 수 있는 아이콘으로 새로 디자인되어야 할 때가 아닌가 싶습니다. 물론 이것은 매우 어려운 일로 보입니다. 다음은 새로운 저장 아이콘을 만들기 위해 저를 포함한 여러 디자이너들이 노력한 결과를 공유 드립니다. Piggy Bank by Ricardo Moreira돼지 저금..
해외 웹디자이너들이 선호하는 폰트 10개 *본 포스트는 "Hongkiat'에 게재된 "Top 10 Fonts Web Designers Love"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 제가 웹/그래픽디자인을 처음 배우기 시작할 때 항상 어떤 폰트를 사용할지 고민하고, 또 실무에서는 어떤 폰트를 주로 사용하는지 궁금했습니다. 그래서 저는 실제 디자이너들이 어떤 폰트를 자주 사용하고 또 선호하는 지, 더불어서 타이포그래피 관련 어떤 이슈를 지니고 있는지에 대해서 조사를 진행하기로 했으며, 그 결과를 공유하고자 합니다. Polldaddy,Forrsr, Facebook, Twitter와 같은 서비스를 통해서 조사를 진행했으며, 총 14개국에 있는 34명의 디자이너들로부터 어떤 폰트..
그림으로 알아보는 컴퓨터 아이콘의 역사 *본 포스트는 "Futuramo Blog"의 2015년 05월 10일 게재된 "Visual History of Computer Icons"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 컴퓨터에 사용되는 폴더 아이콘, 스마트폰 상의 삭제 버튼, 혹은 웹 상의 PDF 다운로드를 위한 파일 아이콘 등은 언제부터 사용되기 시작했을까요? 컴퓨터 아이콘들은 일상적으로 사용되지만 35년의 역사를 가지고 있다는 것은 사실 많은 사람들이 알지는 못합니다. 컴퓨터 아이콘의 역사는 매우 유의미합니다. 컴퓨터 아이콘은 먼 어디에선가 만들어졌다고 볼 수도 있으며 혹은 우리 생활 근처에서 발생했다고 볼 수도 있습니다. 뉴스에서 다뤄지지도 않았으며, 저녁 식사의 주..
웹디자이너가 개발자와 협업하기 위해 체크해야 할 사항들 *본 포스트는 "Invision App Blog"의 2016년 10월 14일 게재된"Kevin Tomasso"의 "Questions to ask developers befor you start designing"이라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 다음 인용문은 InVision 사에서 제공하는 온라인 교육 과정 중에서 Kevin Tomasso가 강의한 'Designing with your developers in mind'에서 말한 내용입니다. "대부분의 반응현 웹디자인에서는 다양한 제약 조건들이 존재합니다. 기술적인 측면에서의 제약과 함께, 개발팀이 지니고 있는 지식과 스킬에서도 그 제약 조건들은 발생할 수 있습니다."본 포스트..
카드 UI디자인 하는 법 파헤치기 *본 포스트는 "Smashing Magazine"의 2016년 10월 11일 게재된"Nick Babich"의 "Designing Card-Based User Interfaces"라는 포스트를 국문으로 번역하여 더 많은 사람들에게 정보를 알리고자 하는 목적으로 저작된 포스트임을 밝힙니다. 웹/모바일 어플리케이션들은 여러 페이지로 정보가 집약된 디자인에서 개인화된(personalized) 경험에 집중화된 디자인으로 바뀌어 가고 있습니다. 이러한 디자인은 많은 콘텐츠 조각들의 집합을 통해서 가능합니다. 지금 콘텐츠가 보여지는 방식은 카드 형태로 보여지고 있다고 볼 수 있습니다. 카드 기반의 인터랙션 디자인 모델링은 매우 다양하게 활용되고 있으며, 최근에는 거의 모든 곳에서 이런 디자인을 확인할 수 있습니다.(..
좋은 인터페이스 디자인(UI디자인)의 8가지 법칙 메릴랜드 대학 HCI랩의 유명한 연구자, 벤 슈나이더맨(Ben Shneiderman) 교수 사용하기 편하면서도, 생산성이 있고, 전체적으로 훌륭한 인터페이스 디자인 결과물을 원한다면 벤 슈나이더맨(Ben Shneiderman)의 '인터페이스 디자인의 8가지 황금룰'을 참고해 보시기 바랍니다. 애플, 구글, 마이크로소프트는 이러한 벤 슈나이더맨의 황금룰을 가장 잘 반영하는 최고의 제품들을 만들어 내는 회사들로 볼 수 있습니다. 황금룰을 통해서 만들어진 특징들은 위에서 언급한 각 회사들이 가지고 있는 UI디자인 인터페이스 가이드라인을 통해서 확인할 수 있습니다. 이러한 황금룰들을 단순 컨셉이 아니라 시각적으로 실천하는 데에 성공하는 것은 각 회사의 제품을 더욱 성공할 수 있게 해주는 역할을 합니다. 이번 기..