최근 디자인 툴의 핵심이자 가장 큰 관심사는 역시 인공지능(AI)입니다. 오늘 소개할 ‘Creatie’ 역시 인공지능을 활용해, 화면 디자인을 효율적으로 진행할 수 있는데요. 아직 출시된 지 한 달 밖에 지나지 않았지만, ‘프로덕트 헌트(Product Hunt)’에서 약 1,400표를 얻으며, 지난 4월 인기 프로덕트에 선정되었을 만큼 많은 관심을 받고 있습니다. 피그마와 스케치가 컴포넌트 단위의 관리에 초점을 맞추고 있다면, 이들은 디자이너가 더 나은 유저 인터페이스를 만드는 것에 집중할 수 있도록 돕습니다.

테무(Temu)는 요즘 들어 국내 앱스토어 인기 차트 상위권에 항상 이름을 올리는 쇼핑 앱이다. 이 서비스는 어떤 방법으로 소비자들의 구매 욕구를 끌어올리고 있을까? 최근 유행하는 쇼핑 앱, 테무를 살펴보며 사용자가 정신 차릴 새도 없이 마구 결제하도록 만든 메시지로는 무엇이 있는지 샅샅이 파헤쳐보자.

데이터 시각화는 데이터를 쉽게 이해할 수 있도록 그래픽 형태로 나타낸 것을 의미합니다. 최근 데이터 시각화는 인터랙티브한 기능으로 사용자가 데이터의 상세 정보를 파악하고, 방대한 양의 데이터를 한 화면에 표시하거나 3D로 나타낼 수 있게 진화하는 중입니다. 이런 맥락에서 증강현실(Augmented Reality, AR)을 통해 데이터를 보는 것을 넘어 생생하게 경험하고자 하는 시도가 늘고 있습니다.

오늘 소개할 ‘Weavely’는 피그마에서 설문조사를 AI의 도움을 받아 쉽게 생성하고, 수집된 데이터를 시각화할 수 있는 플러그인입니다. 디자인 작업까지 한 번에 진행할 수 있다는 장점이 있어 이번 글에서 자세히 살펴보고자 합니다.

요즘 미국 초등학생들 사이에서는 애플의 아이폰보다 더 인기를 끌고 있는 컵 하나가 있다. 약 50달러 정도의 1리터가 넘는 커다란 퀜처(quencher, 상품명) 텀블러인데 인기가 많아지면서 품귀 현상이 겹쳐 중고 시장에서 10배가 넘는 가격에 거래되기도 했다. 이 열풍의 주인공인 스탠리(stanley)는 1913년에 만들어진, 무려 100년이 넘는 역사가 있는 보온병 브랜드이다. 단종될 위기에 처해있던 스탠리 퀜처 텀블러가 역주행하게 된 이야기에서는 두 가지 심리학 이론을 찾아볼 수 있다.

2023년 구글은 글 쓰는 사람들을 위한 창작 보조 도구로 ‘TextFX’를 공개했습니다. 구글의 ‘PaLM2’ 언어 모델을 사용하는 일종의 실험으로, 래퍼, 작가, 언어 예술가를 위한 10가지 도구를 제공했죠. 구글이 공개한 실험을 먼저 언급한 이유는 오늘 소개할 서비스 ‘ideator.design’은 대상만 다를 뿐, 구글의 ‘TextFX’ 실험에서 영감을 받았기 때문입니다. 구글이 텍스트(언어) 중심의 창작자를 대상으로 했다면, 이곳은 디자이너(사용자 경험)에 초점을 맞춰, 유사한 방식으로 내용을 입력하고 결과를 확인할 수 있습니다.

시맨틱 마크업(Semantic Markup)이 중요해지면서 <div>로 퉁쳤던 태그들이 이름을 찾고 있습니다. 대표적으로는 <header>, <nav>, <footer> 등이 있죠. Semantic은 의미의, 의미론적인 이라는 뜻을 가지고 있습니다. 의미를 담은 마크업이라니, 그냥 듣기에도 좋아 보입니다. 그런데 구체적으로 시맨틱 마크업이 대체 어떻게 좋은 것이며, 또 어떻게 시맨틱한 마크업을 해야 할까요?

글쓰기와 디자인은 비슷한 점이 많습니다. 목적과 대상에 맞게 쓰여진 글과 목적과 대상에 맞게 만들어진 디자인을 좋은 결과물이라 하는 것을 보면 공감하실 것이라 생각됩니다. 글쓰기와 디자인은 결과물을 만드는 과정, 더 나은 결과물을 위해 생각을 고도화하는 과정이 매우 비슷합니다. 때로는 글이 디자인보다도 더 명확한 핵심을 추출하는 데에 더 효과적이기도 한데요. 그래서 알라미 디자이너들은 디자인이 잘 진행되지 않을 때 모든 것을 멈추고 글쓰기에 집중하기도 합니다.

와이어 프레임은 프로젝트 개발에서 매우 중요한 과정 중 하나입니다. 어떤 레이아웃에 따라 구성할 것인지, 포함되는 주요 기능은 무엇인지 등을 최대한 단순하게 확인하고 의견을 나눌 수 있는 기준이 되기 때문입니다. 이번 글에서는 와이어 프레임 제작에 도움을 주는 두 가지 서비스를 살펴볼 텐데요. 기능 단위로 와이어 프레임 사례를 확인할 수 있는 ‘Wireframe-Examples’와 텍스트 중심의 와이어 프레임을 간략한 조건에 따라 생성할 수 있는 ‘Wireframer’입니다.

색의 사용은 데이터 시각화에서 정보를 전달하는 데 매우 중요한 역할을 합니다. 색은 복잡한 데이터를 직관적으로 이해할 수 있도록 도와주며, 사용자의 주의를 끌고, 정보를 명확하게 전달하는 수단으로 사용됩니다. 하지만, 색을 사용할 때 주의해야 할 사항들이 존재합니다. 이 글에서는 데이터 시각화에 필요한 색의 기본 개념과 정보 전달을 돕는 색의 사용법에 대해 알아보겠습니다.