김준범

사업을 시작하고 퇴사했습니다.

2025-04-20T22:43:27Z

나이들어 퇴사하고 더 이상 나를 받아줄 회사가 없을 때 맞이하게 될 가난에 대한 불안이 있었다. 소득이 갑자기 줄어드는 것에 대한 두려움을 느끼지 않을 수 있는 안정적인 직장이 가장 부러웠다. 다니고 있는 회사에서 잘리지 않고 최대한 오래 다니기 위해 누구보다 일찍 출근하여 열심히 일했다. 하지만 평가를 잘받아도 월급은 쥐꼬리만큼 늘었고, 구조조정을 할때

토글 버튼이 액션 버튼과 다르게 생겨야 하는 이유

2023-08-14T00:43:59Z

토글 버튼은 액션 버튼과 동일하게 보여서는 안 된다. 토글 버튼과 액션 버튼에 같은 색상을 적용하는 실수를 많이들 한다. 그렇게 되면 모든 토글 버튼이 액션 버튼처럼 보이게 돼서 시각적인 노이즈를 증가시킨다. 결과적으로 액션 버튼이 강하게 보이지 않아 눈에 잘 띄지 않게 된다. 토글 버튼에 액션 버튼과 동일한 컬러를 적용하면 사용자가 선택된 상태를 나타

UX를 향상하기 위한 스타일 가이드 만들기

2023-12-07T04:13:02Z

UX/UI 프로젝트를 시작할 때 항상 명심해야 할 것은 스타일 가이드이다. 스타일 가이드는 브랜드의 사용자 경험을 완전히 새로운 수준으로 향상할 수 있다. 스타일 가이드는 일관된 디자인 시스템을 만드는 데 도움이 된다. 아이디어를 효과적으로 전달하고 훌륭한 콘텐츠를 만들 수 있게 해 준다. 생산성을 향상해 작업 시간을 절약할 수 있으며 보다 전문적인 방법으

모션 디자인 원칙

2023-12-05T00:58:30Z

모션 디자인 원칙에 대한 가이드 모션은 디지털 제품의 사용자 경험에 큰 영향을 주지만 인터페이스 요소가 기본적인 모션 디자인 원칙을 지키지 않으면 않으면 사용성이 저하된다. 사용자 인터페이스의 맥락에서 모션은 시각적인 장식 이상이다. 제품 참여를 강화하고 디자인 커뮤니케이션의 범위를 확장하는 강력한 힘이라고 할 수 있다. 우리가 사는 세계는 하나의

스케치에서 디자인 시스템 만들기 3

2022-06-21T02:11:42Z

심벌을 현명하게 선택하라. 심벌이 많을수록 유용하고 강력한 디자인 시스템을 만들 수 있다. 초기 단계에서 수백 개의 심벌을 만드는 것은 쉽지 않지만 한 번 만들어 놓으면 필요에 따라 작은 추가 작업만으로 원활하게 작업할 수 있다. 심벌을 만드는은 디자인 시스템을 만드는 시간의 대부분을 차지할 것이다. 생각보다 많은 시간을 할애해야 할 것이다. 로마가 하

스케치에서 디자인 시스템 만들기 2

2022-06-21T02:11:57Z

아이콘을 가능한 한 많이 만들어라. 좋은 디자인 시스템 및 UI 스타터 키트를 만들려면 훌륭한 아이콘 세트를 처음부터 만들어 놓아야 한다. 1 부에서 언급했듯이 강력한 시스템의 핵심 요소는 다음과 같다. 색상 타이포그래피 그림자 + 고도 아이콘 버튼, 입력 등과 같은 구성 요소는 보조적인 요소라고 할 수 있으며, 3 부에서 이에 대해 자세히 다룰 것이

스케치에서 디자인 시스템 만들기 1

2022-09-14T15:37:37Z

