‘우주 오페라 극장’(Théâtre D’opéra Spatial) image created by the generative artificial intelligence platform Midjourney, using a prompt by Jason Michael Allen. 인공지능 AI가 대회에서 우승했고, 예술가들은 분노했습니다 – 레이첼 메츠 (CNN Business) 당시에 사람이 그린 예술품으로 판단하는 것이 맞냐는 것에 대한 논쟁이 벌어졌습니다.

GUI 디자이너로서 ‘UI 적 측면을 고려하고 유려한 화면을 만들어 정리하는 것이 중요하다.’ ‘어떤 것이 좋은 디자인이고 나쁜 디자인이다.’라는 이야기는 브런치나 블로그 글에서 찾아볼 수 있고 저보다 더 디자인 감각이 뛰어난 선배들이 해 줄 것이라는 것을 잘 알고 있습니다. 이러한 원론적인 이야기도 중요하지만, 현실에서는 실무 진행에 도움이 될 팁이 더욱 필요로 했고 이러한 팁들을 공유하는 것이 프로젝트를 준비하는 주니어 디자이너들에게 실질적인 도움이 될 것이라 생각합니다.

지난번 소개드린 『스케치 플러그인 MeaXure 리뷰』에 이어 유용한 플러그인을 하나 더 소개해 드리려고 합니다. 아트보드와 레이어의 이름을 손쉽게 변경할 수 있는 플러그인 Rename it 입니다.

UI 디자인을 구성하는 요소들은 여러 가지가 있지만 그중에 컬러는 가장 강력한 시각언어입니다. 구글 Material Design이나 애플의 Human Interface Guidelines 에도 컬러에 대한 정의가 잘 나와있지만, 실제 프로젝트에서는 어떻게 적용하고 진행해야 하는지에 대해 공유하려고 합니다.

디자이너로 프로젝트를 진행하다 보면, 개발을 위해 가이드를 제작해야 하는 경우가 종종 있습니다. 1년 차에 가이드 작업을 진행할 때 관련 정보를 쉽게 찾을 수 없어서 고생했던 경험이 기억나네요. 요즘은 제플린이 많이 상용화되어 ppt 가이드를 제작하는 일은 거의 없는 것 같아요.

노션(Notion)은 실리콘밸리에 돌풍을 몰고 와 지금은 가장 인기 있는 협업 툴로 인정받은 나이키, 맥도날드, 월스트리트저널 등에서 실제 사용되고 있는 도구입니다. 디자이너로 일을 하다 보면 개발자와 기획자 등 여러 사람과 일을 하게 되기 때문에 노션 같은 협업 도구를 사용하면 조금 더 효율적으로 일할 수 있습니다.

출근길 버스를 기다릴 때, 길을 건너기 위해 신호를 기다릴 때 등 우리는 언제 어디서나 항상 기다림과 마주하게 됩니다. 일상에서뿐만 아니라 모바일, 웹 등의 미디어 환경에서도 로딩이라는 기다림을 마주하게 됩니다. 로딩은 프로그램이 처음 실행될 때 디스크에서 읽어 메모리에 저장하고, 이것이 화면에 출력되는 데까지 걸리는 시간을 의미합니다.

gulp.js란? 꿀꺽 꿀꺽? 이 글을 보고 웃는 사람이라면 적어도 퍼블리셔거나 혹은 gulp에 관심이 있는 사람일 겁니다. 시작은 “사용하면 업무가 편해진다.” 입니다. 반복적인 업무를 하는 사람이라면 분명 업무 중에 불편함을 느끼는 부분을 느끼게 되고 그걸 해소하고 싶은 욕망이 생기기 마련입니다.

지난 2월  MBC에서 방영된 특집 VR 휴먼 다큐멘터리 <너를 만났다>를 보셨나요? <너를 만났다>는 혈액암으로 7살이라는 어린 나이에 하늘나라로 떠난 딸(나연)을 그리워하는 엄마에게 가상현실(VR)을 통하여 만날 수 있게 한 프로젝트입니다.

Part 2. 실무에서 활용하기 이번 파트에서는 크롬 개발자도구를 디자이너들이 실무에서 어떻게 활용하는지 알아보겠습니다. 웹을 디자인하다 보면 중간중간 퍼블리싱이 잘 되었는지 검수하는 과정이 꼭 있는데요. 애플 사이트를 예시로 선택한 엘리먼츠가 어떻게 퍼블리싱 되었는지 검수해보도록 하겠습니다.

Part 1. 크롬 개발자도구 알아보기 처음 웹을 디자인하는 사람이라면, 퍼블리싱된 웹을 검수할 때 어떤 기준으로 검수해야 할지 막막하고 난감한 순간이 있었을 겁니다. 내가 만든 디자인이 잘 구현되었는지 눈대중으로 판단하기엔 한계가 있고, 그렇다고 모르는 척 지나치기엔 이상한 점이 한두 가지가 아닙니다. 

