본문 바로가기

UIUX

UI디자인, 드롭 쉐도우 사용 가이드 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 피그마에서 UI디자인을 진행할 때 엘리먼트에 그림자를 주게 되는때, 이때 가장 아름다운 그림자를 주는 방법에 대한 가이드를 공유하고자 합니다. 여러분은 그림자를 어떻게 주고 계신가요? 드롭 쉐도우 사용 가이드 피그마를 활용해 드롭 쉐도우 잘 넣기 드롭 쉐도우의 중요성 부드러운 드롭 쉐도우는 시각적 계층 구조를 개선하며 보다 직관적이고 매력적인 사용자 경험을 제공하는 현실감을 조성하기 때문에 UI 설계에 매우 중요합니다. 그림자 값 사용 가이드 드롭 그림자를 부드럽게 유.. 더보기
폰트 다운로드 받을 때 OTF, TTF의 차이 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 초보 디자이너 분들이 폰트를 다운받을때 그냥 모든 파일을 전부 다운받고는 합니다. 폰트 파일에는 .OTF와 .TTF의 저장형식이 다른 파일이 두개 존재하는데 어떤 폰트는 두개다 파일이 있고 어떤 폰트는 하나만 존재합니다. 앞으로는 그냥 모두 다운받지 마시고, 모두 다운받더라도 이 파일이 어떤 권장 사용범위를 가지고 있는지 이해하고 내가 진행중인 작업과 해당 타입의 파일이 적합한지 확인할 수 있도록 합시다! 폰트 다운 받을때 저장형식 OTF, TTF의 차이 TTF OTF.. 더보기
IT업계 종사자라면 당연히 알아야할 앱의 종류 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 모바일 기기의 앱이 모두 다 똑같은 앱이 아닙니다!! 각자 다 개발 환경이 다른데요, IT업계 종사자라면 당연히 알아야하는 앱의 종류(네이티브, 웹 앱, 하이브리드)에 대하여 자세한 차이점과 장단점에 대하여 알아보겠습니다! 모르면 안되는 앱의 종류 네이티브 앱 / 앱 웹 기반 / 하이브리드 앱 모바일 기기에 최적화 된 "네이티브 앱(Native App)" ‘네이티브 앱(Native APP)’이란 모바일 기기에 최적화된 네이티브 언어로 개발된 앱을 뜻합니다. 국가별로 언.. 더보기
디자인 시스템 구축을 하고싶다면? 이것부터 알아야죠! 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 디자인 시스템 구축을 진행하면서 디자이너로써 너무 재미있었고 많은 공부를 할 수 있었는데요, 디자인 시스템 구축을 위한 기본적인 지식은 아토믹 디자인 방법론에 대하여 먼저 설명하려고 합니다. 아토믹 디자인 방법론 아토믹 디자인이란? 원소개념 Brad Frost가 만든 Atomic Design 방법론은 명확한 순서와 계층 구조로 강력한 디자인 시스템을 만들기 위한 디자인 방법론 입니다. 이름에서 알 수 있듯이 이 방법론은 모든 물질의 구성이라는 기본 화학 개념에서 파생되.. 더보기
실무에서 사용하는 UX디자인 방법론 - 애자일UX 한윤석 (두블링 DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 실무에서 현업 디자이너로 일을 하다보면 스타트업, 중소기업, 중견기업, 대기업 등 회사의 성격별로 워터폴, 린UX, 애자일 UX 등 회사에서 진행하는 실무 프로세스가 다양합니다. 요즘은 빠른 가설과 검증을 지향하는 에자일 방법론을 많이 적용하고 있고 실제 내가 일하는 곳에서도 2주단위 스프린트 애자일 UX를 통해 빠른 업무를 이어나갑니다. 이 글에서 애자일 UX에 대하여 이야기 해보려고 합니다. 사용자 중심 디자인 방법론 빠른 가설과 검증 애자일 UX란? 기존의 제품 .. 더보기
왜 프리텐다드 폰트를 사용해야하나? 한윤석 (DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 새로운 신규 서비스 런칭 디자인 작업에 참여하면서 기존에 사용하던 'Noto Sans'대신 'Pretendard'폰트를 사용하려고 하고있습니다. 폰트를 사용할때 경영진과 고객사 등 이해관계자들에게 왜 리소스를 들여서라도 폰트를 바꿔야하는지 '설득'을 해야 했습니다. 폰트를 도입할때에도 검토와 고민이 많이 필요합니다. '이게 무슨 폰트냐? 안익숙하다', '왜 다들쓰는 noto sans를 쓰지 않고 별도로 다른 폰트를 쓰냐?', '심미적으로 어떤 부분이 낫다는 거냐?'등 이해관계.. 더보기
UI 디자이너가 퍼블리싱도 알아야해? 한윤석 (DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 저는 UI 디자이너로써 퍼블리싱 업무도 함께 진행하고 있습니다. UI 디자이너가 퍼블리싱도 알아야해?라고 할 수 있지만 디자이너가 퍼블리에 대한 이해도가 높을때의 장점에 대해서 이야기 하려고 합니다. UI 디자이너는 왜 퍼블리싱의 이해도가 높아야 할까? 배경지식 퍼블리싱이란? 퍼블리싱은 HTML, CSS를 활용해 웹에서 화면을 시각적으로 구현하는 코딩 작업입니다. 초기 웹 개발판에서 html 마크업 작업은 웹디자이너의 고정 업무도, 웹 개발자의 고정 업무도 아니었습니다. 둘 .. 더보기
탭과 세그먼트 버튼의 차이점 한윤석 (DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 두블링의 공모전(BNK 경남은행 앱 디자인 공모전)준비를 위해 UI디자인 작업을 하는 도중 문제에 부딪히게 됩니다. 경남은행 카드 페이지 기존UI 기존 경남은행 앱 화면을 UI를 개선하는 디자인을 진행중에 있는데 위 화면의 네모박스 안에 '전체, VIP, 체크카드, 신용카드(개인/기업)' 버튼을 어떻게 개선할 것이냐?에 대해서 토론을 하게 됩니다. 팀원들과 상의 후 최종적으로 Tab 버튼과 Segment button중 Segment button을 사용하기로 결정하였습니다. 결.. 더보기
4배수 디자인의 시대 by두블링 DO BLINGJun 01. 2023 한윤석 (DOBLING, UI/UX 디자이너) 현재 1년차 주니어에서 미래 프로 디자이너를 꿈꾸는 사람으로써 같은 상황의 모든 신입, 주니어, 초보, 입문, 예비 디자이너들을 위해 매주 제가 경험한 디자인 인사이트를 업로드 합니다. 새로운 서비스 런칭을 위한 디자인 업무를 하면서 grid system에 대하여 논의를 하게 되었습니다. 8배수로 디자인 할 것이냐 4배수로 디자인할 것이냐 다른 이해관계자를 어떻게 설득할 것이냐 등의 이야기가 나오는 도중 왜 4배수 디자인을 해야하는지 정리해보았습니다. 8배수 디자인 보다 4배수 디자인이 대세인 이유 배경지식 왜 8px 그리드 디자인을 사용했을까? 아래의 이미지를 확인하시면 8px 그리드는 모든 디스플레이가 커버.. 더보기

티스토리툴바