728x90 UI UX Design14 앱 디자인 패턴 사이트 mobbin 디자인을 시작하기 전 기준이 될 기기를 선정하고 그에 맞는 해상도로 작업을 진행합니다. 아이폰 X 출시 이후 iOS 기기를 디자인할 때에는 하단 홈버튼과 상단 노치 영역을 고려해야 하는데요 최신 iOS 앱 패턴을 모아놓은 사이트가 있어 소개합니다. Mobbin Mobbin은 최신 iOS 앱 디자인 패턴 모음입니다. 150개 이상의 앱과 8,000개 이상의 패턴이 게재되어있습니다. 서비스들은 계속 최신 버전으로 업데이트 관리되고 있습니다 필터 및 검색을 통해 방대한 양의 페이지들을 원하는 조건에 맞추어 바로 소팅해볼 수 있고 마음에 드는 패턴은 자신의 라이브러리에 저장할 수도 있습니다 세 가지의 필터링 장치가 있는데요. 앱의 성격 ex) 파이낸스, 소셜 네트워킹, 뉴스 등 페이지의 종류 ex) 로그인, 지.. 2021. 2. 25. 네이티브 vs 하이브리드 vs 크로스플랫폼 현재 회사에서 '위치를 기반으로 한 리뷰 서비스'를 진행하고 있습니다. 첫 릴리즈 당시 SNS 기능을 갖춘 간단한 맛집 리뷰 서비스였는데 여러 번의 업데이트를 거치며 검색 기능 강화, 위치 기반 콘텐츠 강화, AI 추천 등 여러 기능을 추가, 고도화하고 있습니다. 더하여 마이크로 애니메이션이나 부드러운 트랜지션으로 보다 나은 사용자 경험을 위해 작년부터 리액트 네이티브에서 네이티브로 전환하고 있습니다. 여기서 리액트 네이티브는 뭐고 네이티브는 뭐지? 하는 의문이 생겼습니다. 예전에도 비슷하게 웹 앱, 하이브리드 앱, 프로그레시브 앱 방식의 차이가 무엇인지 헷갈렸지만 찾아봐도 헷갈려서 대충 찾아보다 말았던 기억이 납니다. 그래서 이참에 요즈음 앱 개발 방식을 정리해보았습니다. 네이티브 앱 (Native A.. 2021. 2. 24. 앱 스토어 스크린샷 패턴 사이트 scrnshts App Store 스크린 샷은 사용자가 보게 될 첫 번째 마케팅 자산입니다. 사용자가 스토어 등록 정보를 살펴보고 앱을 다운로드할지 여부를 결정하는 데 평균 7초가 걸립니다. 사실 대다수의 사람들이 더 빨리 페이지를 떠나지만 대게는 다음과 같은 프로세스를 따릅니다. 아이콘을 확인하고 처음 두 개의 스크린 샷을 보고 앱 설명의 첫 번째 줄을 스캔합니다. 그만큼 스크린샷의 시각적인 설득이 중요한데요, 앱 스크린샷만 모아놓은 사이트를 소개합니다. scrnshts 앱스토어 스크린샷을 모아놓은 사이트로 디자인 트렌드를 살펴볼 수 있는 사이트입니다. 본 사이트 제작자는 mobbin.design 에서 영감을 받아 제작했다고 합니다. 왼쪽 사이드바에서 카테고리를 소팅할 수 있습니다 정직한 컷으로 기능 설명에 초점을 맞.. 2021. 2. 22. 프론트엔드와 백엔드 UI디자이너로 일하면서 기획자, 개발자와 협업이 많은데 특히 이슈가 생겼을 때 개발자 중 누구과 소통해야할지 헷갈릴 때가 많습니다. 그리고 개발자와 소통할때 다소 낯선 용어들을 쓸때 가끔 혼란스러울 때가 있습니다. 개발분야에 대한 이해가 미흡한 디자이너 입장에서 모든 개발자는 말그대로 개발자로 뭉뚱그려집니다. 프론트엔드? 백엔드? 무슨말이지? 앱 디자인으로 치자면 BX, UX/UI, Graphic, Interaction 등 여러 포지션의 디자인이 맞물려 하나의 제품이 되듯 당연히 개발도 포지션에 따라 담당하는 업무가 다릅니다. 개발은 크게 프론트엔드와 백엔드로 포지션이 나뉩니다. 양쪽 모두 다루는 개발자는 풀스텍이라 부릅니다. 유저가 눈으로 직접 보는 화면을 가공하거나, 눈에 보이지 않는 DB나 서버를 .. 2021. 2. 18. 이전 1 2 다음 728x90 반응형
