기록

유명한 도서인 아주 작은 습관의 힘에 나오는 이야기를 정리해보면서본격적으로 새로운 지식을 배우기에 앞서 마음을 다잡으려고 한다.이전에 한 번 읽은 적이 있으나, 어느새 기억이 흐릿해져서 이 분의 영상을 참고해서 다시 한번 내용을 상기시켰다. https://youtu.be/4HnNq6XlJbw?feature=shared: 올빗 | 진짜 꼭 읽어보세요. 내 삶을 바꿔준 책 | 아주 작은 습관의 힘 매일 1%씩 성장하면 1년 뒤에는 37배 성장한 자신을 보게 될 것이라는 이야기 들으셨나요? 1. 📖⌜아주 작은 습관의 힘⌟핵심 내용 정리1️⃣ 습관은 복리로 쌓인다매일 1%씩 나아지면 1년 후에는 37배 성장할 수 있음작은 변화라도 꾸준히 쌓이면 큰 차이를 만듦2️⃣ 정체성이 습관을 만든다목표 중심이 아닌 ‘정..

우리는 대부분 처음부터 아이디어가 완벽해야한다는 착각에 빠져있다. 그렇기 때문에 그 아이디어가 반박 당했을 때 완벽하지 않다는 것을 깨닫고 이내 숨어버리는 것이다. 오늘은 몇년 전부터 핫한 키워드였던 메타인지가 뭔지, 성장하기 위해서 왜 메타인지가 필요한지 알아보려고 한다. , 등의 저서로 유명한 컬럼비아대학 심리학과 리사 손 교수님의 메타인지 강의 영상을 보면서 중요한 내용을 정리해보자.  메타인지가 우리 삶에서 어떻게 용기를 줄 수 있을까?​​"그건 아닌 것 같아"어느날 용기내서 말한 순간, 누군가가 부정적인 반응을 보였을 때. 우리는 당황하는 순간을 경험하게 된다 메타인지(meta-cognition)1. 자기 자신을 보는 거울2. 스스로를 믿는 능력3. 나의 완벽하지 않은 모습을 인정하는 것 ​..

오늘은 좋아하는 웹 화면 만들기를 진행해보려고 한다.​아직 부족한 피그마 실력이라 똑같이는 따라 하지 못하더라도, 간단하게라도 좋아하는 사이트의 메인 화면을 살펴보고 디자인과 로직 등을 파악하며 분석해보고자 한다. 분석 내용에 오류가 있을지도 모르겠지만, 일단 시도하고 또 배우면서 알아가면된다고 생각한다. 시도에 의의를 두자..!​ 1. 모방 스터디 할 때 고려해야할 것들​1) 웹 화면 분석대상 선정: 자신이 좋아하는 웹 사이트(포털, 쇼핑몰, 블로그 등)를 선택 구성 요소 분석: 화면의 레이아웃, 헤더, 네비게이션, 콘텐츠 영역, 푸터, 버튼, 이미지, 아이콘 등 요소들을 세밀하게 분석의도 파악: 각 디자인 요소가 사용된 이유(가독성, 시각적 강조, 사용자 흐름 등)를 메모​2) 디자인 모방의 원칙단순..

오늘은 UI 컴포넌트와 프로토타이핑에 대해서 알아보고 간단한 UI 컴포넌트 제작 및 프로토타이핑 실습을 진행하려고 한다.​​1. UI 컴포넌트의 이해​1-1) UI 컴포넌트란?정의: 디자인에서 반복적으로 사용되는 인터페이스 요소(버튼, 카드, 모달, 입력 필드 등)를 하나의 단위로 만들어 재사용할 수 있도록 설계한 객체 **모달: 방문자가 특정 버튼 또는 링크를 클릭했을 때 뜨는 창으로, 페이지 내에서 추가적인 정보를 보여주고 싶을 때 활용장점 - 일관성 유지 - 동일한 스타일과 동작 원칙을 적용 가능 - 효율적인 수정 - 원본 수정 시 모든 인스턴스가 자동 업데이트됨 - 작업 속도 향상 - 반복 작업을 줄이고 디자인 시스템 구축 가능​ 1-2) UI 컴포넌트 종류입력 요소(Input Component..

오늘은 디자인을 할 때 빠질 수 없는 레이아웃과 타이포그래피에 대해서 알아보고자 한다.​균형 잡힌 디자인 표현을 위해서는 어떤 틀을 가지고 그 틀 안에 어떤 서체, 폰트로 구성되는지를 잘 고려하여야 한다. 전문적인 지식을 한 번도 정리해 본 적 없는데 이 기회에 정리하면서 배우는 시간을 가져야겠다!​ 1. 레이아웃 구성 원리1-1) 그리드 시스템(Grid System)정의 및 필요성- 레이아웃의 균형과 정렬, 간격을 체계적으로 관리하기 위한 기본 틀- 즉, 텍스트, 이미지, 버튼 등의 요소들을 일관된 패턴으로 정리하는 방식- 디자인의 일관성, 정돈된 느낌, 사용성을 높이기 위해 필수적- 반응형 디자인(모바일, 태블릿, 데스크톱)에서 유연한 조정 가능- 디자인 작업 속도 향상​기본 구성 요소- 컬럼(Col..

오늘은 피그마에 대해서 알아보려고 한다.프로덕트 디자이너에 대해서 알아보면서 피그마는 프로덕트 디자이너에게 필요한 필수 프로그램으로, 다양한 장점을 가지고 있어서 실무에서 피그마를 주로 사용한다는 내용을 읽었다. 물론 프로그램은 지속적으로 변화하고, 다른 프로그램으로 시대의 흐름이 넘어갈 수도 있지만 현재 가장 많이 사용되는 프로그램은 피그마인 듯하니 최대한 빠르게 습득하도록 노력하자! 1. 피그마 소개1-1) 피그마란?클라우드 기반 디자인 툴인터넷이 연결된 환경에서 브라우저만 있으면 어디서든 사용 가능별도의 설치없이 협업이 가능하며, 실시간 저장 및 공유 기능 제공UX/UI 및 프로토타입 제작 도구웹 및 앱 UI 디자인, 인터랙션 디자인, 아이콘 제작 등 다양한 디자인 작업에 활용개발자와 협업 시 코드..

