이제 UXUI 업무를 하는 분들에게 Figma는 많이 익숙해지기도 했고,  또 그만큼 잘 사용하는 것도 같습니다.  이전 콘텐츠에서는 Figma로 시작하는 UI 디자인 실무라는 주제로 Figma를 잘 사용하기 위한 4가지 주요 개념을 정리해 보았는데,   Figma로 시작하는 UI 디자인 실무Figma와 UI 디자인은 이제 떼려야 뗄 수가 없는 사이가 된 것 같습니다. 사실 생각해보면, Figma가 세상에 나온 이유가 UI 디자인을 쉽게 하기 위함이니 당연한 이야기라 할 수 있습니다. 그러나 UI 디blog.hohakdang.com 이번에는 디자인 관점이 아닌 실제 프로젝트를 구성하고, 다른 팀들과 협업하는 관점에서 Figma를 어떻게 활용하면 좋은지를 살펴보겠습니다.   사실 여러 서비스 구축/운영 프..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2024. 10. 28. 21:17

Figma와 UI 디자인은 이제 떼려야 뗄 수가 없는 사이가 된 것 같습니다. 사실 생각해보면, Figma가 세상에 나온 이유가 UI 디자인을 쉽게 하기 위함이니 당연한 이야기라 할 수 있습니다. 그러나 UI 디자인 실무에서 Figma를 처음 사용하게 되면, 많은 경우 프로젝트 일정에 맞추기 위해, 프로젝트 일정에 맞추기 위해, 그리고 프로젝트 일정에 맞추기 위해, ... Figma의 주요 개념을 이해하지 않고, 단지 화면을 그리는 도구로만 사용하는 것을 볼 수 있습니다.🫢 그래서 이번 글에서는 Figma를 100퍼센트 사용하는 데 도움이 될 만한 Figma의 주요 개념 4가지를 정리해보았습니다. 주요 개념은 아래와 같습니다. Styles Frame Auto Layout Component (해당 단어는 ..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2022. 6. 17. 16:14

UI 디자인에 직접 경험이 없다면, 많은 경우 '디자인'이라는 단어를 단순히 '심미적으로 보기 좋게 그린다'는 정도로 생각하실 것 같습니다. 그러나 실제 업무를 진행하다 보면, UI 디자인에서 말하는 디자인은 (당연히 심미적인 부분도 중요하지만) '구조를 설계한다'는 의미가 더 적절할 것 같습니다. 불과 몇 년 전(2015~2016년)만 해도 상당수 UI·UX 디자인 작업은 PPT와 PhotoShop의 콜라보로 이루어졌지만, 이제는 거의 대부분의 실무에서 Figma, Framer, Adobe XD 같은 프로그램을 사용하고 있는 것 같습니다. 이러한 UI 디자인 프로그램들은 픽셀을 기반으로 벡터 그래픽을 그린다는 점에서 기존 디자인 프로그램들과 비슷하지만 컴포넌트를 활용해 구조를 설계하기에 더 적합하다는..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2022. 5. 20. 11:43

IT 서비스 프로젝트를 진행할 때 정말 중요하지만 너무나도 당연해서 그냥 지나치는 개념이 하나 있습니다. 바로 'Content(내용)'과 'Style(형식)'에 대한 개념입니다. 서로 대립되는 듯 보완해주는 두 개념은 '질료'와 '형상', 'material'과 'form' 등으로 다뤄지기도 하며, 오늘 이야기하려 하는 수준을 넘어 심오한 철학적 논의의 대상이 되기도 합니다. 그러나 이번 글에서는 IT 서비스의 관점에서 (실질적으로 도움이 되는) '콘텐츠'과 '스타일'의 개념을 다루려고 합니다. 그렇다면, 콘텐츠는 무엇을 의미하고, 스타일은 무엇을 의미하는 것일까요? 그리고 IT 서비스 프로젝트를 진행하는 데, 이 두 개념을 왜 알아야 할까요? 먼저 이해하기 쉽게 단순화해서 (단순화 한다는 것은 많은 세부..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2022. 3. 23. 19:07

일을 하거나 책을 읽다 보면 우리는 '데이터'와 '정보'라는 단어를 많이 접하게 됩니다. 그리고 많은 경우 '데이터'와 '정보' 그리고 '지식'이라는 단어를 혼용해서 사용하는 것을 볼 수 있습니다. 심지어 IT 실무에서도 크게 이 단어들의 차이를 중요하게 다루지는 않는 것 같습니다. 그래도 우리는 '데이터 디자인'이 아닌 '정보 디자인'이라는 단어를 사용하고, '정보 주도 디자인'이 아닌 '데이터 주도 디자인'이라는 단어를 사용하며, 알게 모르게 '데이터'와 '정보'를 나누어 사용하고 있습니다. 그렇다면 데이터(data), 정보(information)의 차이는 학문적으로 어떻게 구분되고 정의될까요? Nathan Shedroff의 1999년 논문에서는 데이터, 정보, 지식 그리고 지혜에 대해 설명하고 있습..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2021. 11. 20. 15:26

우리는 일상의 대부분에서 디자인 요소를 마주하고 있습니다. 특히, 디자인과 상관이 있나(?) 싶은 분야에서도 디자인은 뒤에서 중요한 역할을 담당하고 있습니다. 무슨 당연한 얘기를 하고 있나 하시는 분들을 위해 저도 알지 못했던 19세기 유명한 그래픽 디자이너 한 분을 소개하려고 합니다. . . . 바로 . . . 나이팅게일(Florence Nightingale)입니다. 플로렌스 나이팅게일 - 위키백과, 우리 모두의 백과사전 이 문서는 간호사에 관한 것입니다. 새에 대해서는 나이팅게일 문서를 참고하십시오. 플로렌스 나이팅게일(영어: Florence Nightingale, OM, DStJ, 1820년 5월 12일 ~ 1910년 8월 13일)은 영국의 간호사, 작가, ko.wikipedia.org 혹시 저처럼..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2021. 10. 22. 19:47

웹·앱 디자인과 정보 디자인은 밀접하게 연관되어 있습니다. 정보 디자인은 '정보(의미 있는 데이터 덩어리)를 어떻게 보여줄까'에 관한 것이고, 웹·앱 디자인은 '웹이나 앱 서비스를 어떻게 보여줄까'에 관한 것입니다. 그리고 웹이나 앱 서비스는 텍스트, 이미지, 영상 등 서비스에 필요한 데이터 베이스를 필수로 가지고 있고, 이 데이터들을 활용해 서비스 내에서 어떤 정보로 어떻게 제공할지를 정의해야 합니다. 결국 웹·앱 디자인과 정보 디자인은 '정보(information)'라는 공통분모를 바탕으로 '사용자가 필요로 하는 정보 또는 사용자에게 알리고 싶은 정보를 효과적으로 전달하는 것'이라는 공동의 목표를 갖고 있습니다. 그렇다면, 이번엔 정보 디자인에 대해 알아보겠습니다. 정보 디자인하면, 많은 사람들이 '..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2021. 9. 1. 11:46

1440년대 독일 마인츠에서 구텐베르크에 의해서 마셜 매클루언이 '구텐베르크 은하계'라고 불렀던 세계가 창조되었습니다. 이전까지는 책이 값비싼 물건이었지만, 인쇄기술의 개발로 보다 쉽게 책에 접근할 수 있었고, 이로 인해 문해율이 높아지고 종교 개혁까지 이어졌다고 합니다. 여기까지는 많은 분들이 알고 있는 이야기지만, 구텐베르크의 이 위대한 발명품은 예상하지 못했던 부분에서도 영향을 미쳤습니다. 이전에도 '안경'은 존재했지만 대중적이지 않고 상당히 희귀한 물건이었는데, 책이 보급되면서 일반 대중들이 글자가 잘 안 보인다는 사실(원시 또는 근시)을 인지하게 된 것입니다. 따라서 안경의 수요가 폭발적으로 증가했으며, 그에 따라 렌즈와 관련된 광학기술도 함께 발전했다고 합니다. 2007년 캘리포니아의 스티브 ..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2021. 8. 24. 14:45