제일 먼저 컬러 팔레트를 만들기 위해 Chat GPT, Gemini, Perplexity에 같은 내용을 작성해봤습니다.이전 글에서 정리했던 제품의 기본 설명과 메인 컬러를 말하고 컬러 팔레트와 WCAG 체크까지 요청 했습니다. 세 개의 LLM 모두 처음에 요청 했던 메인 컬러의 대비가 부족하다는 피드백이 있어서 명도를 낮춘 컬러 추천을 요청 해봤습니다. 처음 메인 컬러인 #59BA83은 산뜻한 중간 톤의 녹색 계열인데 […]
AI 도구 사용의 범위를 파악하기 위해 AI를 최대한 사용해서 가상의 제품 프로토타입을 만들어보는 것을 목표로 작업을 진행 해보기로 했습니다. 이 프로젝트는 최대한 빠른 결과물을 만들어보기 위해서 사람의 검증 단계를 최소화 했습니다. 프로토타입 초안까지는 반나절정도 걸린 것 같네요.(사용 방법과 도구를 찾는 시간을 포함) 몇 번의 반복으로 이 프로세스가 익숙해지고 저만의 프롬프트가 정리되면 좀더 빠르게 정리할 수 […]
# 마크다운 파일을 HTML로 보여주기 이번 글은 이 글을 읽고 있는 페이지를 만든 방법에 대한 기록이다. 처음에는 티스토리 블로그 같은 것을 운영해볼까 했다가 여러가지 이유로 몇 년동안 시간만 쏟아부었던 기억이 있기에, 어차피 기록용이라면 포트폴리오 홈페이지에서 함께 보이도록 하는 것도 좋을 것 같았다. 그래서 깃허브 레포지토리 첫 화면에서 readme.md 파일의 내용이 표시되는 것처럼, 내가 만든 웹 […]
작성일: 2024-07-26 # 디자인 프로세스 정립을 위한 리서치 **목적:** 디자인 업무 프로세스의 정립을 위한 리서치 **내용:** 여러 방법론과 도구를 참고하여 과정을 정리하고, 그 내용을 현재 버전의 방화벽 제품에 적용해보는 테스트를 진행. **사용:** perplexity, 파이어플라이, Clarity 내부 제품을 사용하여 진행했던 작업이므로 블로그에는 실제 제품과 관련된 내용은 제외하고 작성하였습니다 — ‘듀얼 트랙 프로덕트 디자인’에 내용을 작성해보고, 디자인 실무에서의 유효성을 판단해보고자 […]
작성일: 2024-04-15 # 머티리얼 디자인 시스템 분석 회고 – **목적:** 회사 프로젝트의 디자인 시스템 구축을 위한 리서치 – **내용:** 구글 머티리얼 디자인 시스템을 참고하여 작업한 일에 대한 회고 — 2024년 봄, 내가 근무하는 회사에서 이전에 개발된 혹은 개발 예정인 제품들에게 통일된 UX/UI 디자인을 만들어가자는 분위기가 만들어 지고 있었다. 나는 회사의 유일한 UX/UI 디자이너였기 때문에 자연스럽게 […]
작성일: 2024-01-26 지난 번에 시도 했던 Discover – Define – Develop – Deliever의 단계를 UX 전략으로 심화 실습 해보기로 했다. 실습 목적으로 시작한 것이긴 하지만 아무래도 관련 업종에 있다보니, 대외비인 내용은 모두 삭제 하고 내가 공부하며 작성한 부분만 블로그에 작성하기로 했다. 최근 이슈가 되고 있는 인파 밀집과 위험도로 선정한 중점 관리 지역을 히트맵 표시로 파악하는 […]
작성일: 2023-09-22 # 웹 서버에 웹 페이지 만들기 – **목적:** 학습용 개인 프로젝트 – **내용:** Node.js, Express를 설치하고 웹 서버에서 보이는 웹 페이지를 Pug로 만들어보기 – **사용:** Pug, CSS — 하나의 사이트를 만들어보는 강의를 수강하는데 개발자의 영역까지는 지금 내 지식 수준에서는 어렵고, 웹 페이지를 Pug라는 템플릿 엔진으로 효율적인 HTML을 만들어보기로 했다. 만들기에 앞서 Pug 수정 […]