로그인·회원가입 페이지. 파스텔 톤의 교복 캐릭터 일러스트 배경이 사용되었다.

아마추어 웹 소설 저작 및 열람을 위한 서비스 ‘글리프’의 로그인/회원가입 페이지. 재직 당시 출시 준비 및 이후 관리에 참여했습니다.

크로스 브라우징 문제

접근성 또는 시멘틱 마크업

개발자 경험 향상

UI 주도적 제안 및 개선

색상 대비에 관한 피드백

재직헀던 회사에서 공개 허가를 받고 공유드리는 대화 이력입니다.

색상 대비 의견을 동료 디자이너와 주고 받는 스크린샷 1

design 채널
Wednesday, March 20th nasu 3:48
오 그라데이션 필, 레드 필도 같이 변경하셨나 보네요.착각 임 대비가 커서 아웃라인을 더 구분하기 편해져보여요. (edited)

동료 디자이너 3:48 PM
오 나스님 의견 받고 수정중인데 수정완료되면 똑같이 문서 기입해놓을게요

nasu 3:51 PM
보더하고 색상 대비는 여길 확인하면 좋아요. 접근성 표준 기구에서 만든 도구입니다. https://webaim.org/resources/contrastchecker/

동료 디자이너 3:52 PM
나스님 혹시 600-800일때 차이 많이 보이나요? Cyan color기준이요!

nasu 3:57 PM
맥북 화면으로 가까히 봤을 때야 보이는 정도에요… 이보다 디스플레이가 나쁘면 색 구분하기 어려울 겁니다. (edited) 스크린샷 2024-03-20 오후 3.55.53.png

색상 대비 의견을 동료 디자이너와 주고 받는 스크린샷 2

design 채널

Wednesday, March 20th ~ nasu 3:50 PM
적어도 gray-primary-fill 정도는 되어야 될 것 같아요. https://webaim.org/resources/contrastchecker/?fcolor=9B9B9B&bcolor=171717 스크린샷 2024-03-20 오후 3.58.20.png

동료 디자이너 4:01 PM
버튼 컬러 수정해두었어용 “#0C77920” 문서기입해놀게요 (🆗 이모지 달림)

nasu 4:01 PM
해당 기능을 가진 피그마 플러그인이 여러 개가 있네요. https://www.figma.com/community/tag/a11y/plug

쓰는 걸 추천드립니다.

nasu 4:03 PM
넵 감사합니당 변경사항 작성해두었어용!! image.png

nasu 4:20 PM red-fIl 도 색상 대비가 좁은데 보정부탁드릴게요
This file was deleted.

아 이게 현 버전입니다.
스크린샷 2024-03-20 오후 4.21.43.png