공부 일기

12/16 월클론디자인 선정-유튜브 뮤직 오후-피그마 특강 [레이아웃]Fixed : 너비가 고정되어 있는 컬럼 해상도에 상관없이 고정Fluid : 해상도에 따라 비율이 달라지는 컬럼 퍼센트로 계산  컨트롤+쉬프트+우클릭 -> 오토레이아웃 리스트 보여줌 12/19 목[듀오톤 강의] - 정다영 대표님 1.오버뷰2.디스커버3.디파인4.디벨롭&딜리버5.q&a uxui 디자인 케이스 스튜디오사용자 경험이 제일 중요 !! (user needs)  [아이트래킹의 인기요소]1.동적 이미지(동영상)2.정적 이미지3.아이콘4.텍스트

12/9 월 디자인 기초 - 디스플레이, 레이아웃, 툴링과 창의력 1. 디스플레이이미지를 넣을때 브랜드를 어떻게 투영할지 고민.(주관성이 존재하는 영역) EX)애플과 삼성의 광고차이 애플-환경적 요소(경험)삼성-기능 사용(기능)스포츠,테크에도 존재 사람들이 원하는 정보와 효과를 분명하게 드러내는 것이 이미지 활용의 시작 이미지 형식에 대한 기초 지식Bitmap(픽셀이라는 개념의 작은 점들의 정보로 이루어민 이미지 형태) - jpg,gif,pngVector(이미지의 정보가 계산에 의해 출력되는 형태) - svgMaterial Symbols & Icons - Google Fonts 구글 아이콘 Material Symbols and Icons - Google FontsMaterial Symbols are ou..

https://youtu.be/1xLauW7yhLg?si=-YoKxdSWsXSdWX1d15년차 웹툰 작가가 말하는 웹툰 산업이 잘될 수밖에 없는 이유
(김지홍의 아하!모먼트 / 27 min)15년차 웹툰 작가가 말하는 웹툰 산업이 잘될 수밖에 없는 이유
(김지홍의 아하!모먼트 / 27 min) 웹툰이 영화화 드라마화 되면서 여러 다양한 시도옛날 웹툰은 영상화의 소스가 되어짐 대중 콘텐츠의 특성 - 성공 방식의 복제가 이루어짐비슷해보이는 장르지만 작품마다 강점이 존재(ex음악,영화 등등) '먼치킨' 세계관에서 단순히 강한 캐릭터. 실패 없이 승승장구 하는 모습에 소위 사이다를 느낌 인정받지 못하는 현실의 삶을 긍정해주는 매체(ex현실세계에서 인정받지 못했던 내 능력이 이세계에선 굉장한 능력치)-전지적독자시..

https://youtu.be/OzZ8FH3j2Oc?si=DP4TYSCUhPkUr6Rv디자이너들이 가장 많이 사용하는 기본중에 기본 폰트 (MJ Design / 15 min) 디자인 작업 전 콘셉을 확실히 잡고 콘셉 방향에 맞게 서체를 선택고딕체한글노토산스 - 굵기가 다양,가속성이 매우높음(웹디자인,리플렛,카탈로그)옴니 고딕 - 디자인이 가미됨,폰트굵기5가지,가속성이 조금 떨어질수있음(카드뉴스,이미지,일러스트,영상하단 기본자막)에스코어 드림 - 굵기가 다양,디자인 가미됨 영문로보토 폰트 - 가로폭이 좁고, 굵기가 다양, 가속성 훌륭(웹사이트,ui디자인)오픈 산스 - 굵기가 다양,가시성,가속성 높음(인쇄,웹, sns디자인) - 제목 중제목 소제목 사용하기 좋음montserrat 폰트 - 이쁨,직선과 곡선이..

https://youtu.be/TD4wchFyx_Q?si=QypCOJS0ypd5kiJM앱 UI 디자인 기본 : 컬러 올바르게 사용하는 방법 (디자인베이스 / 10 min) 1.우선 순위에 따른 컬러 표현2.상황에 따른 컬러 사용(성공,경고,에러)3. 유효성 검사 충족된 컬러 사용(접근성) 좋아보이는 것들의 비밀-이랑주 작가-컬러의 비율이 중요 컬러 황금 비율 기본 색상 70보조 색상 25주제 색상5 주제 색상의 사용 비율이 낮아도 사람들은 인식한다 색의 역할1.브랜드 아이덴티티 각인2.마케팅 관점에서 클릭율 유도(할인정보)3.방향을 제시 (구매하기 버튼) UI디자인에서의 컬러 구성1.주색(Primary Color) - 브랜드 고유 아이덴티티 색상2.보조색(Secondary Color) - 다양한 컬러를 ..