강력한 디자인 시스템을 구축하기 위해 준비해야 할 기초적인 내용들이다. 스케치에서 프로젝트를 훨씬 빠르게 진행할 수 있도록 강력하고 다양한 디자인 시스템 / UI 스타터 키트의 기반을 구축하는 방법을 보여주고자 한다. 다시는 빈 아트보드를 쳐다보며 프로젝트를 시작하지 말기를 바란다. 무엇보다 먼저 강력한 색상 팔레트를 구축하라. Cabana 및 모든 시

The UI&UX tips collection (3)

2022-09-01T02:19:33Z

21. 이미지로부터 색상을 가져와 적용하라 단순히 제품 이미지의 색상을 가져와 배경, 텍스트, 아이콘 등에 다양한 틴트와 셰이드를 적용하는 것만으로도 시각적인 재미를 줄 수 있고 디자인의 개성을 살릴 수 있다. 22. 행간은 폰트의 x-height에 맞춰서 적용하라. 폰트의 x-height가 다르면 행이 잘 분리되게 보이게 하기 위해 행간을 다르게

The UI&UX tips collection (2)

2022-05-30T05:32:18Z

11. 뛰어난 폰트 조합을 빠르게 찾고 싶다면 슈퍼 패밀리(Superfamilies)를 사용하라. 폰트를 조합하는 스킬을 높이고 싶은데 수많은 폰트들 사이에서 막막함을 느끼고 있다면 슈퍼 패밀리를 사용하라. 슈퍼 패밀리는 조합했을 때 시각적으로 잘 어울리는 세리프와 산세리프체를 모두 가지고 있는 폰트 모음이다. 가장 추천하는 폰트는 구글 폰트에서 찾을 수

The UI&UX tips collection (1)

2022-08-29T08:32:19Z

아름다우면서도 사용성이 좋은 UI를 디자인하기 위해서는 여러 가지 시도를 통한 오랜 시간이 필요하다. 그러나 지난 몇 년 간 디자인에 간단하면서도 빠른 조정만으로 결과물을 크게 발전시킬 수 있는 몇 가지 방법을 발견했다. 이 가이드에 적은 노력으로 디자인과 전체적인 사용자 경험을 발전시킬 수 있는 방법들을 모아 놓았다. 1. 미묘한 테두리로 요소를 돋보

큰 사이드바의 메뉴를 읽기 쉽게 하는 방법

2022-04-19T19:11:43Z

큰 사이드바 메뉴는 메뉴 아이템이 배치된 모습에 따라 사용자를 불편하게 할 수 있다. 모든 메뉴가 똑같은 모습으로 놓여있으면 메뉴 아이템을 스켄하기가 어려워지며, 사용자가 내비게이션을 하는 속도를 느리게 만들게 된다. 이러한 문제는 모든 아이템에 텍스트나 아이콘을 똑같이 적용했을 때 발생한다. 사용자가 원하는 아이템을 찾기 위해 스캔할 때, 사용자의 시

List vs. Grid View - When to Use Which on Mobile

2022-08-11T01:28:03Z

리스트와 그리드 뷰 : 모바일에서 언제 무엇을 사용해야 할까? 모바일 디바이스에서는 콘텐츠의 레이아웃을 잘 고려하여 보여줘야 한다. 데스크톱에서는 콘텐츠를 보여줄 공간이 충분하지만, 모바일 디바이스에서는 제한된 화면 공간 안에서 보여주어야 한다. 사용자는 스크롤하기 전까지는 한 번에 작은 양의 콘텐츠만 볼 수 있다. 여기서는 리스트 뷰와 그리드 뷰 중

WWDC20 - Widgets - Design great widgets

2023-08-15T07:05:45Z

6월 22일부터 온라인으로 진행된 애플의 WWDC20(WorldWide Developer Conference)에서 디자인 관련된 섹션을 정리하였습니다. 첫 번째 주제는 iOS14부터 새로운 형태로 지원하는 Widget의 디자인에 관한 내용입니다. 기존의 위젯에 비해 달라진 점 실시간으로 업데이트된 정보가 사용자의 현재 맥락에 맞게 제공됨. drag n d

프로그래스 바와 스피너 사용법

2024-03-04T05:40:46Z

