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 컨설팅 사업을 운영하고 있습니다. 주로 스타트업이나 대기업의 IT 서비스 구축 또는 고도화 프로젝트를 진행하고 있는데, 주변 지인들은 계속 "정확하게 무슨 일을 하고 있는건데?"라고 물어봅니다. 이런 질문을 받으면, "이 보게 나 친구, 사실 우리가 사용하는 많은 앱 서비스 외에도 세상에는 보이지 않는 IT 서비스가 많다네. 예를 들어, 은행에서는 전산화된 온라인 회계처리 시스템을 사용하고, 보험사에서는 상담을 위한 텔레마케팅 시스템을 사용하고, 제조사에서는 장치 판매 및 CS 업무를 위한 Web Ordering System을 사용하고, 항공사에서는 전산 예약을 위한 Global Distribution System을 사용하지. 우리는 그런 IT 서비스를 구축하거나, 개선..

호학당이 일하는 법/호학당과 같이 일하기 2022. 5. 9. 18:41

이번 포스팅에서는 디자이너(기획자를 포함하여)가 알아야 하나 싶지만 웹과 앱을 포함하여 모든 UI 디자인에서, 능력자라면 꼭 알아야 하는 CRUD 원칙과 친해져보려 합니다. (사실 제가 업무를 하면서 이를 제대로 이해하지 못해 개발자분들에게 많이 털렸던 슬픈 추억이..) 먼저, CRUD 원칙과 쉽게 친해지기 위해 IT 서비스란 무엇인지부터 정의해 보겠습니다. IT는 Information Technology를 의미하고 IT 서비스는 말 그대로 IT 서비스를 의미합니다. 말장난 같지만 IT 서비스는 오프라인에서 이루어지는 것들(쇼핑, 택배, 배달 등)을 작은 정보들로 치환하거나, 대체하거나, 조직화하거나, 구조화하여 온라인으로 제공하는 정보 처리 기술이라 할 수 있습니다. 즉, '오프라인에서 이루어지는 여러..

호학당이 일하는 법/모르는 것과 친해지기 2022. 4. 22. 15:15

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

초등학교 6학년, 친구들 사이에서 홈페이지를 만드는 것이 유행했던 적이 있었습니다. (사실 그것은 홈페이지가 아니고 블로그와 카페였지만..) 그때 처음으로 웹사이트가 무엇인지에 대해 의문을 품었던 것 같습니다. 그리고 이러한 의문은 대학교를 졸업할 때까지 제대로 풀리지 못했습니다. 물론 중간중간 웹사이트는 무엇이고, 왜 인터넷에 연결되어 있어야 보이고, 서버는 무엇이고, 어떻게 만들 수 있는지에 대해 찾아보기도 했지만 전문지식이 없었던 제가 원하는 수준과 범위의 답을 찾을 수는 없었습니다. (대학교에서 C 프로그래밍을 배운 것과 도대체 웹사이트가 무엇인지를 이해하는 것은 전혀 상관이 없었습니다..) 그렇게 꽤 긴 시간 동안 관련 책도 읽어보고 (『인터넷의 모든것』을 정말 강추합니다), HTML을 공부하기..

호학당이 일하는 법/모르는 것과 친해지기 2021. 9. 9. 18:26