디자인트렌드 (4) 썸네일형 리스트형 UI 디자인의 변천사, 그리고 뉴모피즘 1. 스큐어모피즘 아이폰 3G를 사용할 때, 현실과 비슷한 느낌으로 앱들이 디자인 되어 있었어요. 이를 스큐어모피즘이라고 하죠? 쉽게 말해, 현실 세계의 메타포를 그대로 모바일 안으로 옮겨 놓은 디자인이에요. 아이폰의 기본 기능인 ibooks는 집에서 보던 책장을 그대로 옮겨 놓은 듯한 디자인이었죠? 하지만 스큐어모피즘 디자인에는 한계가 있었는데, 그중 가장 대표적인 것이 디자이너들의 피땀눈물이 들어간다는 것과 개발자들의 용량 문제였어요. 아무래도 현실의 메타포를 거의 그대로 디자인하다 보니까 꽤 오랜 시간이 걸렸고, 그 용량도 상당했죠. 제작된 앱들도 무척 무거워서 초창기에 앱을 다운로드 하면 꽤 많은 용량을 차지하곤 했습니다. 그런 단점을 보완하고자 나온 디자인이 플랫디자인입니다. 2. 플랫디자인 이.. 현대차, NFT로 브랜드 경험을 확장하다 현대차, NFT로 브랜드 경험을 확장하다 NFT(Non-Fungible Token)는 대체 불가능한 토큰을 뜻합니다. 암호화폐 등의 토큰은 1대 1로 교환할 수 있지만, NFT는 하나하나가 서로 대체 불가능하게 만들어지는 토큰입니다. 디지털 파일에 고유한 데이터 값을 부여하여 개인이 ‘독자적 소유권’을 가질 수 있도록 한 것입니다. NFT는 위조가 불가능한 것이 특징입니다. 데이터를 여러 컴퓨터에 나누어 저장하는 블록체인 기반이기에 소유권과 판매 이력 등의 관련 정보가 모두 남습니다. 증인 여럿이 있는 것과 마찬가지죠. NFT는 디지털 그림이기에 코드를 더해 기능도 추가할 수 있습니다. 일례로 멤버십 회원권 기능을 부여한다면 위조가 불가능하니 회원 본인임을 인증하는 강력한 수단이 될 수 있습니다. 현대차.. UI 디자인에서 이상적인 그림자를 만드는 방법 현대 UI 디자인에서 그림자는 모든 곳에 자리하고 있다. fill, stroke 그리고 corner radius의 뒤를 잇는 UI 요소의 중요 부분 중 하나이다. 완전한 플랫 디자인(flat design)은 더 이상 트렌드가 아니다. 간단한 튜토리얼을 통해 카드, 버튼 또는 원하는 UI 컨트롤에 멋진 그림자를 만드는 방법에 대해 알아볼 것이다. 1. 그림자의 기본값(default)을 사용하지 마십시오. Sketch, Figma 또는 Adobe XD 어떤 것을 사용해도 상관없다. 디자인 툴의 모든 기본 그림자는 지양하는 것이 좋다. 만약 당신의 컴포넌트가 깔끔하고 현대적으로 보이게 하려면 항상 모양을 수정해야 한다. 2. 그림자를 부드럽게 만들기 이상적인 그림자 대부분은 그라데이션이 고르고 부드럽다. op.. UI 속 글래스모피즘 UI 속 글래스모피즘 뉴모피즘에 이어 2021년에는 글래스모피즘이 흥하게 될까요? 글래스모피즘이란 과연 무엇일까요? 이 글은 원작자의 허락을 받고 번역한 글입니다. 출처: https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9 지난해에 뉴모피즘이 큰 인기를 끌기 시작했다. 하지만 뉴모피즘은 디자인 씬에선 그렇게 많이 사용되지는 않고 있다. 뉴모피즘은 잠재적인 '접근성 문제'를 가지고 있기 때문이다. 물론 몇몇 앱이나 제품들은 이 스타일을 사용하고 있지만, 가장 주목 받은 것은 삼성의 광고와 MKBHD의 인트로 동영상에 사용한 것이었다. 하지만 어떤 제품군 전체보다는 일부 요소로만 사용되었다. 즉, 이런 스타일은 조금만 사용해도 효과가 있고, .. 이전 1 다음