삼성카드 챗봇 구축 인사이트 1편 퍼소나를 반영한 캐릭터 구축과 그래픽, 애니메이션의 활용방법에 이어 2편에서는 대화형 인터페이스 활용과  챗봇 구조를 이해하고 다양하게 활용하는 것에 대해서 이야기 해 보겠습니다.

챗봇(chatbot)은 지난해부터 올해 상반기까지 커머스(commerce) 뿐만 아니라 주요 은행, 증권사, 보험사, 카드사 등 많은 분야에서 사용되고 있습니다. 사용자에게는 정보탐색의 수고스러움을 덜어주고, 공급자에게는 인력 관리와 더불어 사용자의 니즈(needs)를 학습하여 마케팅 수단으로 활용하게 할 수 있기 때문에 많은 기업에서 빠르게 챗봇을 도입하고 있습니다..

최근 모 언론사의 UX 디자인 프로젝트를 진행하면서 기존의 인쇄 매체들이 미디어 환경에서 어떤 방식으로 정보를 전달하는지 리서치할 기회가 있었습니다. 과거에는 인쇄매체(책, 잡지, 신문 등)와 음성매체(라디오), 영상매체(TV)를 통해 정보를 제공받았지만, 현재는 PC, 모바일 등의 디바이스를 통해 더 많이 정보를 접하고 있습니다.

이전편 보기 : 디자이너를 위한 프로토파이 팁 2 – Range 트리거 범위값은 어떻게 볼까? 지난 1,2편에서 반복적으로 나오는 범위(속성값)은 어떻게 구하는지 의문이 드실지도 모릅니다. 저도 처음엔 마우스로 개별 오브젝트를 움직이며 확인했는데요, 서치를 통해 좀 더 쉽게 알 수 있는 방법이 있어 소개하고자 합니다.

이전편 보기 : 디자이너를 위한 프로토파이 팁 1 – Chain 트리거 Range 이번에 다룰 Range는 트리거가 정한 범위값을 충족하면 리스폰스 할 수 있습니다. 트리거의 범위값 기준으로 리스폰스 한다라는 큰 틀은 Chain과 비슷하지만 리스폰스 옵션에서 트리거의 범위값과 리스폰스의 범위값을 계속해서 입력할 수 있었던 Chain과 달리

알고 하는 것과 모르고 하는 것의 차이 디자인툴등을 사용하다 보면 각각의 툴 자체에 수많은 기능들이 있지만 웬지 모르게 쓰던 기능들만 주로 사용하게 되는 자신을 발견하곤 합니다. 실제로 하나의 툴에 익숙해지다 보면 점차 쓰던 기능들 만을 사용하여 작업을 하거나, 효율적인 방법이 있음에도 불구하고 개인적인 작업 스타일이 있어 애써 돌고 돌아 작업하는 일명 ‘노가다’의 상황과도 마주치게 되곤 합니다.

스케치 프로젝트를 처음 해보신 디자이너라면 무엇부터 시작해야 할지, 어떤 프로세스로 진행해야하나 막막하고, 난감한 경우들을 있었을 거란 생각이 듭니다. 스케치를 처음 접하며 저도 무작정 인터넷 검색이나 참고서적과 자료들을 찾아 보면서 여러 기능들을 알아가고 프로젝트에 적용해가며 무작정 부딛혀 나가면서 진행하다 보니 스케치의 기능이나 디테일적인 부분들은 어느 정도 사용할 수 있는 수준이 되었지만 막상 새로운 프로젝트를 만나게 되면 또 어떻게 시작할지 다시 막막해지는 경험이 있었습니다.

TV App은 모바일이나 웹과 컨트롤 방식이 다르기 때문에 인터페이스나 디스플레이 환경 등을 고려하여 디자인할 필요가 있습니다. 처음 TV 디자인을 접하게 되면 디스플레이의 크기 때문에 당황을 할 수도 있는데 몇 가지 제한사항들만 유의한다면 크게 어렵진 않습니다. IPTV와 홈쇼핑의 TV 앱을 작업했을 때를 떠올려 TV GUI 디자인 시 고려해야 할 사항들을 간단히 정리해 보았습니다.

지금까지 언론사, 방송사 등 “정보를 다루는 프로젝트들”을 진행하면서 가장 고민이 많았던 부분은 텍스트 운용정책이었습니다. 다양한 디바이스 환경과 유저의 층위를 고려하여 가장 적절한 크기와 행간을 운용하는 것은 시각적으로 도드라져 보이지는 않지만, 사용자의 편의에 직접적인 영향을 끼치는 요소이기 때문입니다.