UI디자인4 UI 디자인 : 랜딩 페이지 디자인 - 실무 팁 13 이 글은 랜딩페이지를 디자인할 때 확인하면 좋은 13가지 팁을 정리한 내용입니다. 다만 랜딩페이지 외에, 시각정보를 정리할 때에도 사용될 수 있는 내용이 많아 번역을 진행하게 되었습니다. 이 글은 각각의 타이틀마다 before / after 형식으로 시각물을 비교하기 때문에. 무엇이 어떻게 바뀌어야하는가를 쉽게 아실 수 있을 겁니다. 이 글은 해외 아티클을 기반으로 내용을 보강, 보충한 글입니다. 1. 이미지 위에 텍스트를 올려야할 때는 색상 오버레이를 사용하자 일반적으로, 이미지 위에 색상을 올려놓을 때는 글자나 사진이 잘 보이지않는 문제가 생깁니다. 이런 경우에는 이미지 자체를 편집하거나, 글씨를 강조하는게 좋겠죠. 하지만 정 방법이 없다면 둘 중 하나를 선택해야합니다. 이 케이스에는 이미지의 선명도.. 2021. 2. 6. 앱 / 웹 서비스의 핵심을 파악하는 방법 UI 디자이너와 기획자들은 항상 다양한 서비스들을 분석하고, 정리해야합니다. 그래서 더욱 다양한 서비스들을 어떻게 구분해야하는지를 알아야하고. 핵심 FLOW가 무엇인지. 빠르게 체크하는 방법을 알아야합니다. 그래서 오늘은 서비스별 핵심을 파악하는 방법을 이야기해보겠습니다. 대부분의 앱 / 웹 서비스는 약 네가지 단계로 이뤄진다고 보시면 이해가 쉽습니다. 서비스 진입 탐색 핵심정보 취득 사용자의 판단 이걸 좀더 풀어서 설명하면 이렇게 볼 수 있겠죠. 서비스에 가입하거나, 찾아서 들어가는 준비과정 (서비스 진입) 서비스 내에서 내가 원하는 내용을 찾기 위해 검색, 메뉴이동 등의 기능을 사용 (탐색) 찾아낸 결과값을 갖고 사용자가 확인 후. 판단에 따라 재검색, 혹은 서비스 사용이 종료됨 (사용자 판단 + 반.. 2021. 1. 20. UI 패턴 : 주요 서비스 카테고리 9가지 안녕하세요 리플러스입니다. 오늘은 UI 디자인 공부시 설계 단위에서 꼭 알아야하는 9가지 서비스 카테고리를 알아보겠습니다.이 목록에서는 일반적인 사용성을 가진 서비스들을 모으기 위해. 금융 서비스나, 주식투자 서비스등, 특수 분야에 가까운 서비스는 제외하였습니다. 1. 메일 서비스 / 텍스트 에디터 메일 서비스는 모든 서비스의 기본이 되는 내용입니다. 그 이유는 텍스트 에디터와, 받은 메일들을 별도로 구분하는 폴더 개념, 검색 기능 때문입니다. 텍스트 에디터는. 글을 첨부하고, 편집하고 보내는 기본 메모장 개념이기도하나. 동영상을 첨부하거나 이미지를 첨부할 수 있고. URL을 첨부하는 방식 등. 가장 기초적인 UI단위들과, 텍스트 편집을 위한 에디터 기능들을 확인할 수 있습니다. - 서비스 구분 : 메일.. 2020. 12. 1. UI 디자인은 정보를 선택하는 과정! 1. 여러분이 무인도에 표류하게 되었다고 해봅시다. 그런데 가방 속에 단 세가지 아이템만 갖고갈 수 있다면. 어떤 것을 선택해야할까요? 라이터나, 전화기, 물통이나 칼 같은 다양한 아이템들을 생각해볼 수 있을 겁니다. 그리고 여기서 중요해지는 것은 '어떤 아이템을, 왜 선택하는가' 라는 지점입니다. 2. 이번엔 이렇게 질문을 던져봅시다. 어떤 정보들이 있어야 사용자가 원하는 결과를 내어줄 수 있을까요? 글이나 동영상이던, 상품이건, 사람이건 간에. 사용자가 앱, 웹, 서비스에서 원하는 결과를 보여주려면. 우리에겐 어떤 정보들이 필요할까요? 그리고 그 정보를 전달하기위해, 기존의 서비스들은 어떤 방식으로 앱이나 웹 디자인을 만들고 있을까요? 3. UI 디자이너가 다루는건 시각 단위가 아니라. 정보의 뭉치들.. 2020. 12. 1. 이전 1 다음 728x90
