도토리 /@@3Oz 디자인이라는 숲을 10+n년 째 탐험중. 누군가에게 네비게이터가 될 수 있다면 좋겠다는 마음. ko Fri, 24 Jan 2025 11:13:54 GMT Kakao Brunch 디자인이라는 숲을 10+n년 째 탐험중. 누군가에게 네비게이터가 될 수 있다면 좋겠다는 마음. //img1.daumcdn.net/thumb/C100x100.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FbR5CaEFBUH-sJmLRlXI-_IJFr8o.PNG /@@3Oz 100 100 UI 디자인가이드 : 닫기와 뒤로가기 설계는? - 앱에서의 뒤로가기, 어디까지 갈건데.. /@@3Oz/362 앱 서비스의 UI/UX 설계를 진행할&nbsp;때 화면 이동에도 다양한 방법이 있습니다. 페이지를 이동하거나&nbsp;모달이 열리게도 합니다. 간혹 어떤 경우 페이지와 같은 레이아웃이지만,&nbsp;전체 페이지처럼보이는&nbsp;풀페이지 모달일 수도 있구요. 그럴 때 각 화면에서 이전 화면(뒤로) 이동 방법은 맥락에 따라 여러 상황에 맞추어 디자인하게 되는데요. 어떻게해야 사용자가 혼란스럽<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FNDz0AeOvc-rg3WsP27Beh3hq2VY.jpg" width="500" /> Wed, 22 Jan 2025 03:29:50 GMT 도토리 /@@3Oz/362 ep.46 겨울은 밤이 깊어서 /@@3Oz/365 1. 여름의 이벤트가 더운 열기에 지쳐 휴식을 즐기는 휴가라면 겨울의 이벤트는 뾰족한 추위 이겨내도록 사람들을 만나 온기를 내어주는 것 겨울은 밤이 길고 일조량이 적어서 손가락 사이 모래가 새어나가듯 스르르 가라앉는 기분을 어찌하지 못하니 반짝반짝한 크리스마스가 겨울의 중심에 있는 이유일지도 2. 12월 31일과 1월 1일은 그저 해가 지고 뜨는 Fri, 17 Jan 2025 00:14:28 GMT 도토리 /@@3Oz/365 ep.45 결연 아동에게서 굿바이레터를 받았다. - 그래도 잘한 일 /@@3Oz/364 2009년 결연아동후원을 시작했었다. 자동결제로 매월 잊어버린 듯 결제가 되고 대단한 금액도 아니기 때문에 평소에는 거의 잊고 살다시피 한다. 정기적으로 후원단체에서 보내주는 아동의 손 편지가 도착했을 때나 연말정산을 할 때에서야 아 후원아동이 있지 하고 생각이 든다. 내가 전하는 적은 금액 중 얼마큼의 돈이 아동에게 전달되는지 모를 일이다<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FHi80FXXZ3S8mYuaOOQtXJ-2HpR8.png" width="402" /> Thu, 16 Jan 2025 07:54:32 GMT 도토리 /@@3Oz/364 프리젠테이션용 무료 폰트-페이퍼로지 - G마켓산스를 자주 사용하신다면 추천드립니다. /@@3Oz/363 프리젠테이션에 최적화된 페이퍼로지 폰트가 출시되었더라구요. 저도 PPT 만들 때, G마켓 산스를 종종 사용합니다.&nbsp;가로가 넓은 묵직한 느낌에 타이틀용으로 사용하기 좋거든요. 하지만 몇가지 아쉬운 점도 있었는데 그 부분을 개선하여 폰트를 출시했더라구요. G마켓산스(한글)와 Montserrat(영문)을 베이스로 활용하여 개발된 폰트이기에 시각적인 느낌은 두 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FYbULV8EZqblJKEPqcyTggm8em6U.png" width="500" /> Fri, 15 Nov 2024 06:35:40 GMT 도토리 /@@3Oz/363 비밀번호 관련 UI/UX 팁 8가지 - 로그인페이지, 비밀번호 변경, 비밀번호 재설정에 관하여 /@@3Oz/361 지난 몇 년간 SaaS형태의 서비스가&nbsp;증가했습니다. 사용자는 각 서비스에 대해 동일한 비밀번호를 사용하는 게 보안상 위험하다고 인지하게 되면서 사이트(서비스)별 각기 다른&nbsp;비밀번호를 사용하곤 하는데요. 하지만 그만큼 수많은 사이트의 비밀번호를 기억하지 못해 비밀번호찾기 페이지를 이전보다 훨씬 더 자주 사용하게 됩니다. 만약 1Password 또는 Last<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FK8U-rjH5LYdRuxrBh1vvhR-9oNk.jpg" width="500" /> Fri, 30 Aug 2024 10:00:02 GMT 도토리 /@@3Oz/361 대한민국 정부와 국내 기업의 디자인 시스템 사례 /@@3Oz/360 이전에 글로벌 대표기업의 디자인 시스템에 대해 소개하는 글을 작성한 적이 있는데요.&nbsp;바로가기 오늘은 무려 대한민국 정부에서 배포한 디자인 시스템을 공유해보려고 합니다. 그리고 국내 기업들의 디자인 시스템도 공유해볼게요. 닐슨 노먼그룹에서 디자인 시스템은&nbsp;'대규모 디자인 작업에서 불필요한 중복을 최소화하고 여러페이지 및 매체 전반에서의 언어적, 시각<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FGhPGPlXsBT7lIn5xTp-PY39ef44.png" width="500" /> Tue, 16 Apr 2024 09:53:59 GMT 도토리 /@@3Oz/360 Happy New Year 2024 - Happy Year of the Dragon /@@3Oz/358 새해를 맞이하며 인사말로 보내려고 만든 캐릭터. 2024 갑진년은 청룡의 해라고 한다. 매년 연말 52주 차 업무보고를 작성하다 보면 숫자로 보이는 결과들이 왠지 더 의미 있게 느껴지는데, 일과 삶의 분리가 되지 않으면서 나이가 들고 언젠가부터 개인적인 목표 같은 걸 세우지 않았던 것 같다. 프로젝트의 흐름에 몸을 맡겼달까. 그렇게만 해도 1년 내내 쉴 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FacEbn9K8Xfk4y0uUWxLx8sxiJEQ.png" width="500" /> Sat, 30 Dec 2023 13:42:40 GMT 도토리 /@@3Oz/358 ep.44 가위로 잘라버리기 /@@3Oz/356 서걱서걱.. 가위로 앞머리카락을 잘랐다.&nbsp;아무리 똑바르게 잘라도 앞머리는 비뚤어 보였다. 잘라도 잘라도 일자가 아니다.&nbsp;계속 자르다가 내 헤어라인이 삐뚤어진 건가 싶어서 결국 일자로 자르길 포기해 버렸다. 나중에 미용실 가서 다시 정리해야지 하면서. 월요일아침 출근 준비를 하며 이미 샤워를 마치고 드라이기로 머리를 말리던 중이었다.&nbsp;앞머리가 너무 길다는 Mon, 27 Nov 2023 01:55:25 GMT 도토리 /@@3Oz/356 로그인 월 - 로그인을 하면 컨텐츠를 볼 수 있어요. /@@3Oz/348 인터넷 기사나 콘텐츠를 보다 보면 로그인을 해야만 볼 수 있는 콘텐츠가 있죠. 내용의 일부만 보여준 뒤 회원가입이나 구독을 신청해야 전체 컨텐츠를 볼 수 있게 해주는 방식으로요. 이렇게 보여주는 방식을 로그인 월(Login Wall)이라고 합니다. 로그인월(Login Wall)이란? 자사 웹사이트에 등록되지 않은 방문자에게 회원가입을 통해 계정을 개설<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FVf--HsBb6EHoCFRuckBi5vSmwt8.jpg" width="500" /> Mon, 06 Nov 2023 03:37:06 GMT 도토리 /@@3Oz/348 새로운 한글날을 지나며 발견한 무료 한글 폰트 - 2023 한글날 /@@3Oz/355 올해 또 한 번의 한글날을 지나며&nbsp;다양한 한글 서체가 무료로 제공되었습니다. 개인 취향을 담아 짧게 소개해봅니다. 1. 기후위기 폰트 : 한글 &lt;기후 위기 폰트 : 한글&gt;은 어느때보다 뜨거운 기후 이슈를 담아낸 폰트입니다. 녹아내리는 빙하의 모습을 폰트로 표현했어요. &nbsp;다양한 값의 weight로 녹아내리는 빙하의 모습을 담아내었습니다. 헬싱키 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FgPz-8XGrNCxHZmujGLxYrnhmh00.png" width="500" /> Tue, 10 Oct 2023 02:33:05 GMT 도토리 /@@3Oz/355 다양한 서울 지하철 노선도 디자인과 UX /@@3Oz/354 온전히 디지털의 영역은 아니더라도 이번 서울 지하철 노선도가 개편된다는 기사를 보며&nbsp;개인적인 관심으로 아카이빙하고&nbsp;싶어서 남겨봅니다. 지도와 같은 인포그래픽을&nbsp;좋아하는 편이라 공공 또는 상업적 공간에서의 안내도, 노선도 등을 흥미롭게 살피는 편이에요. 원하는 장소로 빠르게 갈 수 있는 효율적인 방법이 거기 담겨있으니까요. 때로 불친절하거나 인지가 어려운 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FIFIDaebqDooWATrgrQnWCzvE18A.jpg" width="500" /> Fri, 15 Sep 2023 08:52:38 GMT 도토리 /@@3Oz/354 ep.43 몽롱한 새해의 첫 월요일 /@@3Oz/347 Hello, 2023! 새해가 밝았고, 오늘은 벌써 3일 째다. 첫 하루는 일요일이었으니까 어쩌면 이틀정도를 새 다짐으로 살지 않았을까. 커피를 마셔서 받은 다이어리를 쓰기 시작했다. 3일차. 12월 31일엔 해를 넘기지 못하고 한 해 동안&nbsp;쌓아왔던 서운한 마음을 터뜨려버렸다. 참으려고 했는데. 내가 원하는 건&nbsp;'함께'를 '가족'을 강요하지 말라는 Tue, 03 Jan 2023 11:35:10 GMT 도토리 /@@3Oz/347 글로벌 대표 기업의 디자인 시스템 10 /@@3Oz/343 10 most popular design systems to learn from in 2022 for UX Designers 다양한 사례를 통해 디자인을 배우고 영감을 얻을 수 있도록 글로벌 기업에서 개발하고 관리하는&nbsp;디자인 시스템 목록을 소개합니다. 지난 몇 년 동안 인터페이스 설계의 규모 및 속도가 크게 증가했습니다. 수백만 개의 웹 및 모바일 애<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2Fjrdx0TnKbhpyQqRO2S9yABL1AsM.png" width="500" /> Tue, 20 Dec 2022 06:55:34 GMT 도토리 /@@3Oz/343 UI 디자인 가이드 : 디자이너의 즐겨찾기 /@@3Oz/345 * 해외 필자의 글을 기반했기 때문에&nbsp;국내에 더 좋은 사이트가 있을 수 있겠네요. * 하지만 대부분&nbsp;통용되므로 누락없이 기재합니다. 나중에 국내편을 따로 다뤄봐야겠네요. :) 디자이너를 위한 25가지&nbsp;리소스 공유 (feat. 디자이너가 즐겨찾기에 추가할만한..) 1. Magiceraser : 사진&nbsp;이미지에서 지우고싶은 부분을&nbsp;몇 초만에 쉽게 제<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FjwdTOEY4UcSCJd-n7ABamc7lYSs.png" width="500" /> Wed, 23 Nov 2022 08:09:37 GMT 도토리 /@@3Oz/345 무료 라이센스/오픈 소스 폰트 2 /@@3Oz/339 개인적으로 매년 한글날이 되면 기다려지는 게 있어요. 한글날을 맞이해 기업마다 무료로 배포하는 폰트들이요. 2022에도 맘에 드는 서체가 있어서 아카이빙하는 기분으로 짧게 소개해봅니다. 1. 네이버 나눔스퀘어 네오입니다. - 소개&nbsp;- 나눔 스퀘어의 직선적인 형태를 계승하여 안정적인 조형감을 추구합니다. 속공간을 넓게 하고 꽉찬 네모꼴로 제작되<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FtI5R5gy26HVWPX5ConsGfGbSHNM.png" width="500" /> Wed, 19 Oct 2022 00:23:59 GMT 도토리 /@@3Oz/339 UI 디자인 가이드 : 시각적인 디자인 보정 - 조금은 기본적인.. /@@3Oz/338 디자이너라면 아마도 꽤 진지한 마음을 담아 정확히 픽셀 단위로 디자인을 할겁니다. 한치의 어긋남도 없이&nbsp;좌우대칭과 여백과 정확한 컬러 가이드에 맞추어가면서요. :) 그러나 때로는 정확히 계산된 작업이라 하더라도 실제 사람의 시각이 가진 착시나 기타 이유로 인해 의도와 다르게 보이는 일이 발생하고 말죠. 그래서 디자인을 하다보면 가이드를 따르는 것이 물론<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2F2zjHNf9CeERsb5W6GWWr5dAkTrM.png" width="500" /> Wed, 12 Oct 2022 08:28:42 GMT 도토리 /@@3Oz/338 UI 디자인 가이드 : Text Field &amp; Form /@@3Oz/283 입력 양식은 상당한 시간동안 계속해서 존재해왔습니다. 물성이 있는 존재로서도요. 고객&nbsp;불만 사항을 적어내거나 기타 다양한 법적 탄원서를 작성할 때처럼&nbsp;말이죠. 정보 처리의 발전과 함께 현대에는 데이터를 수집하는 방법이 오프라인에서 온라인으로 그리고&nbsp;자동 수집으로도 확장되고 있습니다.&nbsp;인쇄된 형식의 다양한 폼이 수년 동안 존재하며 발전해왔듯이 오래된&nbsp;디자인에<img src= "https://img1.daumcdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FhbWd3p75wa3dByo8rI_6Vius_4k.jpeg" width="500" /> Tue, 04 Oct 2022 11:43:06 GMT 도토리 /@@3Oz/283 ep.42 그럼에도 불구하고 /@@3Oz/337 손이 씻고 싶어져서&nbsp;충분히 거품이 날 수 있을 정도로 비누를 두 번 정도 감싸쥐었다. 싱크대의 수돗물을 가장 차갑게 틀어 깨끗한 물로 손을 씻었다. 의식적으로 꼼꼼하게. 그리고&nbsp;정수기로 가서&nbsp;냉수 버튼을 누르고 500ml 버튼을 선택한다. 버튼을 눌러 컵에 물이 떨어지는 것을 한참이나 바라보았다. 컵에 물이 다 찰 때까지. 자리로 돌아와 알레르기 약을 먹<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FNuydkOgrvU1pRgVL55q_m06cW_g.jpg" width="500" /> Thu, 29 Sep 2022 06:02:40 GMT 도토리 /@@3Oz/337 ep.41 : 애프터 명절 /@@3Oz/335 선천적 내향인인 나에게 명절은 온갖 감정이 뒤범벅되기에&nbsp;조금 힘들다.&nbsp;시간이 약인 것들이 있고, 때론 그게 답이 아닌 것들도 있다.&nbsp;어쨌든 간에 명절은 잘 보냈다. 이번 추석에&nbsp;결혼 소식을 전한 언니가 있었다. 나이가 나보다&nbsp;한 살 많은 언니는&nbsp;청첩장을 주며 쑥스러워했다.&nbsp;간단한 티타임을 예상하고 만났는데 밤 12시가 되어서야 헤어졌다. 결혼 소식을 전<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FInSjv8goLhgVlY7COL5xm-Uk9H8.jpg" width="500" /> Tue, 13 Sep 2022 00:41:58 GMT 도토리 /@@3Oz/335 19-21 그리고 진짜 내고양이 /@@3Oz/329 세 마리 고양이와 살고 있어요. 우리집 미모와 카리스마 담당 노랑 소심한 뚱띠고양이 일호 (1호) 막둥이이자 애교둥이 사호(4호) 하루 하나, 작은 그림 ⓒ도토리<img src= "https://img1.daumcdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F3Oz%2Fimage%2FUNZ2YcZcofhjhFKXmXaDGU6ErIs.PNG" width="500" /> Wed, 31 Aug 2022 03:27:08 GMT 도토리 /@@3Oz/329