위어드섹터 공식 블로그

이런 그래프를 보면 어떤 생각이 드시나요? 지금 주식을 사는 게 비싸게 사는 것인가? 변동폭을 보면 앞으로 오를 것 같은데… 그러면 살까? 아니야 옛날이랑 비교하면 떨어졌잖아? 그렇다면 올라도 많이 못 오르고 떨어질 거야. 시간의 순서대로 데이터가 쌓이는 것 이것을 우리는 시계열 데이터라고 부릅니다. 가장 대표적인 예로는 위에서 보여드린 주식 그래프가 대표적이지요. 주식도 전문가들이 보면 살 때와 팔 때를 유추할 수 있을 텐데 … 그래서 영화 같은 것을 보면 작전세력?을 넣어 앞으로의 주가를 바꾸기도 하던데 저는 주식에는 워낙 재능이 없어서요 ^^a 주식에는 재능이 없는 UX디자이너이지만, 데이터를 보고 UX라는 무기로 브랜드의 미래(충성고객으로의 전환, 구매수 증가 등)는 어느정도 바꿀 수 있답니다. ..

스타트업에서는 대부분 잘 갖춰져 있는 디자인 시스템이 없을 것이라고 생각됩니다. 모든 프로세스가 에자일 하게 돌아가는 조직이라면, 디자인 시스템을 만드는 것보다 다른 곳에 시간을 쏟아야 하는 경우가 많습니다. 하지만 디자인 시스템이 없다면 디자인에 관련된 언어들은 모두 흩뿌려져 있고 이를 매번 모아야 된다는 말과 같습니다. 더 이상 반복적인 디자인 업무는 하지 않도록 이를 자동화시키고, 이 외에 남는 시간에 창의적인 작업을 하는 것에 투자하는 것이 좋습니다. 디자인 시스템이 뭐야? 디자인 시스템은 팀이 보다 효율적으로 일관된 디자인을 제공하는 데 도움이 되는 도구, 지침, 공유 가치 및 원칙의 생태계입니다 . 디자인 및 프론트엔드 도구 "디자인 시스템은 제품을 채택하는 것이 더 효율적이고 응집력 있게 될..

안녕하세요 ! 디자이너 JJ입니다. 저번 글에서는 Figma에서 가장 유용하게 사용할 수 있는 Component에 대해 알아봤으니 이번 글에서는 그 Component를 활용하는 Variants기능에 대해 알아보겠습니다.🧐 1. Variants란 무엇일까요? Variants란 변형이란 뜻으로 컴포넌트들을 조합하여 컴포넌트 세트를 만들어 좀 더 체계적으로 사용하는 기능입니다. 이 기능을 사용하여 토글버튼의 on/off상태를 만들 수도 있고 버튼의 Default, hover, focus, disabled를 사용할 수 있습니다. 예를 들어 이런 토글을 사용할때 각각의 컴포넌트를 만들어 사용하기보단 컴포넌트에 variant 속성을 부여해 하나의 컴포먼트로 토글의 [on/off]를 사용하는 것이 더 편리합니다. 2..

UI에서 색상이 주는 의미와 중요성에 대해 공부해보았습니다. UI에서 색상이란 사용자에게 디자인을 직관적으로 이해시킬 수 있는 강력한 시각 요소입니다. 색상이 잘못 사용된 디자인은 사용자에게 혼란을 주고 서비스의 집중도를 떨어트립니다. UI에서 색상만 제대로 사용해도 사용자를 원하는 방향으로 이끌어 줄 수 있습니다. I 색상의 용도와 해석 색상은 어떠한 이미지와 의미를 같이 동반합니다. 문화에 따라 색을 해석하는 경우가 다를 수는 있지만 공용적으로 색이 나타내는 의미가 있는데 이를 안전색채라고 부릅니다. 안전색채란 색으로부터의 연상과 상징을 이용해 위험을 제거하거나 예방하기 위해 만들어진 색입니다. 표준에 따르면 빨강은 오류, 금지 위험을 노랑은 주의, 녹색은 진행, 안전을 의미하는 것으로 정해져 있습니..

데이터 너겟 서비스의 UI화면을 디자인하던 도중 버튼에 인터랙션을 넣는 방법을 알아보았습니다. 그전에 XD에서 인터랙션을 넣어야 하는 이유는 무엇일까요? 디자이너가 머릿속에서 상상하는 인터랙션을 개발자 또는 퍼블리셔에게 설명하는 것은 생각보다 어렵습니다. ‘슈-욱 하게 올라오다가 빡!하고 버튼이 눌리는 느낌’이라고 설명하면 스스로의 설명에 현타가 오기도 하고 원하는 방향대로 개발자가 이해하지 못하는 경우도 많습니다. 이런 이유로 원하는 인터렉션이 있을 때는 최대한 구현을 해서 개발자에게 전달하는 게 좋습니다. 다른 툴에 비해 어도비 XD같은 경우에는 애프터이펙트나 플래시 등을 배우지 않고도 손쉽게 인터랙션을 넣을 수 있어 어도비 XD의 인터렉션을 넣는 방법을 찾아보았습니다. 제가 이번에 서비스 화면에 넣..