오늘은 디자인의 기초 중 색상이론에 대해서 공부하고자 한다.색상은 디자인에서 가장 중요한 요소 중 하나로, 사용자의 감정을 유도하고 의미를 전달하며, 브랜드 아이덴티디를 형성하는 데 중요한 역할을 한다.색상 원리는 색의 혼합 방식, 색상환, 색의 관계, 색의 심리적 효과 등 다양한 개념을 포함한다. 0. 컬러란?빛의 파장에 대한 눈의 감각 반응으로, 우리가 사물을 인식하고 구별하는 데 중요한 역할색은 단순히 시각적인 요소가 아니라 감성, 분위기 ,의미를 전달하는 중요한 도구색상, 채도, 명도 3가지 속성 1.  색의 혼합방식: RGB 와 CMYK1-1)  RGB(Red, Green, Blue)디지털 화면에서 사용하는 색상 모델로, Red(빨강)+Green(초록)+Blue(파랑)을 조합하여 다양한 색을 만..

오늘은 디자인의 기본 원리에 대해서 정리하며 스터디하고자 한다.다른 것들도 분명 중요하지만, 프로덕트 디자이너에게 디자인 열량을 키우는 것은 매우 중요할 것이다. 내가 생각하고 분석한 내용을 시각적으로 표현하는 능력이기 때문에! 기본 원리들을 잘 숙지한다면 디자인을 더욱 효과적이고 매력적으로 만들 수 있게 해줄 것이다.  1. '디자인의 기본 원리'란? 디자인의 기본 원리란 디자인의 요소들간의 질서와 규칙을 이루어서 시각적인 부분을 미적으로 만드는 원리를 말한다.  1-1. 그렇다면 디자인의 요소란 무엇일까? 디자인을 구성하는 기본적인 시각적 요소를 말한다. 쉽게 말해, 디자인을 만들 때 쓰이는 기본 재료라고 볼 수 있음! 1) 주요 디자인 요소점(Point)가장 기본적인 디자인 요소로 모이면 선이 되고..

프로덕트 디자이너가 되기 위해 부트캠프를 신청했다. 3월부터 수강이 시작되기 때문에 빠른 속도로 진도를 따라가기 위해,현재 피그마 강의부터, 관련 도서 독서, 과제 등을 하면서 직무에 적응해 나아가고 있다. 이번 포스트는 본격적으로 부트캠프를 시작하기 전 가장 먼저 준비해야 할 것에 대해서 작성해 보려고 한다.  그것은 바로 마음가짐!무엇이든 시작하기 전에 가장 중요한 것은 마음가짐이라고 생각한다. 어떤 마음을 준비하고 지식을 쌓기 시작하느냐에 따라 더 좋은 시너지가 날 수도있고, 지속가능한 성장을 만들어 낼 수 있을 것이라 생각하기 때문이다.그래서 나 스스로 잊지 않기 위해서 어떤 마음가짐들이 필요할지 한번 정리해 보면서, 프로덕트 디자이너가 되기 위해 가지고 가야 할 태도들에 대해서 정리해 보고자 한..

UX/UI 를 공부하면서 나를 당황시킨 점은 관련 글을 읽을 때 모르는 용어가 많았기 때문이다.그래서 오늘은 UX/UI 관련 용어를 정리하면서 알아보고자 한다. 1. 왜 용어를 익혀야 할까?원활한 소통: 팀원(기획자, 개발자, 디자이너 등)간 커뮤니케이션을 쉽게 하기 위해트렌드 이해: UX/UI 관련 자료(논문, 책, 블로그 등)를 정확한 해석하기 위해실무 적용: 프로젝트에서 명확한 요구사항을 정리하고 반영하기 위해사용자 경험을 더 잘 이해하고 적용: 단순한 개념 뿐만 아니라, 사용자의 행동과 심리를 이해하는 도구로 사용자 중심으로 디자인 고민을 위해UX/UI 디자인은 단순한 미적 요소를 넘어 사용자 경험과 인터페이스 설계의 복잡한 과정이기 때문에 관련 용어와 개념에 대한 이해는 디자인 작업 품질을 높이..