내일배움캠프 UXUI디자인 1기/사전캠프13 [UXUI 사전캠프 4주차] UX/UI디자인 4주차 WIL. 사전캠프의 마지막 주차였던 4주차에는 2주차와 3주차 때 선정하여 클론 디자인을 한 웹사이트와 앱 서비스를 가지고 개선할 점을 찾아 디자인에 적용시켜 보는 시간을 가졌다. 01 ㅣ 웹사이트 개선 1. 개선 사유 공식 뮤직비디오 배너를 누르면 바로 유튜브 링크로 연결되어서, 이어폰을 끼고있다가 사운드가 너무 커서 이용에 불편함을 느낀 점 [개선방안] 1) 모달창을 한 번 더 띄워줌으로써 사용자가 선택하게 한다. -이 때, 오른쪽에 수락 버튼을 둠으로써 링크 연결이 좀 더 쉽도록 디자인하였다. But, 기업에서는 더 많은 조회수를 원하기 때문에 니즈 충족이 조금 어려워 보인다. 2) 컴포넌트 영역에 영상이 바로 재생됨을 알 수 있도록 재생 버튼을 호버링시킨다. -호버링 디자인이라 마우스를 가져가야 보이기 때.. 2023. 12. 15. [UXUI 사전캠프 3주차] UX/UI디자인 3주차 WIL. 3주차 회고록 작성. 어느덧 사전캠프를 들은지 3주차가 되었다. 이번 주에는 앱 서비스 클론디자인을 해보았다. 나는 스마일게이트의 STOVE런쳐 앱을 클론해보았다. 앱보다 페이지는 많았지만 화면이 작아서 시간은 비슷하게 소요된 느낌이었다. 클론디자인을 해보니 그 전에는 보이지 않던 개선할 점에 대해서도 보이는 것 같았다. 4주차에 개선할점 클론 수정하는 과제들이 있는데 그 때 반영하여 디자인을 수정해보면 좋겠다고 생각하였다. 그리고 피그마로 ppt만들고, 포트폴리오 작성하는 법과 그 과정에 있어 많이 쓰이는 플러그인에 대해서도 알아보고 사용해보고, 단축키도 한번에 정리하여 보았다. 확실히 이런 툴을 사용하게 되면 단축키를 잘 쓰는 것도 일처리 속도에 많은 영향을 끼치는 것 같다. 앞으로는 웹사이트나 앱서.. 2023. 12. 11. [UXUI 사전캠프 3주차] 앱 서비스 선정, 회원가입 프로세스 분석. 저번 주에는 웹 사이트를 선정하여 분석해보고 클론을 제작하는 과정을 직접 해보았습니다. 이번 주에는 앱 서비스를 선정하여 분석해보고 이에 맞는 클론을 제작하는 과정을 해보려고 합니다. 오늘은 제가 선정한 앱 서비스를 소개해드리고 프로세스를 간단히 분석해보는 시간을 가져보도록 하겠습니다. 01 ㅣ 앱 서비스 선정 1. 선정한 이유와 서비스 소개 저는 STOVE 앱을 선정하였습니다. Stove는 Smilegate의 자체 런처이며, 기본적으로 로스트아크, 테일즈러너 등 스마일게이트에서 개발 및 스마일게이트 메가포트가 퍼블리싱하는 온라인 및 모바일 게임을 서비스하고 있습니다. 또한, 요즘 게임에서 자주 사용되는 OTP 인증번호를 앱에서 제공함으로써 간편히 보안인증을 거쳐 게임에 안전히 로그인 할 수 있도록 도와.. 2023. 12. 5. [UXUI 사전캠프 3주차] UX/UI디자인 관련 용어 정리 Ver.2 가변영역 나인패치를 사용하면 유동적으로 개수나 크기를 고정하지 않고 활용할 수 있는데, 이 때 유동적으로 변하는 영역을 뜻한다. 나인패치 대화장에 주로 사용되는 기술로 고정되지 않고 유동적으로 활용된다. 대화형 UI에서 사진, 영상, 링크 등 다양한 요소로 활용할 수 있다. 계층적 네비게이션 하위메뉴가 있는 계층구조로 연결된 네비게이션 고스트버튼 사용자의 행위를 유도하는 버튼. 얇은 테두리선에 내부는 평범한 텍스트와 투명한 배경으로 구성. 플랫한 화면과 어울리고 높은 대비효과를 주므로 사용자가 터치하기 편하다는 장점이 있다. 그리드 리스트 UI 그리드 리스트는 스프링보드나 사진 앨범과 같은 갤러리 화면에서 사용하는 UI로 여러 셀이 격자 모양으로 배치된다. 셀 내부에는 주로 이미지를 삽입하지만 아이콘이나.. 2023. 12. 4. 이전 1 2 3 4 다음
