본문 바로가기

전체 글128

[UXUI 디자인 1기] 231220 TIL. 231220 수 얼추 윤곽이 많이 잡힌 팀 소개 웹 사이트에 패럴랙스 디자인을 접목시키고 싶어 공부해 보았다. 타이틀을 프레임중앙에서 축소하며 상단으로 이동하는 디자인을 적용시켜 보았고, 아래 컨텐츠들은 백그라운드에 배경 이미지가 없기 때문에 디자인 활용이 어려워서 스크롤 시 프레임에 투명도를 조절하는 애니메이션을 주려 했는데 원하는 결과물과 비슷하게는 나왔지만, 스크롤 변경시 프레임이 한번씩 끊기는 현상이 발생하였는데 아직 해결점을 찾지 못하였다. -참고자료 : http://davegamache.com/parallax/ https://www.youtube.com/shorts/N-o87ovZnOI https://www.youtube.com/shorts/1rM-dnxdBkQ https://www.youtu.. 2023. 12. 20.
[UXUI 디자인 1기] 231219 TIL. 231219 화 1. 본문 폰트 정하기 2. 개인소개수정 3. 팀 소개, 목표 수정 4. 프로토타입 설정하기 - 타이틀 효과, 개인 프사, 한마디 텍스트 필드, 팀 소개, 팀 목표, 5. 캐릭터 추가계획 -소개페이지랑 한마디에 추가하기 오늘은 팀원들과 어제 회의한 내용을 바탕으로 세부적인 컨텐츠들을 대량 수정하는 시간을 가지게 되었습니다. 팀적으로 상의하여 결정해야하는 부분들을 소통하고, 파트를 분담하여 하나씩 완성하고 같이 수정하며 피그마에 대해 좀 더 공부하였습니다. 2023. 12. 19.
[UXUI 디자인 1기] 231218 TIL. 231218 월 UXUI디자인 첫 날이었습니다. 오늘은 OT와 함께 본 캠프의 시작을 함께 할 조원분들을 만나고 서로 인사하는 시간을 가졌습니다. 또한 첫 주의 간단한 미니 프로젝트로 팀 소개 페이지를 만들기 위해 서로에 대한 정보들을 공유하고 작성하는 시간을 가졌고, 이를 토대로 어떤 디자인을 할 것인지에 대해 레퍼런스를 찾아서 간단히 발표하고, 의견을 조율하여 디자인의 방향을 결정하는 시간을 가졌습니다. 팀 프로제그가 처음이었던 저는 어려운 부분들도 많았고, 좀 더 열심히 임하고자 적극적인 자세로 소통하려 노력했던 것 같습니다. 그 결과 저희 나름대로 페이지의 개성이 잡히는 것 같아 성취감과 뿌듯함을 느낄 수 있었습니다. 이번 주 동안 팀원분들과 활발한 소통을 통해 개성있고, 감각있는 페이지제작을 위.. 2023. 12. 18.
[UXUI 사전캠프 4주차] UX/UI디자인 4주차 WIL. 사전캠프의 마지막 주차였던 4주차에는 2주차와 3주차 때 선정하여 클론 디자인을 한 웹사이트와 앱 서비스를 가지고 개선할 점을 찾아 디자인에 적용시켜 보는 시간을 가졌다. 01 ㅣ 웹사이트 개선 1. 개선 사유 공식 뮤직비디오 배너를 누르면 바로 유튜브 링크로 연결되어서, 이어폰을 끼고있다가 사운드가 너무 커서 이용에 불편함을 느낀 점 [개선방안] 1) 모달창을 한 번 더 띄워줌으로써 사용자가 선택하게 한다. -이 때, 오른쪽에 수락 버튼을 둠으로써 링크 연결이 좀 더 쉽도록 디자인하였다. But, 기업에서는 더 많은 조회수를 원하기 때문에 니즈 충족이 조금 어려워 보인다. 2) 컴포넌트 영역에 영상이 바로 재생됨을 알 수 있도록 재생 버튼을 호버링시킨다. -호버링 디자인이라 마우스를 가져가야 보이기 때.. 2023. 12. 15.
[UXUI 디자인] 휴리스틱 총 정리! 가용성?! 대표성?! 휴리스틱이란!? 휴리스틱(heuristic)이란, 한마디로 찾아내거나 발견하다를 뜻합니다. ‘발견하다’라는 뜻을 가진 ‘Heutiskein’에서 나온 말로 “시간이나 정보가 불충분하여 합리적인 판단을 할 수 없거나, 굳이 체계적이고 합리적인 판단을 할 필요가 없는 상황에서 신속하게 사용하는 어림짐작의 기술”입니다. 휴리스틱 원칙이란, 사용자 경험(UX)과 인터페이스 디자인에서 일반적으로 따르는 지침이나 원칙들을 의미합니다. 휴리스틱에는 대표성 휴리스틱(Representativeness Heuristic) 가용성 휴리스틱(Availability Heuristic) 재인 휴리스틱(Recognition Heuristic) 앙각 휴리스틱(Angle of elevation Heuristic) 감정 휴리스틱(Emo.. 2023. 12. 11.
[UXUI 사전캠프 3주차] UX/UI디자인 3주차 WIL. 3주차 회고록 작성. 어느덧 사전캠프를 들은지 3주차가 되었다. 이번 주에는 앱 서비스 클론디자인을 해보았다. 나는 스마일게이트의 STOVE런쳐 앱을 클론해보았다. 앱보다 페이지는 많았지만 화면이 작아서 시간은 비슷하게 소요된 느낌이었다. 클론디자인을 해보니 그 전에는 보이지 않던 개선할 점에 대해서도 보이는 것 같았다. 4주차에 개선할점 클론 수정하는 과제들이 있는데 그 때 반영하여 디자인을 수정해보면 좋겠다고 생각하였다. 그리고 피그마로 ppt만들고, 포트폴리오 작성하는 법과 그 과정에 있어 많이 쓰이는 플러그인에 대해서도 알아보고 사용해보고, 단축키도 한번에 정리하여 보았다. 확실히 이런 툴을 사용하게 되면 단축키를 잘 쓰는 것도 일처리 속도에 많은 영향을 끼치는 것 같다. 앞으로는 웹사이트나 앱서.. 2023. 12. 11.

티스토리툴바