1주차 5_WIL 팀 과제 마무리 회고

개인연습

▷ UXUI 아티클 스터디

- 2023 IT 트렌드 : 챗봇 등장, AI기반 음성 보조장치 발전, M-페이와 M-커머스 발전, 스마트미러 발전, 피지털 디자인 발전  (AR Augmented Real 증강현실과 VR Virtual Reality 가상현실 중심)

- 2024 UIUX 디자인 트렌드 : 

• 사용자 정의 일러스트레이션(대담한 색상과 재미있는 스타일로 변화),
• 클레이모피즘(푹신하고 친근한 3D 디자인-2022부터 유행)
• 글래스모피즘(Glassmorphism) : 유리 같은 효과를 특징으로 하는 디자인 (마이크로소프트와 애플이 스타일 채택함)
• 아이소메트릭과 3D입체 애니메이션 : 아이소매트릭 디자인은 2차원으로 3차원의 객체를 그리는 방법, 사용자가 더 쉽게 이해하고 매력적으로 최근 트랜드로 자리잡음.
• 대담한 색상과 그라데이션
• 정교하고 큰 폰트 : 2015년 이후로 꾸준히 사용, 가변 폰트 인기 
• 마이크로 인터랙션 : 모바일 플랫폼에서 작은 애니메이션 형태 
• 마우스 호버 : 제품 이미지에 호버 효과 사용 
• 패럴렉스 디자인 : 기술인 시차 스크롤을 이용해 한 페이지 내에서 이동으로 콘텐츠를 읽어나가는 것

▷ 디자인 레퍼런스 서치

팀 과제 

▷  팀 최종 발표 

-  튜터 님 의견 :

• 전체적인 폰트 및 일러스트의 디자인이 통일성 있게 잘 맞춰짐.
• ppt 느낌이 나서 아쉬움. 페럴렉스 디자인 시도 해보면 좋을 것 같음.
• 아이패드 등 다른 화면의 사용성까지 고려 한 디자인도 생각해볼 것 

▷  팀 최종 발표  후 팀원 간 느낀점 소통 

- 프로젝트 시작 전 레퍼런스를 충분히 찾지 못해서 디자인 방향설정에 어려움이 있었음.

- 과제 발표 시간이 3~4분으로 작업물을 자세히 설명하지 못하서 아쉬웠음. 

- 로고를 만들고, 페럴렉스 디자인 만들어보자.

- 팀 원간의 소통에서 아쉬운 점이 많았음. 디자인에 대한 자신의 의견을 적극적으로 나타내자.

▷ 페럴렉스 디자인 참고 자료 서치 후 회의 :

https://whale.naver.com/ko/

네이버 웨일 브라우저

http://jessandruss.us/

Jess & Russ

http://everylastdrop.co.uk/

Every Last Drop – An Interactive Website about Water Saving

 

▷ 팀 과제 보완 작업 : PPT 같다는 의견을 받고 전반적인 웹사이트 구조를 변경함.

- 스크롤에 따른 반응형 웹사이트 형식(페럴렉스 디자인)으로 결정함.

- 로고를 좀 더 눈에 띄는 색상으로 변경함. 

- 조원 4명의 캐릭터 이미지로 웹페이지 시작함. 시작부분도 페럴렉스 디자인 적용. (ex이미지가 점점 작아지면서 글자가 커지는 형식으로 시작 페이지 제작.) 

- 팀, 목표, 모토, 멤버 소개를 타이포그래피에 페럴렉스디자인 효과를 적용하여 스크롤 내리면 글자가 흩어져 점점 작아지게 만든다. 

- 또는 팀 소개에 캐릭터를 넣고 카드형식으로 제작하였고 스크롤 시 내용이 위에서 아래로 떨어지는 효과를 적용한다. 

 

 

느낀점

조원분들 모두 많은 노력을 했지만 실무에 적용하기에는 부족함이 많았다.

많은 레퍼런스 참고가 필요하고 디자인과정의 전체적인 정리가 필요할 것 같다. 

또 팀 소개 페이지 발표 시간에 다른 조원들의 과제를 보면서 디자인에 대한 생각을 확장할 수 있었고 앞으로 작업에 많은 도움이 될 것 같다. 그리고 팀원 들과 대화를 나누면서 적극적인 의견 제시가 중요하다는 것을 느꼈다.  다음 팀프로젝트 시에는 현재 경험을 바탕으로 좀 더 발전된 모습을 보일 수 있도록 해야겠다.

꾸준히 가자~