본문 바로가기

내일배움캠프/사전캠프22

[UX/UI 사전캠프_14일차] 웹 서비스 홈 화면 분석 자주 사용하는 웹 서비스 홈 화면 분석- 웹서비스 이름 : 네이버 웹툰 1. 웹 서비스 선정선정 이유 : 클론 디자인을 하기도 했고, 평소 자주 사용하는 서비스여서 선정하였다.                   주로 앱을 사용하는데, 웹 환경은 어떻게 다른지 궁금했다.서비스 소개 : 다양한 네이버 웹툰 컨텐츠를 제공 2. UI/UX 디자인 분석화면 구성요일별 웹툰을 인기순, 업데이트순, 조회순, 별점순으로 나눠서 볼 수 있는 컨텐츠가 제일 상단에 있다.아래는 인기웹툰, 신작웹툰 등 추천 웹툰으로 구성되어있다.클릭 시 동작마우스 Hover시에 웹툰 커버 이미지가 살짝 확대된다.신작 웹툰은 Hover 할 때도 그림이 확대되지 않는다. 대신 다른 웹툰 커버 이미지와 달리 사각형 박스 형태를 벗어난 캐릭터들이 튀.. 2024. 5. 10.
[UX/UI 사전캠프_12,13일차] 웹 클론 디자인 웹 클론 디자인클론 디자인할 웹 선정 : 네이버웹툰 선정한 웹의 간단한 설명: 분야 : 컨텐츠 서비스 플랫폼 핵심 서비스 : 웹툰 컨텐츠 제공 주요 기능 : 홈 : 랭킹 순위 웹툰 접근, 제목/작가로 웹툰 검색, AI 웹툰 추천, 인기순/업데이트순/조회순/별점순으로 웹툰 보기, 웹툰 올리기 웹툰 : 요일별 웹툰 보기, 찾기, 이달의 신규 웹툰 추천 베스트 도전 : 장르별 웹툰 보기, 오늘의 인기 베스트도전 추천, 실시간 인기 베스트 도전 랭킹 표시, 실시간 신작랭킹 표시 도전만화 : 장르별 웹툰 보기, 오늘의 인기 도전만화 추천, 추천 도전만화/전체 도전만화 보기, 실시간 인기 도전만화 랭킹 표시, 실시간 신작랭킹 표시 마이페이지 : 관심웹툰, 최근 본 웹툰, 책갈피, (각 부문마다 편집가능) 유저 플로.. 2024. 5. 8.
[UX/UI 사전캠프_11일차] UI를 위한 색 UXUI 아티클 / 책 스터디UI를 위한 색 색 : 강한 자극을 주는 시각 언어, 사용자가 행동하게 하거나 중요한 정보를 강조  - 색 속성색상 (Hue) : 고유한 색의 종류 채도 (Saturation) : 원색의 진하기 명도 (Brightness) : 밝고 어두움을 구분형태로 구성하고, 색으로 강조하고, 용도에 따라 색을 바꾼다.  - 색 공간 디지털 디바이스에서 다양한 색을 표시하기 위한 규격 HEX와 RGB를 주로 사용 HEX : RGB를 16진법으로 변환한 코드, 한 번에 복사 붙여넣기 할 수 있는 장점 주요 프로그램 모두 HSB 방식으로 색을 선택하고, 표시는 HEX를 사용  - 주색과 보조색 색 서비스에는 주로 주색, 보조색, 흑백을 사용 브랜드 그래픽 시스템을 따름 주색 Primary : .. 2024. 5. 7.
[UX/UI 사전캠프_10일차] 비슷한 직무 JD 분석 비슷한 직무 JD 분석프로덕트 디자이너트리플콤마(골드스푼) 주요 업무 :- 소비자와 브랜드가 만나는 온 오프라인 모든 접점의 디자인 크리에이티브 담당 - 유저리서치와 데이터분석툴을 이용해 기존 프로덕트의 문제점 개선 및 신규기능 개발을 위한 전반의 UX/UI 디자인 담당 - 단순 ‘화면을 그리는 사람’이 아닌 ‘프로덕트의 문제를 해결하고 개선’하는 디자인 전반의 업무 담당 - 디자인 팀 목표 설정 및 이를 위한 팀 내외 커뮤니케이션 담당 자격요건- 경력 5년 이상 - 대졸 이상(4년) 관련 전공자 - Figma 등 그래픽 디자인툴 사용에 능숙한 분 - 사용성 및 비지니스에 대한 높은 이해도를 바탕으로 UI/UX 설계가 가능한분 - 타 부서 동료와 유연하고 명확한 커뮤니케이션을 할 수 있는 분 우대사항 -.. 2024. 5. 3.
[UX/UI 사전캠프_9일차] 친환경 UX 디자인 UXUI 아티클 / 책 스터디 “디자인으로 지구를 지킨다고?” 주목 받는 친환경 UX 디자인친환경 UX 디자인이란 ?- 사용자가 환경에 미치는 탄소 발자국을 최소화하기 위해 노력하는 것 - 디지털 제품 서비스에 집중 필요성‘웹사이트 카본’에 의하면 웹페이지 하나를 볼 때마다 평균적으로 이산화탄소 1.76g이 배출되기 때문에 실천 방법1. UI 디자인 개선 탐색에 최적화되고, 간소화된 디자인은 사용자가 빠르게 정보를 찾고, 과업을 수행하여 불필요한 인터넷 및 전력 사용을 줄일 수 있다. - 다크모드 : 디스플레이 기준 최대 63%까지 줄여 배터리 및 화면 전력 소모에 도움을 줄 수 있다. - 폰트 최적화 : 타입 1개를 줄일 때마다 웹사이트 무게를 250kb가지 절약할 수 있다. 온라인 폰트 호스팅 업체 .. 2024. 5. 2.
[UX/UI 사전캠프_8일차] 컴포넌트 만들기 (2) 컴포넌트 만들기 (2)출처 : Material Design Guide Components – Material Design 3Components are interactive building blocks for creating a user interface.m3.material.io - Containment 1. Bottom sheets: 화면 하단에 고정된 보조 컨텐츠를 보여줍니다. 컴팩트, 미디움 윈도우 사이즈 1) Standard : 스크림 없음, 메인 UI와 함께 존재하며 두 영역을 동시에 보고 상호 작용할 수 있음 (ex. 음악 앱의 오디오 플레이어) 2) Modal : 스크림 위에 있음, 모달 시트가 앱 컨텐츠 앞으로 나타나면 다른 앱 기능이 비활성화 됨. 2. Side sheets: 주요 내용을.. 2024. 5. 1.
[UX/UI 사전캠프_7일차] 컴포넌트 만들기 (1) 컴포넌트 만들기:Material Design Guide를 참고하여 강의에서 배운 컴포넌트를 심도있게 학습해봅시다.https://m3.material.io/components Components – Material Design 3Components are interactive building blocks for creating a user interface.m3.material.io Component란 ?UI를 만들기 위한 인터렉티브 빌딩 블록, 목적에 따라 아래 6가지로 분류됨 - Actions 목표를 달성하는데 도움 - Communication 유용한 정보를 제공 - Containment 정보와 액션 컴포넌트를 포함 - Navigation 이동할 수 있도록 - Selection 선택사항을 지정 - Te.. 2024. 4. 30.
[UX/UI 사전캠프_6일차] UI/UX 디자이너의 핵심 역량 내가 생각하는 UI/UX 디자이너의 핵심 역량 1. 요구사항 플랫폼의 UX 설계부터 UI 디자인, 개발 후 디자인 QA까지의 전 과정을 리딩한 경험 프로젝트의 초기 기획부터 참여하여 구축, 운영, 개선, 모니터링까지 경험해보신 분 하나의 서비스 안에서 여러 맥락의 제품을 통합적으로 설계해본 경험이 있는 분 데이터와 리서치를 기반으로 지속적인 서비스 개선 경험을 보유하신 분 데이터를 기반으로 디자인을 개선한 경험이 있으신 분 데이터 수집 및 분석을 통해 사용자 경험 중심으로 서비스를 개선한 경험이 있는 분 데이터 기반으로 문제를 도출하고 개선 방안을 제시하는 분 고객이 필요한 것을 정량적 혹은 정성적 데이터를 기반으로 구체적으로 파악할 수 있는 분 사용자 중심으로 생각하실 수 있는 분 사용자 관점에서 문제.. 2024. 4. 29.
[UX/UI 사전캠프_5일차] UX/UI 디자이너 JD분석 UX/UI 디자이너 JD분석1. 내가 일하고 싶은 회사는 어떤 회사인지 생각해봅니다. - 성장 가능성이 높은, 비전이 있는 기업- 업무적으로 배울점이 많은 기업- 점심 식대 제공- 야근이 많지 않은 곳  2. 관심 기업 혹은 업계를 리스트업 합니다. (최소 10개 이상)a. 주요 업무 / 자격 요건 / 우대사항 중심으로 직무 채용공고를 분석해 봅니다. *각 기업의 이름을 누르면 공고 페이지로 연결됩니다.1) [마이리얼트립  / Product Design ]- 주요 업무• 제품의 생애주기에 따라, 1-2년뒤 고객 행동을 예측하여 장기적인 관점으로 제품 설계를 해야할 때가 있는가하면,    전환을 높이기 위해 세부적인 기능을 빠르게 더해주는 경우도 있죠.    상위, 하위 레벨의 사고를 자유자재로 전환하며,.. 2024. 4. 26.

티스토리툴바