pxd(66)
-
[Scaffold Design System] 3. 유연함을 갖춘 시맨틱 컬러 시스템
미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다.다양한 디자인 시스템의 컬러 체계 조사디자인 시스템을 만들 때 많이 참고하는 시스템은 주로 구글 머티리얼(Google Material)..
-
[pxd talks] 생성형AI와 스테이블 디퓨전의 이해
pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 들어가며,지난 5월 pxd talks에서는 soy.lab의 총괄 및 대표이시며 패스트캠퍼스 생성형 AI 강사이신 최돈현 연사님을 모시고, 이미지와 언어를 이해하는 AI 기술의 발전 및 활용과 Stable Diffusion에 대한 이해를 ComfyUI 시연을 통해 이해하는 자리가 마련되었어요. 이번 글은 연사님께서 ..
-
[pxd talks] 내 마음속엔 어떤 별들이, 어떻게 빛나고 있을까?
pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 들어가며, 인간은 사회적 동물입니다. 가족, 친구, 동료 등 다양한 집단에서 여러 사람과 부딪히며 살아가죠. 그러나 다른 사람과 관계를 맺는 것이 모두에게 순탄한 일은 아닙니다. 갈등, 불화 등으로 힘겨워하는 사람들도 많죠. 그렇다고 해서 세상과 단절된 채로 살아갈 수는 없습니다. 어떠한 지점에서, 찰나일지라도 타..
-
텍스트 분석 도구 개발하기
텍스트 분석 도구 '모라고'를 만들고 있습니다. PXD UX 테크랩은 자연어 처리 기술을 이용해 텍스트를 분석하는 도구 '모라고'를 만들고 있습니다. CSV 형식의 데이터를 업로드하면 '모라고'가 워드 클라우드처럼 키워드를 추출해 주고, 사용자는 키워드별로 중요한 문장을 선별해 다시 텍스트로 복사하는 방식으로 사용할 수 있습니다. 간단한 사용 예시로 금융 앱 토스의 최근 6개월 iOS 앱 리뷰 46개를 분석 도구로 돌려보았습니다. 분석 도구가 비슷한 주제의 문장을 모아주고 사용자는 그 중에서 눈에 띄는 주제를 살펴봅니다. 이 주제에서 중요하다고 생각하는 문장을 저장하고, 저장한 문장과 키워드를 복사해 추가로 편집할 수 있습니다. (현재 개발 중인 모라고 베타 버전을 이용하실 수 있도록 신청을 받고있습니다..
-
Docker 적용기
들어가며 pxd 홈페이지의 웹 접근성 인증 마크를 획득하기 위해 그룹원 모두가 리뉴얼 작업에 참여하게 되었습니다. 그룹원 모두가 동일한 개발 환경에서 개발할 수 있도록 Docker를 사용하게 되었는데요 오늘은 Docker 적용 기를 간략히 써볼까 합니다. Docker란 무엇인가 Docker가 무엇인지, 어떻게 사용하는 것인지에 대한 정보는 참고할 수 있는 문서나 동영상 등이 많기 때문에 이번 글에서는 Docker 공식 홈페이지에 링크와 wiki에 정의된 글을 가져왔습니다. 얄팍한 코딩 사전 Docker Container 도커 컨테이너는 일종의 소프트웨어를 소프트웨어의 실행에 필요한 모든 것을 포함하는 완전한 파일 시스템 안에 감싼다. 여기에는 코드, 런타임, 시스템 도구, 시스템 라이브러리 등 서버에 설..
-
pxd 홈페이지 웹 접근성 인증 마크 획득기
들어가며 2021년 12월 15일 pxd 홈페이지가 웹 접근성 인증 마크를 획득하게 되었습니다. 9월부터 준비 과정을 거쳐 약 3달 만에 결과를 얻게 되었는데요. 오늘은 “pxd 홈페이지는 왜 웹 접근성 인증 마크를 획득하게 되었는지?” 그 이유와 과정, 그리고 웹 접근성 작업 후 달라진 점에 대해서 이야기해보려고 합니다. pxd 홈페이지 웹 접근성 인증 마크를 획득하게 된 이유는? 웹/앱 서비스들을 예쁘게만 만드는 시대는 이제 오래전에 지나간 것 같습니다. 사용자들은 단순히 보기 좋은 디자인보다는 UI에 관심을 두게 되었고, 이제는 사용자 경험에 기반한 설계/디자인/개발(UX)에 관심을 가집니다. pxd는 오래전부터 사용자 경험 개선에 기반하는 설계/디자인 컨설팅 및 구축 작업을 해왔었고, 지금은 사용..
-
2019 덴버대학교 학생들의 pxd 방문기
지난 6월 10일 월요일, 미국 덴버 대학교 산업디자인 전공/부전공 학생들이 신진섭 교수님과 함께 pxd를 방문했습니다. 덴버대학교 산업디자인과에서는 신 교수님의 주최 아래 매년 한국과 일본에서 워크숍 겸 여행을 한다고 합니다. On June 10th, 2019, students from the Metropolitan State University of Denver visited our pxd office for a meetup. This would be the third time that students of Professor Ted Shin got to experience the office, making it an annual event for both parties. 학생들에게는 pxd의 디자인 ..
-
[pxd talks 79] 굿바이 2017, 크리스마스 리스 만들기
2017년을 마무리하며... 다사다난했던 2017년이 지나가고 있습니다. 12월은 한 해를 돌아보며 마음을 정리하고 또 다짐하는 달이기도 합니다. 이번 토크를 준비하면서 2017년에 의미 있게 마무리할 수 있는 이벤트를 만들어보고 싶었습니다. 12월 하면 떠오르는 크리스마스는 pxd에게도 당연히 설레는 이벤트이기도 합니다. 여러 직원이 힘을 모아 회사 내부를 장식하고 크리스마스의 분위기를 한껏 만끽하고 있습니다. 이런 마음을 담아 크리스마스 리스(wreath) 만들기를 올해의 마지막 pxd talks로 준비하게 되었습니다. 해당 클래스는 현직 A사 플로리스트인 Kim 님께서 준비해주셨습니다. 1. 리스의 기원과 의미 리스의 기원은 의미에 따라 크게 3가지로 말할 수 있습니다. 첫째, 결혼식에서 신부가 풍..
-
[pxd talks 78] Adobe XD 개발 과정
이번 pxd talk는 어도비의 프로덕트 매니저 엄고운 님을 초대하여 Adobe XD 개발 과정에 관한 이야기를 들어보았습니다. Adobe XD는 하나의 애플리케이션에서 UI 디자인, 프로토타이핑 및 협업을 할 수 있도록 만들어진 툴입니다. Adobe XD를 만들게 된 계기는, UI/UX 디자인에 최적화된 툴이 필요하다는 사용자들의 피드백이 바탕이 되었습니다. UX 디자이너들이 포토샵, 일러스트레이터와 같은 툴들을 활용하여 작업을 하고 있기는 했지만, 이 제품들이 UI/UX를 위해 만들어진 것이 아니다 보니, UI/UX 디자이너들이 가장 편리하게 사용하기에는 한계가 있었습니다. 또한, 시장에 출시된 UI/UX 디자인 툴들이 많기는 했지만, 그 기능들이 통합되어 있지 않고, 디자인 혹은 프로토타입 등 개별..
-
[pxd talks 77] Fintech / Start-up / Toss
지난 11월 2일, 토스(Toss)의 프로덕트 디자이너 남영철 님이 “Fintech / Start-up / Toss”라는 주제로 강연을 해주셨습니다. 남영철 님은 포털 회사와 금융 회사에서 UX 디자이너로 근무하다가 토스로 이직하면서 프로덕트 디자이너로 근무하고 있습니다. 'UX 디자이너와 프로덕트 디자이너는 어떻게 다른지', '프로덕트 디자이너는 조직 내에서 어떤 역할과 책임을 가지는지’를 시작으로 강연이 진행되었습니다. 토스의 디자인 프로세스와 함께 토스의 조직문화와 그런 조직문화를 가지게 된 이유에 대해 들을 수 있었습니다. Toss의 팀 구조 토스는 사일로(Silo) 단위의 조직 구조로 되어 있습니다. 일반적으로는 디자인 팀, 개발팀 등 직군으로 팀을 구성하는데, 토스는 사일로라는 팀 단위의 조직..
-
나, 디자이너, pxd와 커피
나와 커피아침의 시작, 출근을 하면서 커피 한 잔을 테이크아웃하고 하루 일과를 시작한다. 나에게 있어서 커피는 빠져서는 안 될 일상과도 같은 셈이다. 문득 그런 생각이 들었다. '그렇다면 나는 커피를 언제부터 마시기 시작했을까?'나는 미대를 나와서 그런지 몰라도 대학교를 다닐 때에 유독 밤늦게까지 작업이 많았다. 그때마다 커피를 습관처럼 마셨던 것 같다. 그 당시에는 좋은 커피가 무엇인지 알지도 못했다. 대학교를 졸업하고 대학원에서 커피를 좋아하는 선배를 알게 되었다. 그 선배를 통해 산지별 원두를 볶고, 갈아서 마실 수 있다는 사실을 알게 되었다. 그리고 에스프레소의 맛도 처음 접하게 되었다.대학원을 졸업하고 커피 업계에 종사하는 친구와 왕래가 있었다. 그 친구를 통해 핸드드립 추출법이라던지 좋은 커피..
-
pxd에서 GUI 디자이너로 일하기
pxd에서 GUI 디자이너를 모집합니다. 채용 및 pxd에 궁금해하실만한 내용을 사내 직원의 인터뷰를 통해 정리했습니다. *pxd GUI 디자이너 모집에 대한 상세 공고 내용은 pxd GUI 디자이너 채용 글에서 확인해주세요. 신입 지원자를 위한 pxd 디자이너 인터뷰 나는 이렇게 입사했어요 Q.포트폴리오와 인터뷰 준비는 어떻게했나요? 오: pxd는 UX전문가 그룹이기 때문에 비주얼적인 부분뿐만 아니라, UX 관련 역량을 함께 어필하는 것이 중요하다고 판단했습니다. 그래서 대학 수업의 UX/UI 과정과 외부 교육 수료 그리고 인턴과정을 통해 얻어진 UX 관련 경험을 상세히 기술하고 설명하였습니다. 포트폴리오를 그래픽 작업과 UX 관련 부분을 적절하게 구성했던 게 좋은 평가를 받은 것 같아요. 안: 저는 ..