디자이너 노트

PC 1920 저해상도 1320 브레이크 포인트 설정시 주의점 1. 내가 의도한 디자인에서 많이 벗어나지 않게 하는 것 2. 엘리먼트 간에 서로 충돌이 일어나지 않게 하는 것  홈페이지 마진: 36 테블릿 마진: 24 모바일: 16

디자인 시스템- 재사용 가능한 UI 구성 요소의 모음- 파운데이션: 색상, 아이콘의 모양 등- 컴포넌트: 파운데이션의 조합 사용 이유 - 일관성 보장(브랜딩으로 이어짐) - 디자인과 개발이 용이해짐  아토믹 디자인 시스템- UI를 더 작은 단위로 분해하여 재사용성과 일관성을 높이고, 효율적인 협업을 가능하게 하는 것- 계층적 구조 차용: 원자 - 분자 - 조직체 - 템플릿 - 페이지UI 컴포넌트 - 버튼, 폼, 카드 등의 재사용이 가능한 디자인 요소 스타일 가이드 - 타이포 그래피, 컬러 팔레트, 아이콘, 여백 등의 시각적 요소 규칙 정의 디자인 패턴 - 로그인 양식, 검색창 등의 기능에 대한 패턴 정의디자인 원칙 - 사용자 경험 제공을 위한 철학이나 기본 규칙 피그마 토큰을 이용하는 이유?- 다크 모드..

2주차 - 7/22 ~ 7/267/22 애니마피그마에서 작업파일을 만들어 개발자님께 전달 드리면, 애니마라는 플러그인을 통해 html로 변환시킨다이 과정에서 모든 코드가 div로 출력되어, 디자인 동료님이 각각의 태그명을 댓글로 남겨주었다불필요한 과정을 없애기 위해 챗지피티에게 물어봤고, 로컬 스타일즈로 h1, h2같은 텍스트를 지정하라는 답변을 받았다.결론적으로 div 대신 h1 태그를 적용시키는데 성공했고, 개발자님께서도 만족해주셔 기분이 좋았다. 콘텐츠 작성- 아무래도 업무 특성상 여행 콘텐츠 작성하는 일이 많다. 호텔 소개글을 주로 쓰고있다. 그 안에 광고를 자연스럽게 녹여내는 일이다. - 퍼포먼스 마케팅과도 유사하다. - 다른 블로그는 어떤 소구점을 발굴하는지 찾아볼 필요가 있다 소프트웨어- 적..

2주차 - 7/17/1 특강: 플랫폼 구축을 위한 사고와 습관 기획과 UX, UI의 개편시장에서 UI UX 기획자라 적혀있는 JD가 많음기획자와 디자이너의 차이? 디자이너는 화면의 프로토타입, 유저의 경험을 만든다면, 기획자는 정책적인 것부터 - 고객과의 커뮤니케이션, 완료보고 등을 하게 됨내가 만든 산출물을 어떻게 의사전달을 하고, 공감을 이룰 것인가?의외로 피그마, 노션 등을 사용하지 않는 경우가 많다. 클라우드 기반으로 만들어 있어서 보안상의 문제가 발생할 수 있기 때문이제는 음성보이스가 중요한 시대가 왔음 플랫폼이란?인간의 관계에서 생성되는 교류의 정류장 역할기업과 개인이 공동의 이익을 형성하는 곳'화면을 이용한다'를 넘어, '잘 이용하게' 만들 수 있어야 함플랫폼의 진화 - 관계/ 수단(정보의 ..

1주차 - 6/286/28 SWOT 분석, 포지셔닝 맵 웹의 개념월드 와이드 웹WWW, W3, 웹 웹의 특징그림, 사진, 영상, 텍스트 등의 멀티 미디어를 하이텍스트 방식으로 연결HTTP의 특저 규칙에 따라 인터넷을 통해 문서 및 기타 웹 리소스에 참조 적응형 웹특정 뷰포트 크기에 맞게끔 웹 페이지를 만들어서 별도로 제공데스크탑과 모바일을 따로 만들어서 접속하는 디바이스에 맞게 랜딩되어지도록 설계된 웹네이버데스크탑 랩탑으로 진입시 naver.com 웹페이지를 보여주고, 태블릿 모바일로 진입 시 m.naver.com 웹 페이지를 보여줌. 서로 다른 URL -> 디바이스에 따라 화면을 대응네이버는 1%일지라도 접속하는 인원이 많다보니, 제일 작은 모니터를 기준으로 만든다 반응형 웹하나의 웹 페이지가 뷰포트의..

1주차 (6/24~6/28)6/24 오리엔테이션 추후 일정6/24 - 7/12 : 직무 교육7/15 - 9/6 : 매주 월요일 (특강) 학습 일지 작성법학습 과정을 돌아보고, 개선을 파악할 수 있기에 권장직무 교육 기간: 매일 제출인턴 기간: 총 8회 제출(기업에서 공개 가능한 범위 내에서)보여주기 식이 아니라 내가 나중에 볼 수 있는 용도로 작성 필요 제출 서류참여자격 확인서참여신청서개인정보 활용 동의서신분증 사본 (.png형식만 인정) → PDF/HWP 형식 X통장 사본   6/25 UX UI 이론 UX UI 디자인이란?문제를 정의하고 해결방법을 도출하는 것UX - 사용자의 관점에서 좋은 경험을 제시하는 장치사용자의 진짜 문제점과 니즈를 아는 것  사용자 경험 단계Anger: 감정 최악의 단계우리은행..