[멋쟁이사자처럼 UX/UI 디자인 3기 TIL] 회고-2주차(디자인 기초-색체와 서체)

밍구·2024년 8월 26일

멋사🦁

목록 보기
2/7

📌0819 (월)
피그마 툴
S+A: 오토 레이아웃

디자인에 대한 정의
: 다양한 맥락(환경, 서비스, 제품)에서 사용자들과의 상호작용을 쉽게 하고 목표한 바에 다다르게 하는 것

시작_무엇을 불편해서 시작하였는지(로 시작하더라도)
수익까지 내는 거를 말로 만이라도 내다 보고 기획하기!!!

📌0820 (화)
Fundamental
8/20-9/13
우리가 서로 가지고 있는 도메인/ 디자인에 대한 지식의 레벨을 맞추는 시간

<테크 스타트업 /하루루틴 희망편>
10:30 출근 및 스크럼(금일 진행 업무 파악) *스크럼(?): 서비스를 만드는 제품팀, 개발팀에서 메이커들(디자이너,pm,개발자) 이 함께 필수 이슈사항 체크

11:00 오전 미팅 및 업무

11:30 점심식사

13:00 유저테스트(UT)

14:30 디자인 작업/ 디자인 시안을 팀 슬랙 및 리니어에 업데이트 (공유)*슬랙(커뮤니케이션 툴)/ 리니어

16:30 팀 리더 1 on 1

17:30 디자인작업

18:30 저녁식사를 할지/ 일을 조금 더 하고 바로 퇴근할지 결정

19:30 업무 정리하며 퇴근 정리(내일 스크럼 자료 정리)

건강한 스타트업에서의 주요 키워드는
각 직군 간의 긴밀한 협업/ 공유/ 활발한 의견 논의를 통한 신속한 개선

디자인 에이전시에의 주요 키워드는
치밀한 디자인 작업 및 논의/ 거듭되는 피드백을 통한 퀄리티 개선


ㄴ 삼성 시절,,,조식 얘기 열정적으로 해주시는 강사님
놀리는 수강생덜,,ㅎㅎㅎㅋㅋㅋㅋㅋㅋㅋ

*버티컬(전문몰) 서비스

에이블리/ 무신사/ 올리브영/ 지그재그/ 오늘의집/ 컬리/ 퀸잇/ 아이디어스 ETC...

GMV: 총 상품 판매량
MAU(Monthly active users): 30일 동안 앱을 사용하는 순 유저 수
mau를 높이는 방법-> 만보기/ 미라클모닝 처럼 인증하는 프로그램을 만들 수도 있겠다!


ㄴ 생일도 챙겨주신다ㅠㅠㅠ흐구구ㅜㅜ 체구ㅜ

📍 <UX/UI 디자인 포트폴리오 구체화>
1: '29cm'에 맞춘 가상 프로젝트 기획 및 실행
→ '29cm'의 브랜드 이미지와 타겟 고객을 고려한 가상 UX/UI 프로젝트 기획
→ 실제 디자인 프로세스를 따라 와이어프레임, 프로토타입 제작
2: UX 리서치 자료 포함한 포트폴리오 구성
→ 사용자 리서치, 사용성 테스트 결과를 포함한 UX 디자인 과정 문서화
→ 데이터 기반 디자인 결정 과정을 포트폴리오에 명시
3: 실제 사례 기반의 UI 디자인 샘플 제작
→ '29cm'와 유사한 스타일의 UI 디자인 샘플을 제작하여 포트폴리오에 추가
→ 실제 사용자 시나리오를 기반으로 한 디자인 솔루션 제안
4: 피드백을 반영한 포트폴리오 개선
→ 디자이너 커뮤니티 또는 멘토에게 포트폴리오에 대한 피드백을 받고 개선
→ 사용자 관점에서 포트폴리오 재검토 및 수정
5: 온라인 포트폴리오 구축 및 관리
→ Behance, Dribbble 등 포트폴리오 사이트에 프로젝트 게시
→ 정기적인 업데이트와 SEO 최적화 작업 수행
6: 포트폴리오 디자인 및 레이아웃 최적화
→ 시각적으로 매력적이고 직관적인 포트폴리오 레이아웃 설계
→ 포트폴리오의 사용성을 테스트하고 개선
7: 프레젠테이션용 포트폴리오 준비
→ 면접 시 사용할 수 있는 PDF 또는 프레젠테이션용 포트폴리오 제작
→ 디자인 과정과 결과를 효과적으로 설명할 수 있는 슬라이드 구성
8: 정기적인 포트폴리오 업데이트
→ 최신 프로젝트 추가 및 기존 프로젝트의 개선 사항 반영
→ 시장의 트렌드를 반영하여 디자인 스타일 업데이트

