DAY+18 [ 피그마 추가기능 활용 ]

안녕하세요, 주-주스 입니다! 🍹

 

ς₍ᵔ⸝⸝ơ ·̫ ơᵔ₎🩵₍ᵔ› ·̫ ‹⸝⸝ᵔ₎੭
✺!~ 캠프 18일차  ~!✺

𐔌՞⁔⸝⸝ɞ̴̶̷ ̫ ᴗ̤⸝⸝⁔՞𐦯ᯤ♡

오늘은!! 

피그마 추가기능피그마 사용 시 추가로 알면 좋은 기능들 및 플러그인등을 학습한 내용을 포스팅하겠습니다!

---

 

실무에서 디자이너가 디자인 프로세스 시작 단계에서 하게 되는 일들

시장조사(래퍼런스 리서치)
콘셉트 기획 및 제안
디자인 기획 및 시안
디자인 시안 확정
디자인 수정 및 검토

 

그 중 콘셉트 기획 및 제안 과 디자인 기획 및 시안 사이 킥오프가 있으며
디자인 시안 확정과 디자인 수정 및 검토 사이 핸드 오프가 있습니다!

 

1. 시장조사 (레퍼런스 리서치)

프로젝트의 첫 단추를 끼우는 단계입니다. 디자인 방향성을 잡고, 성공적인 결과물을 만들기 위해 반드시 거쳐야 할 과정입니다.

세부 활동	주요 내용
기업 및 관련 시장 사전 조사	- 기업 이해: 의뢰 기업의 디자인 활용 방식, 브랜드 정체성 등을 파악합니다. 🤔 - 경쟁사 분석: 경쟁사들의 디자인 현황을 분석하여 차별점을 찾습니다. 💪 - 트렌드 파악: 관련 시장의 최신 디자인 트렌드를 조사하여 디자인에 반영합니다. ✨
레퍼런스 리서치	- 목적: 디자인의 목적과 기능에 맞는 좋은 사례들을 벤치마킹하여 아이디어를 얻습니다. 💡 - 방법: '피트니스 용품', '1인 가구 제품' 등 다양한 키워드로 자료(데이터, 이미지, 디자인 등)를 수집합니다. 📚

---

2. 콘셉트 기획 및 제안

디자인의 나침반 역할을 하는 중요한 단계입니다. 이 단계에서 콘셉트가 명확해야 추후 불필요한 재작업을 막을 수 있습니다.

세부 활동	주요 내용
콘셉트 기획	- 무드보드 제작: 시장조사를 통해 수집한 자료들을 비슷한 이미지끼리 분류하여 무드보드를 만듭니다. 🖼️ - 키워드 도출: 무드보드를 기반으로 디자인 방향성을 나타내는 키워드를 선정합니다. 📝
콘셉트 제안 및 확정	- 협의: 기획한 여러 콘셉트를 클라이언트와 공유하고 협의합니다. 🤝 - 설득: 전문가의 관점에서 어떤 콘셉트가 가장 적합한지 명확한 근거를 제시하여 설득하고 확정합니다. ✔️

---

3. 디자인 기획 및 시안 제작

확정된 콘셉트를 실제 시각물로 구현하는 단계입니다. 단순한 미적 작업이 아니라, 기획 의도를 효과적으로 전달하는 데 중점을 둡니다.

세부 활동	주요 내용
디자인 기획	- 레이아웃: 콘텐츠의 효율적인 배치를 위한 레이아웃을 설계합니다. 📐 - 강약 조절: 텍스트, 이미지 등 각 요소의 시각적 강약을 조절하여 가독성을 높입니다. ✍️
디자인 시안 제작	- 초안 제작: 전체 시안을 만들기 전, 로고 스케치나 주요 페이지(메인 표지 등) 초안을 먼저 만들어 방향성을 검토합니다. ✏️ - 본 시안 제작: 초안에 대한 피드백을 반영하여 구체적인 전체 시안을 완성합니다. 🖥️

---

4. 디자인 시안 확정 및 수정

최종 결과물을 완성하기 위해 디테일을 다듬는 단계입니다.

세부 활동	주요 내용
시안 확정	- 선택 지원: 클라이언트가 여러 시안 중 최종 시안을 선택하도록 돕습니다. ➡️ - 리딩: 단순히 '예쁜' 디자인이 아닌, '목적에 맞는 올바른' 디자인을 선택하도록 논리적으로 이끕니다. 📈
수정 및 검수	- 디테일 수정: 확정된 콘셉트 내에서 폰트, 컬러, 크기, 간격 등 디테일한 요소만 수정합니다. 🤏 - 오류 검수: 최종 디자인 적용 전 오탈자나 잘못된 내용이 없는지 디자이너, 기획자, 클라이언트가 함께 꼼꼼히 확인합니다. 👀

 