https://wwit.design/ Lifeplus한국의 UI/UX 모바일 패턴을 수집합니다.wwit.designhttps://designus.io/ 디자이너스세상의 모든 디자이너들을 위한 공간, 디자이너스(Designus)designus.iohttps://uibowl.io/ 유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!국내 UI/UX 패턴을 담은 공간, 유아이볼uibowl.io UX 디자이너가 알아두어야 할 실무 용어 70 | 뷰저블 UX 디자이너가 알아두어야 할 실무 용어 70 | 뷰저블여러분은 몇 가지나 정확히 알고 계신가요?www.beusable.net담당자도 헷갈리는 UX/UI 용어 모음.zip 담당자도 헷갈리는 UX/UI 용어 모음.zip디자이너&개발자와 소통하기 | 이런 ..

03화 다크 넛지와 UX패턴 03화 다크 넛지와 UX패턴윤리적 UX 디자인은 가능할까? | 우선, 넛지 넛지(Nudge)란 '행동경제학' 분야에서 파생된 용어로 '어떤 행동을 하도록 부추기며 옆구리를 슬쩍 찌르는 것'을 의미하는 영어단어다. 넛지의 기본 토brunch.co.kr

브랜드, 서비스, 데이터와 디자이너서비스의 가치, 목적, 비즈니스, 재무재표, 단순히 만드는 것을 넘어 실제 영향력에 대한 이해  [인지 - 검색/탐색 - 주요 액션 - 주요 액션에 대한 세부 관리 - 고객지원] [어플 사용]처음 접한 유저 - 신규 혜택, 어플 소개, 튜툐리얼(온보딩)자주 사용하는 유저 - 자주 구매한 품목 소개 고객 여정을 디자인 하는 것은 감각이 아닌 의도와 설계 원칙,규칙, 기준들이 정교하게 설계되어 만들어짐커머스에서 집중하는 지표 중에 '결제 전환율'이 있음 경험과 데이터로 입증된 사용자들의 패턴 [커머스 서비스에서 가장 강력한 화면 찾기]*효과적으로 구매를 유도하는 화면 3가지 찾기 스타벅스1.홈 화면      2.Order      3.Shop [피그마 기초]  Figma :..

12/2(월) ㅡ2025/1/03(금)FUNDAMENTAL CLASS OT [김지홍 강사님] - 월,목 메인 강의우리가 서로 가지고 있는 도메인/디자인에 대한 지식의 레벨을 맞추는 시간 12/02 월오리엔테이션-디자인 컨텍스트-내가 좋아하는 서비스 혹은 브랜드-서비스 파헤치기-만다라트   12/05 목디자인 기초-컬러-타이포그래피-이미지 12/09 월디자인기초-디스플레이-레이아웃-툴링과 창의력    12/12 목UX/UI 개론-테크쪽 디자인-UX/UI/프로덕트-한국/실리콘밸리-로컬/컨텍스트-유저에 대해서-사람들이 선호 하는 제품에 대해12/13 금 FUNDAMENTAL 과제공지(클론디자인&리디자인) 12/16 월피그마 특강 12/19 목듀오톤 프로젝트-에이전시의 디자인 프로세스-고도의 디자인 퀄리티를 만..

디자인디자인은 정답은 없지만 개인의 견해가 다르기 떄문에 충분히 학습할 수 있는 영역디자인-회화를 위한 밑그림(desrgno)사업-기획-설계-개발-운영 -> 디자이너는 기획,설계,개발에 연관있음 컬러가장중요 컬러, 두번쨰로 중요 컬러(흰색바탕, 검은폰트) ex)에어비앤비60%배경 30%보조배경 10%강조색(프라이머리컬러) ex)회원가입화면(잘못된정보입력-빨간색 컬러)보색-비슷하게 중요하지만 기능이 다른 요소 구분색 대비 사용 중요 - 바탕 컬러 위에 구분할 수 있는 대비 컬러 사용 타이포그래피글자 (타이포) + 그래피 (기술법)문자는 정확하게 전달할 수 있는 시각요소판독성, 가독성이 제일 중요 아이콘이미지의 일종ex픽토그램서비스나 브랜딩이 담겨있는 아이콘-앱 아이콘  -멋쟁이사자처럼 VOD-