본문 바로가기

분류 전체보기

 (54)
메타버스란 무엇일까? 요즘 매체에서 '메타버스'라는 단어가 자주 보인다. 메타버스란 가상/초월을 뜻하는 meta와 우주/세계를 뜻하는 universe의 합성어로 3차원 가상 세계를 의미한다. 더욱 쉽게 말하자면 마치 현실 세계처럼 문화생활을 하고 경제활동을 하는 가상세계라고 할 수 있다. 코로나로 인해 외부활동이 어려워지는 언택트 시대에서, 메타버스는 급부상하고 있다. 특히 디지털 사회에 익숙한 MZ세대가 메타버스의 주 이용층이다. 메타버스에서의 브랜드 마케팅 브랜드 홍보를 위해, 회사에서는 이제 단순히 브랜드나 제품을 노출시키지 않는다. 각종 엔터테인먼트 장르에 접속시켜 스토리 속에 브랜드 이미지를 투영시킨다. 고도화된 마케팅 기술이라고 할 수 있겠다. 제품만 띡하고 보여주는 것보다 고객의 관심을 자연스럽게 유도시키는 게 ..
[ Daily UI ] 002. Credit Card Checkout 디자인 Daily UI의 두 번째 미션은 바로, 신용카드 결제 화면 디자인이다. 어제(챌린지 첫날) 메인 레퍼런스 없이 무턱대고 도전했더니 어색한 결과물이 나왔었다. 아직 난 UX UI 초보이기도 하고, 아는 것보다 배울 게 훨씬 더 많으니 일단 레퍼런스를 먼저 잡고 들어가기로 했다. 오늘의 메인 레퍼런스: 카카오 T (말이 메인 레퍼런스지 그냥 모작이다..!) 위 사진은 포인트, 쿠폰 기능만 빼고 모작한 결과물이다. 카카오 T는 최종적으로 사용자가 눌러야 할 '적용하기' 버튼에 행동 유도성이 높다. 카카오 T의 '적용하기' 버튼은 누가 봐도 저게 핵심 버튼이겠구나를 알 수 있다. 또한 '취소'버튼은 고스트 버튼(얇은 선으로 테두리가 있고, 투명하거나 비어있는 버튼)을 사용하여 눈에 띄지 않게 제작했다. 실제로..
건대입구역 맛집 [ 로니로티 ] 지난달, 친구와 함께 건대에서 유명한 맛집인 로니로티를 방문했다! 꽤나 유명해서 이름은 많이 들어봤지만, 이번에 처음으로 가보게 되었다. 로니로티 건대점 운영시간 - 매일 11:30 - 22:30 - Break time 15:30~16:30 - Last order 21:30 로니로티 건대 매장은 건대입구역 바로 앞에 위치해있다. 건대입구역 1번 출구로 나오면 쉽게 찾을 수 있다! 친구와 나는 주말 저녁에 방문해서 아주 짧은 대기가 있었다. (약 10분 정도?) 로니로티는 원 플레이트(2인 구성)와 하프 메뉴(1~1.5인)로 나누어져 있어서, 먹는 양을 고려하여 자유롭게 선택할 수 있다. 우리는 '하프 메뉴+원 플레이트'를 주문할지 '하프 메뉴+하프 메뉴'로 할지 엄청 고민하다가 '하프 메뉴+하프 메뉴'로..
디즈니 실사 영화 [ 크루엘라 ] 리뷰 이번 포스팅은 스포일러가 거의 없으며, 영화를 보며 느낀 점 위주로 적어보려 한다. 영화 '크루엘라' 정보 - 개봉: 2021.05.26. - 등급: 12세 관람가 - 장르: 드라마, 범죄, 코미디 - 러닝타임: 133분 - 배급: 월트 디즈니 컴퍼니 코리아 여기저기서 재밌다는 소문이 자자한 크루엘라를 이제서야 보게 되었다. 엠마 스톤 주연의 영화 크루엘라는 원작이 따로 있는데, 바로 '101마리의 달마시안 개'이다. 난 원작을 보지 않아서 크루엘라라는 인물을 이번에 처음 알게 되었다. 알고보니 디즈니의 역대급 빌런이라고 한다.. 이번 실사 영화에서는 엠마 스톤이 위 사진 속 크루엘라와 똑같은 머리 색상을 하고 등장한다. 개인적으로 블랙 앤 화이트의 머리 스타일이 정말 매력적이었다. (엠마 스톤과도 찰떡..
동대문 DDP 전시 [ 팀랩: 라이프 ] 저번 주 일요일, 친구와 함께 동대문 DDP '팀랩: 라이프' 전시를 다녀왔다. 주말이라 그런지는 모르겠지만 약간의 대기 후에 입장할 수 있었다! 처음 본 전시는 꽃들이 피어나고, 그 꽃들에 의해 동물이 태어나는 내용이었다. 전시를 해설해주시는 분께서 동물을 손으로 만지면 울음소리를 낸다고 하셨는데 만져본 결과 울음소리가 거의 안 났다..ㅎ 아마 전시장 안에 있는 많은 사람들이 동시에 만지는 바람에 소리가 안 난 것 같기도 하다. 동물 종류는 새, 코끼리, 사자? 등등 다양했다. 사람과 작품 사이의 인터렉션은 잘 못 느꼈지만 시각적으로 아름다웠던 작품이다. 이곳은 생명의 증식이 돋보였던 전시실이다. 해바라기가 흐드러지게 폈다가, 잠시 후 져버리고, 또 다른 꽃이 흐드러지게 피고, 지고를 반복한다. 사람이..
UX UI 공부 2일차 [ Affordance, Placeholder ] Affordance(행동 유도성) Affordance란 사용자의 행동을 유도하는 사물의 속성을 말한다. 디자이너가 의도한 사용자의 특정 행동을 자연스럽게 유발하는 것이다. 예를 들어 채팅창 전송 버튼을 만든다면 누구나 쉽게 클릭할 수 있도록 디자인해야 한다. 또한 입력 창에 내용이 없으면 전송 버튼이 비활성화 상태이지만 내용을 입력하면 활성화되는 것도 행동 유도성이라 할 수 있다. 좋은 디자인은 행동 유동성도 높다. 이번에는 Affordance를 고려하여 로그인 페이지를 만들어 볼 것이다. 핀터레스트에 있는 로그인 페이지를 모작하며 하나하나 뜯어보.. 기 전에 placeholder가 무엇인지 짚고 넘어가겠다. Placeholder(입력 힌트) Placeholder는 사용자가 값을 입력하기 전에 입력값이 ..
UX UI 공부 1일차 [ 그리드 시스템, 모작, 단축키 ] 디자인 계의 올라운더가 되고 싶었던 나,, 일러스트도 그리고 영상도 만들고 UX UI도 공부하자고 생각했지만, UX UI 공부는 결국 한 번도 안 했다. 그런데 이번에 동아리 선배 소개로 토이 프로젝트에 참가하게 되었다. 사실 일러스트를 그리는 줄 알고 들어갔으나 UX UI 디자이너의 역할을 맡게 되었다(?). 잘할 수 있을까 걱정되긴 하지만, 이번 기회에 UX UI를 공부해야겠다는 의지가 마구 샘솟았다. 아직 UX UI에 대해 1도 모르지만 오늘부터 열심히 공부해보려 한다. 일단 많이들 사용하는 피그마(Figma)로 시작해야겠다! [ 그리드 시스템 ] UI에서 그리드 시스템은 정말 정말 중요하다. 그리드 시스템을 먼저 잘 정리해놓아야 가이드라인 잡기도 편하고 퍼블리셔와의 소통도 원활해진다고 한다. 그리..
무료 목업 사이트 추천 목업을 활용하면 디자인을 더욱 효과적으로 전달할 수 있습니다. 이번 포스팅에서는 무료로 목업 파일을 다운로드할 수 있는 '무료 목업 사이트'를 추천드리겠습니다! ( 혹시 목업이 무엇인지 잘 모르시거나, 목업 적용하는 방법이 어려우신 분들은 아래 포스팅을 참고해주세요! ) 목업(mock-up)이란 무엇일까? (+ 목업 적용하는 법) 목업이란? 목업(mock-up)은 실제품을 만들어 보기 전, 디자인의 검토를 위해 실물과 비슷하게 제작하는 실물 모형을 뜻합니다! 주로 디자이너들이 사용자들로부터 피드백을 습득하기 위해 목업 nak20-00.tistory.com 1. Mockup World Mockup World | The best free Mockups from the Web Tons of free and l..

티스토리툴바