비전공자 디자인4 UXUI 디자인에 심리학 법칙 적용해보기 _ 제이콥의 법칙 디자이너가 디자인 외에 또 다른 지식을 배워야 한다면 그것은 바로 심리학일 것입니다. 그만큼 디자인을 할 때 심리학적인 요소가 많이 들어갑니다. 디자인은 눈을 즐겁게도 하지만 마음을 움직이고 행동을 변화시키기도 하니까요. 순수 미술 분야는 잘 모르겠으나 적어도 UIUX 디자이너에게는 화면을 설계할 때 심리학이 도움이 될 때가 많은 것 같습니다 :) 이전에 쌓인 데이터가 없다면 디자인의 이유를 설득하기 어렵지만, 심리적인 요소들을 잘 알고 있다면 누군가가 '왜 이렇게 디자인했어요?' 혹은 '이게 왜 더 좋은 디자인인가요?'라고 물었을 때 설득하기가 한결 수월해지기도 합니다. 존 야블론스키의 [UIUX의 10가지 심리학 법칙]에는 UIUX에 관한 10가지의 심리학 법칙과 이 법칙들이 적용되는 사례를 소개합니.. 2021. 2. 22. 디자이너가 추천하는 컬러 추출 사이트 전공이 디자인이 아니라 색감에 대한 배경지식이 없어서 디자인을 할 때 여러 사이트의 도움을 많이 받았어요! 비전공자 디자이너의 입장에서 PPT, 포스터 제작, 리플렛, UI/UX 디자인 등 여러 디자인에 필요한 유용하고 편리한 컬러 조합 사이트를 소개해드려요 :) 여러분께 작은 도움이 되길! 각 번호를 클릭하시면 바로 링크로 이동합니다 :) 1. Adobe color 가장 많은 분들이 추천하는 사이트는 바로 어도비 컬러입니다! 본인이 원하는 컬러 하나를 마우스로 조정하면 그에 어울리는 색상 하모니를 찾아주네요. 색상 하나 선택하고 왼쪽 색상 하모니 규칙을 바꿔보면서 컬러 조합들을 찾으시면 될 것 같아요! hex code, RGB code를 제공하고 있습니다! 2. Coolors 제가 가장 자주 들어가는 .. 2021. 2. 19. 앱 아이콘 크기 어떻게 정하면 될까? 앱 리뉴얼을 진행하면서 매 순간이 고민과 선택의 연속이었습니다. 오늘은 앱 메인 화면을 기획하면서 아이콘의 크기를 어떻게 결정했는지에 대해 이야기 해보려고 합니다. 구글의 디자인 가이드인 Material design에는 세 가지 종류의 아이콘이 있습니다. - Product icon (프로덕트 아이콘) - System icon (시스템 아이콘) - Animated icon (애니메이티드 아이콘) 이 중 오늘 이야기 할 아이콘은 바로 'System icon (시스템 아이콘)'입니다. 시스템 아이콘은 일반적인 액션, 파일, 장치 그리고 디렉토리를 상징한다라고 정의되어 있습니다. 앱 안에서 쉽게 찾아볼 수 있는 아이콘이 시스템 아이콘입니다. 문제 상황 앱 프로토타입 버전이 완성되었습니다. 옆 자리에 앉은 디자이.. 2021. 2. 16. 브라우저 익스텐션 UIUX 디자인 개선하기 웹에서 링크와 떠오르는 생각을 적어 함께 저장할 수 있는 북마크 서비스를 출시했습니다. '다빈치'라는 이름의 크롬 확장 프로그램(브라우저 익스텐션(Browser extension))입니다. 잠깐, 브라우저 익스텐션이 뭐예요? 확장 프로그램(Extension) 또는 웹 브라우저 기능 확장 프로그램 또는 확장 기능은 웹 브라우저의 기존 기능의 동작을 변경하거나 완전히 새로운 기능을 추가하는 웹 브라우저용 프로그램이다. 웹 브라우저의 기본 기능에 외부 개발자가 개발한 프로그램을 추가함으로써 웹 브라우저의 맞춤화, 보안성 향상, 검색 기능 향상, 북마크 기능 추가, 번역 기능 등 웹 브라우저의 기능과 성능을 향상시킨다. 현재 크롬, 사파리, 파이어폭스 등 대표적인 웹 브라우저는 이러한 확장 프로그램을 지원하며,.. 2021. 2. 13. 이전 1 다음
