콜투액션(CTA)을 위한 버튼, 이렇게 디자인해보는건 어떨까? ‘Gradient-buttons’

  어떤 버튼이 더 많은 클릭을 유도할 수 있을까? CTA(Call To Action)이란 랜딩페이지와 웹사이트에 방문한 사람에게 우리가 원하는 반응을 유도하는 장치를 뜻합니다. 예를 들어 쇼핑몰이라면 위와 같이 구매하기를 기본으로 공유, 좋아요, 장바구니 담기 등 특정 행동을 방문자/사용자들이 할 수 있도록 유도하는 것이죠. 아마 모바일 커머스, 쇼핑앱에서 구매하기가 가능한 페이지에서는 해당 버튼이 하단게 고정되어 있는 모습을

머티리얼 디자인을 위한 아이콘을 한 곳에서! ‘Material Design’

  머티리얼 디자인에서 가장 중요한 두 가지, 컬러와 아이콘 머티리얼 디자인을 위한 색 조합을 만들어주는 ‘Material mixer’ 을 통해 머티리얼 디자인의 핵심인 ‘컬러’구성을 한 곳에서 쉽게 하는 방법을 소개 드렸었는데요. 오늘은 또 하나의 핵심 구성 요소라고 할 수 있는 머티리얼 디자인의 아이콘과 관련된 서비스를 소개 드릴까 합니다.    머티리얼 디자인과 관련된 아이콘을 한 곳에서! 오늘 소개드릴

머티리얼 디자인을 위한 색 조합을 만들어주는 ‘Material mixer’

  구글의 머티리얼 디자인 2014년 6월, 구글은 ‘머티리얼(Material)’이라는 디자인 가이드를 발표했습니다. 세부적인 레이아웃, 패턴, 사용성과 컴포넌트까지 전체적인 스타일에 대한 내용을 포함해서 말이죠. 머티리얼 디자인의 경우 최소한의 요소만 활용하는 플랫 디자인의 성격을 띄고 있으며, 카드를 겹겹이 쌓아올린 UI의 카드스톡을 기본으로 하고 있습니다. 사실 카드 UI는 이전부터 많이 쓰였고, 이미 존재하는 개념이었지만 구글은 질감과 빛에 따른 그림자