📌0821 (수)
영상시청

  • 도메스틱 브랜드?
  • 원자재 올랐고(석유값=폴리), 인건비 올랐고-> 옷값이 비싸질 수 밖에 없음
  • "재고자산" 만 봐요.
  • 상품페이지 제작 시 컬리를 참고하면 많은 도움이 된다!
  • 무신사의 최대강점은 데이터라는 것, PB상품이 잘되는 것도 데이터의 몫이 크다는 것(전시즌 잘나갓던 옷을 다음시즌에 스탠다드로 제작해서 판다!)

29CM

  • Paywall (구매 화면)을 띄우는 시점과 관련해 여러 담론이 있지만, 그중 하나의 정설로서 자리를 잡아가고 있는 전략이 있다. 설치 직후 노출이 빠를수록, 빈번할수록 구독 전환에 좋다

📌0822 (목)
📚서체관련 책 추천

  • 좋은 디자인을 만드는 33가지 서체 이야기
  • 폰트의 비밀
  • 한글 디자인교과서
  • 타이포그라피 천일야화

디자인과 학생- 시각디자인과/UX디자인학과/산업디자인학과
그래픽 디자인✔: 형태를 만들고, 이미지를 가공하고, 글자를 배열해서 정보를 전달
모션 그래픽: 이미지, 글자,형태를 움직이게 하고, 동적인 디자인의 힘에 대해 익힘
타이포그래피✔ : 서체의 역사를 배우고 서체를 사용하는 기법을 배움
광고 디자인
애니메이션
패키지 디자인
사진
인터랙션 디자인
브랜딩
서비스 디자인

Helvetica(서체종류)
프리텐다드

<고딕과 명조>
-고딕/ sans serif
-명조(둥근거..?)/serif

<컬러>
: 컬러는 사람에게 가장 먼저 인식하는 시각 요소
red💗: 강렬함, 속도감, 열정, love
orrange🧡: happy, motivation, social, new ideas, freedom, get reaction
yello💛: playful(활발), creative, active, progressive, fun, communication
green💚: nature, fresh, life, growth, harmony, new
blue💙: cool, calm, secure, trusted (신뢰),conservation, staid, honesty
purple💜: royalty, mystery, creative, unique

토스: https://brand.toss.im/

심상: 상상력에 의하여 마음에 떠오르는 영상이나 정경, 어느 것들에 대해 품는 전반적인 느낌 또는 마음속에 그리는 것

빛의 3원색RGB: 레드+그린+블루
0-255
RGB(000)=Black / 다 꺼졌다고 생각하면 쉬움!
RGB(255,255,255)=White
Hex code-> 개발자와 사용

CMYK: Cyan+magenta+yello+k(청록+자홍+노랑+블랙)
출력(출판)할때 사용하는 색조합

유사색: 주변 컬러
보색: 알림(눈에 띄게 해줌!)
ex. 블랙-노랑/주황(가시성 굿)
화이트/블랙/그린-> 젤 무난&안전

Typography
: 서체를 이용해서 활용하는 일 또는 학문

요즘 디자이너들이 많이 쓰는 서체: 프리텐다드!!💭
https://cactus.tistory.com/306
ㄴ 가볍고 빠르다!!
-스포카 한 산스 (전에 많이 쓰던 서체)

✅적을수록 좋은 글꼴 수
✅대비는 확실하게(주황/블랙<주황/흰색이 더 효과적인 대비!!)
✅글줄 사이 간격은 여유롭게

📌0823 (금)
<첫번째 영상 시청>
도메인 이야기, 비즈니스 모델- 거기에 연결되는 사용자의 심리
비즈니스 모델과 도메인을 이해해야함

*Discovery path
미국-> 평점 높은 곳
but, 우리는 카카오맵, 네이버지도 같은 우리끼리의 앱을 사용
-> 외국인 관광객이 한국 플랫폼 사용이 어려움

*TAM
Total addressable market

  • 획득 가능한 최대 시장 규모

예측가능한 체험을 좋아하는 관광 세대가 바뀌면서
시장은 어떻게 바뀔 지 모른다..
( M과 Z세대의 소비자 행동이 완전히 정반대의 양상을 띈다는게 흥미로웠다.)
-> 명확한 타겟이 중요하다..?!
내가 특화된 걸 잘하면 언젠간 빛을 보는구나...!

<두번째영상시청>
좋은 컬러를 사용하는 것보다 어떤 비율로 컬러를 사용하는지가 더 중요

  • 콘텐츠 중심인 화면에서는 컬러가 대장이 되면 안된다!

-패션계에 가장 많이 사용되는 서체: 헬베티카(산세리프-고딕)

<오후 실습>
Primary color
secondary color
ㄴ 자꾸 디자인 용어 쓰기!!!(까먹지 말쟈!)
야놀자-> 그라데이션 활용!

profile
Hello, I'm MING GU

0개의 댓글