Progress Bars vs. Spinners: When to Use Which 당신이 가게에서 줄을 서 있는데 오랜 시간 동안 제자리에 있다면 어떻게 느끼겠는가? 아마 참지 못하고 떠날 것이다. 사용자들은 스크린에서 몇 초동안 스피너를 보고 있는 것도 매우 길게 느끼면서 똑같은 상황에 처하게 된다. 스피너는 긴 시간 동안 로딩하는 데 사용하는 것이

사용자가 읽는 워크쓰루 디자인

2023-12-02T17:53:00Z

How to Design a Walkthrough That Users Will Read 앱이 제품이라면, 워크쓰루(walkthrough)는 사용자 매뉴얼이라고 할 수 있다. 워크쓰루는 제품을 처음 사용하는 온보딩(Onboarding) 과정에서 나타난다. 사용자가 앱을 사용하기 전에 앱의 주요 기능을 전반적으로 보여주며 새로운 사용자를 환영한다. 새로운 사

웹디자인을 위한 컬러 선택 - 실용적인 UI 컬러 적용 가이드

2023-11-15T09:09:31Z

색상은 좋은 웹디자인을 만들기 위해 필수적인 것이며, 매우 신중히 고려되어야 한다. 브랜드 인지와 색상도 분명히 연관이 있으며 당신이 선택한 색상이 비즈니스의 고객에게 잠재적인 영향을 줄 수 있다. 내 경력을 통해 좋은 컬러 스킴은 사용자에게 잘 받아들여지고 호소력 있는 사이트를 만드는데 관련이 깊다는 것을 배웠다. 유저 인터페이스 디자인의 컬러를 마스터할

Text fields & Forms design - UI Component series

2023-07-11T22:48:15Z

Form은 불만에 대한 내용을 작성하거나 법적인 소송을 하는 것을 단순화 하기 위해 매우 오래전부터 존재해 왔다. 정보 처리의 발전과 함께, 데이터를 수집하는 수단도 발전했다. 오랫동안 사용되어온 인쇄된 form의 디자인에서 몇 가지 팁을 배울 수 있다. 텍스트 필드의 구조 기본 텍스트 필드의 주요 요소이다. 1. Container - 인터렉션할 수

Selection controls - UI component series

2022-12-27T04:41:36Z

"toggle"이라는 말은 특정 동작을 하는 두 가지 상태 사이를 전환시키는 짧은 손잡이가 달린 스위치를 뜻하는 말이다. 라이트를 "switch"할 때마다 마주치는 단어이다. "Radio button"이라는 말은 자동차 라디오에서 스테이션을 빨리 전환할 수 있도록 스테이션의 프리셋을 저장할 수 있는 다이얼 밑에 달린 버튼들에서 유래한 말이다. 눌러진 버튼은

좋은 UX를 위한 12가지 법칙 - 12 Principles for better UX

2023-11-10T07:17:55Z

UX분야를 새로 배우는 사람 또는 오랫동안 UX분야에서 일하고 있지만 리프래시를 원하는 사람에게 이 UX원칙들은 디자이너로써 사용자를 놀라게 하고 즐겁게 해 줄 훌륭한 경험을 디자인할 수 있도록 도와줄 것이다. 모든 훌륭한 UX 디자이너들은 디자인의 전 과정에 걸쳐 이 모든 콘셉트들을 의식적으로 또는 무의식적으로 염두에 두고 작업을 한다. 이 글을 읽고

배경색에는 밝고 채도가 높은 색상을 피해야 한다.

2023-04-17T12:04:25Z

사용자의 시선을 끌만한 색상을 찾고 있는가? 밝고 채도가 높은 색상을 배경색을 사용하고 있다면, 사용자가 그 페이지를 오래 보고 있기가 힘들 것이다. 밝고 채도가 높은 색상은 사용자의 주의를 잘 끌 수 있다. 그러나 넓은 영역에 너무 많이 사용한다면 망막을 자극하여 사용자의 눈을 긴장시키게 된다. 예를 들면, 위의 색상표를 바라보아라. 좌측은 가장 높은 명