---

5. 킥오프 미팅 & 핸드오프

프로젝트의 원활한 진행과 마무리를 위한 핵심 과정입니다.

개념	주요 내용
킥오프 미팅 (Kickoff Meeting)	- 클라이언트와 디자인 팀이 최초로 만나는 공식 미팅입니다. 🤝 - 프로젝트의 목표, 범위, 진행 프로세스 등을 논의하고 합의합니다. 📋
핸드오프 (Handoff)	- 디자이너가 작업한 결과물을 개발자가 구현할 수 있도록 전달하는 과정입니다. 📤 - 단순히 디자인 파일만 넘기는 것이 아니라, 유저 플로우, 다양한 유즈 케이스, 반응형 레이아웃 등을 상세하게 정리하여 전달합니다. 📝

 

---

 

오늘의 실습 !

⭐️ 수업시간에 학습한 부분, 다시 복습하여 제작 (property)

---

 

⭐️  후기(Testimonial)에 관련 된 페이지에 대하여 레퍼런스를 리서치하고 디자인하기
 testimonial과 user review 차이 

구분	testimonial (추천사) ✨	user review (사용자 후기) 💬
작성자	주로 기업과 관계있는 전문가, 유명인, 또는 선별된 고객	제품/서비스를 사용한 일반 고객
내용	- 기업의 의도와 목적에 맞춰 장점을 강조하고, 신뢰를 높이는 내용 - 전문가의 경험이나 의견을 바탕으로 깊이 있는 내용	- 고객의 개인적인 경험과 솔직한 의견 - 장점뿐만 아니라 단점이나 개선점도 포함될 수 있음
게시 위치	- 기업의 공식 웹사이트나 광고물, 브로슈어 등 - 기업이 통제하는 채널에 게시	- 주로 온라인 쇼핑몰, 리뷰 사이트, 소셜 미디어 등 - 기업이 통제하기 어려운 채널에 게시
목적	- 기업이 직접 마케팅에 활용하여 브랜드 가치를 높이고 잠재 고객을 설득하는 것이 주 목적	- 다른 사용자들에게 실제 경험을 공유하고 구매 결정을 돕는 것이 주 목적
특징	- 기업이 요청하고, 작성자에게 보상이 제공되기도 함 - 작성자의 이름과 사진이 명확하게 공개되는 경우가 많음	- 자발적으로 작성되며, 보상이 없는 경우가 대부분 - 익명 또는 가명을 사용하는 경우도 흔함

• 어떤 형태로든 후기를 포함한 디자인을 만들어 보세요. (실제 서비스를 레퍼런스 삼아도 좋습니다.)
• 예를 들어 책이나 제품 리뷰 후기가 될 수 있습니다.
• 디자인하며 생각해야할 것, 어떤 ui요소들이 들어가는지,
• ux적으로 고객은 누구인가요?
• 무엇을 구매했고, 왜 만족했나요
• 별점이나 1~10점 스타일의 평가가 포함되나요?
• wwit, ui bowl, mobbin, pinterest, behance, dribbble 등 레퍼런스 사이트 참고하여 제작

 

< 제작한 컴포넌트 세트 및 베리언트 모음> / < 텍스트 Property 모음 >

< 별점 표시 >

 

 

---

[ 18일차 소감 🔥]

Property를 다양하게 구성해서 텍스트부터 아이콘의 표시 등 다양한 기능을 자세하게 배우고 사용해봤습니다!! 확실히 이런 기능을 활용하니 어제처럼 효율적으로 작업하는 것 같습니당 ~>~ 이런 기능 미리 먼저 알고싶을 정도라니까용 ㅎㅎ 생각했던것보다 쉽게 다가오니 프로덕트 디자이너가 될 수 있겠다는 자신감도 들었습니다. 프로덕트 디자이너 실무내용을 들으며 나의 미래가 될거라는 희망으로 열심히 실습진행한 것 같습니다.. 두근.. ㅎㅎ 프로덕트 디자이너는 완전 감독!? 리더 같은 느낌이라서 뭔가 더 할만할 것 같습니다! 왜냐면.. 제가 무언가를 이끄는 활동?을 좋아하는 편이고 선호해서 딱 맞을지 모르겠습니다~~ 내일도 힘내보겠습니다!! 파이팅!!!

= 오늘의 한 마디 =
- An exciting new chapter in my life is starting today. ~