전체 글34 UI 패턴 핵심정리 : 지도 서비스 안녕하세요, 리플러스입니다. 오늘은 기존에 정리했던 - UI 디자이너라면 꼭 알아야할 9가지 서비스 카테고리 중에서, 지도 서비스에 대해 이야기를 해보겠습니다. 1. 지도 서비스란? 지도 서비스는 GPS를 기반으로 한 주변 지도 정보를 보여주는 기본적인 서비스입니다. 한국에서는 네이버와 카카오, 구글과 애플맵이 이야기되지만, 실제로 사용할 수 있는 건 네이버와 카카오맵 뿐입니다. 구글과 애플의 경우, 해외 기업이기 때문에 국내법상 국내 지도 데이터를 함부로 사용할 수 없게 되어있습니다. 그래서 국내에서는 카카오와 네이버같은 국내 기업의 지도만 사용할 수 있습니다. 2. 지도 서비스의 핵심은 키워드 검색 지도 서비스는 대부분 내 주변에 있는 무언가를 찾거나. 특정한 목적지로 이동하는 방식을 찾을 때 주로 .. 2021. 1. 21. UI 패턴 핵심정리 : 메일 서비스 안녕하세요, 리플러스입니다. 오늘은 기존에 정리했던 - UI 디자이너라면 꼭 알아야할 9가지 서비스 카테고리 중에서, 메일 서비스에 대해 이야기를 해보겠습니다. 1. 메일 서비스란? 메일은 정해진 메일 주소로 텍스트와 이미지, URL주소 등을 함께 보낼 수 있는 서비스입니다. 우리는 메일 서비스가 '전자 우편' 정도로 생각하지만. HTML (하이퍼 텍스트 마크업 언어) 뭉치로 된 문서를 보내는 것입니다. 그래서 CSS로 편집해, 기본 메일 규격과 다르게 내용을 꾸밀수도 있죠. 또한 기존에 살펴보았던 텍스트 에디터 개념까지 담고있어. 한층 복잡해집니다. 2. HTML이란? 기존에 에디터에 대해서 알아볼 때. 마크다운 문법에 대해서도 이야기했었지만. HTML은 마크다운 문법과 비슷하게, 사용자 편집화면과 결.. 2021. 1. 20. 앱 / 웹 서비스의 핵심을 파악하는 방법 UI 디자이너와 기획자들은 항상 다양한 서비스들을 분석하고, 정리해야합니다. 그래서 더욱 다양한 서비스들을 어떻게 구분해야하는지를 알아야하고. 핵심 FLOW가 무엇인지. 빠르게 체크하는 방법을 알아야합니다. 그래서 오늘은 서비스별 핵심을 파악하는 방법을 이야기해보겠습니다. 대부분의 앱 / 웹 서비스는 약 네가지 단계로 이뤄진다고 보시면 이해가 쉽습니다. 서비스 진입 탐색 핵심정보 취득 사용자의 판단 이걸 좀더 풀어서 설명하면 이렇게 볼 수 있겠죠. 서비스에 가입하거나, 찾아서 들어가는 준비과정 (서비스 진입) 서비스 내에서 내가 원하는 내용을 찾기 위해 검색, 메뉴이동 등의 기능을 사용 (탐색) 찾아낸 결과값을 갖고 사용자가 확인 후. 판단에 따라 재검색, 혹은 서비스 사용이 종료됨 (사용자 판단 + 반.. 2021. 1. 20. UI 디자인의 미래 1. UI 디자인 시장은 사실상 끝이 났습니다. 시대가 달라졌고, 수많은 디자이너들이 더이상 필요치않은 시대가 되었죠. 이러한 변화가 생기게된 이유는 간단합니다. 대부분의 서비스들이 플랫폼화되어, IT 업계가 기존에 갖고있던 추진동력을 잃어버렸기 때문입니다. UI는 더이상 중요하지않고, 대부분이 동일한 문법을 갖게됐고. 거대 IT 플랫폼들이 큰 단위의 자본을 모두 독점하는 시대가 되었습니다. 2. 과거. 기존 IT 시장과 거대 플랫폼 서비스들이 뜨기 이전으로 돌아가보죠. 오프라인 기반으로, 웹사이트와 앱 없이 영업을 하던 대부분의 업체들을 말합니다. 수많은 업체들이 앱과 웹을 만들기 시작했고, 개별 서비스 시장에서 플랫폼을 선점하기 위한 전쟁이 벌어졌습니다. 그리고 그 결과 1~3위 업체를 제외하고는 모.. 2020. 12. 25. 부트스트랩, 어떻게 사용해야할까? -파트 2 (번역본) 이 게시물은 Medium, wd stack 채널의 How to bootstrap 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 부트스트랩, 어떻게 사용해야할까? - 파트1 udlab.tistory.com/5 부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본) 이 게시물은 Medium, wd stack 채널의 How to bootstrap 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 원본글 링크 https:/ udlab.tistory.com 이 문서에는 어떤 내용들이 담겨있나요 ? 부트스트랩은 무엇이고, 또 왜 써야하나요? 부트스트랩을 시작하는 방법.. 2020. 12. 1. 부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본) 이 게시물은 Medium, wd stack 채널의 How to bootstrap 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 세계에서 가장 인기있는 프론트엔드 라이브러리, 부트스트랩 (Bootstrap) 저는 2013년부터 부트스트랩 3.0과함께 업무를 진행해왔습니다. 부트스트랩 관련 문서들도 직접 작성해왔고,스택오버플로우 (개발자들의 성지같은 곳)의 부트스트랩 분야에서 가장 상위권 유저이기도 합니다. 이 문서에서는 부트스트랩의 사용법에 대해 자세하고, 명확하게 설명해보려합니다. https://getbootstrap.com/ 이야기를 진행하기 이전에, 몇가지 조건사항이 있습니다. 이 글을 읽고 이해하기위해서는 HTML과 CSS.. 2020. 12. 1. 이전 1 2 3 4 5 6 다음 728x90
