영감을위한 디자인을 온보드 한 40 개의 모바일 앱
사용자가 요즘 앱을 다운로드 할 때 가장 먼저 보는 것은 온 보딩 화면입니다. 온 보딩 스크린은 보행 시선과 같으며 앱이 사용자에게하는 것을 소개 물론 그것을 사용하는 방법. Thta는 그것을 설명하는 가장 간단한 방법입니다. 그러나 그것을 설계하는 것은 완전히 다른 것입니다..
온 보딩 화면은 가장 간단하고 친근하고 사용하기 쉬운 방식으로 설계해야합니다. 온보드 화면은 사용자에게 정보를 제공하고 교육하기 위해 만들어진 빈 상태 페이지와 같습니다. 내가 생각하기는하지만 모든 앱에 온 보딩 화면이 필요하지는 않습니다. 온보드 화면으로 인해 사용자가 불만을 덜어줍니다. 의 스스로 알아 내야 만하는 그들이 시도하는 새로운 앱.
하지만이 40 가지 사례를 살펴 보겠습니다. 온 보딩 스크린 디자인 전 세계의 광고 소재에서 온 보딩 스크린 아이디어를 사용하여 게시 여부를 결정할 수 있습니다..
영감을 얻으려면 버질 파나 (Virgil Pana)의 부드러운 일러스트와 애니메이션 온 보딩 화면을 확인하십시오. 교육 기관을 염두에두고 설계되었습니다..

여행 앱처럼 보이는 온 보딩 일러스트레이션은 같은 둥근 산악 경관을 배경으로합니다. 디자이너 Anggit Yuniar Pradito는 포트폴리오에서 몇 가지 온 보딩 디자인 아이디어를 보유하고 있습니다..

이 온보드 디자인은 Bemyspot라는 앱에 대한 프레젠테이션의 일부로, 셀피에 대한 보상과 새로운 장소 및 사회적 공유를 찾는 쇼핑 앱인 것처럼 보입니다. Rosario Sarracino와 Ivan Paudice가 디자인했습니다..

이 스크린의 각 이미지는 제공하는 서비스를 암시하는 우표에 넣어집니다. Anastasiia Andriichuk는 우주 비행사와 배달을하는 열기구가 보여주는 것처럼 유머가 먼 길을 간다는 것을 이해합니다..

사샤 고로쉬 (Sasha Gorosh)는 우주 여행에서 영감을 얻은 매력적이고 재미있는 온 보딩 스크린을 제작했습니다. 삽화는 간단하며 시간에 "선상에"도착할 수 있습니다..

"포스가 함께하길!" 행성이 화장을하는 온 보딩 스크린. 안동 찬드라가 만든 스타 워즈에서 영감을 얻은.

몇 줄짜리 일러스트에서 아이카는이 여행 앱으로 할 수있는 것을 설명합니다. 화면을 슬라이드하거나 X로 닫을 수 있습니다..

이 디자인의 레이아웃, 그라디언트, 일러스트레이션 및 색상 사용은 놀라 울 정도입니다. CTA 버튼이 주황색으로 강조 표시되어 깊고 푸른 색 바탕에 이상하게 보입니다. Murat Gursoy의 멋진 디자인.

이 귀여운 사람들은 앱의 가능성과 기능을 보여주기 위해 그려졌습니다. 그들은 꽤 귀엽다, 진지한 근무 모드에서, bu 귀여운 귀여운.

여기 Walkthrough 스크린에 아이콘을 똑똑하게 사용합니다. 회색 부분이있는 그림에 녹색 하이라이트가 잘 보입니다. Nitesh Chandora가 디자인.

이것은 그린 - 에코 테마가 계속되는 굉장히 미니멀리즘 한 그림이있는 하나 이상의 온보드 스크린입니다. 탐색 버튼은 편의를 위해 화면 하단에 배치됩니다. Martin Strba가 디자인.

이 삽화들은 전 세계를 방문 할 수있는 장소를 보여줍니다. 그것은 여행 가이드 앱을위한 온 보딩 (onboarding)의 개념처럼 보입니다. 위치에 대한 간략한 설명이 매력을 더합니다. Anton Chandra의 또 다른 위대한 작품.

채팅 거품과 일러스트의 글로브가 아주 자세하게 그려져 있습니다. 어떤 발견 앱 내부에서 애니메이션처럼 보이는지 얼마나 위대한 지 상상할 수 있습니다. Ghani Pradita의 멋진 작품.

이 그림들은 가니 프라 디타 (Ghani Pradita)의 궤도 스타일과 유사하지만 모든 온 보딩 디자인에 채택되었습니다. 이러한 디자인은 Faiz Al-Qurni.

아이비 무 커지 (Ivy Mukherjee)의 삽화는 재미 있고 창의적이지만 말씨는 조금 작고 읽기가 어렵습니다. 그러나 이것이 온 보딩 경험에서 중요한 역할을하는 이유를 보여주는 완벽한 예입니다.

이 온보드 화면은 내가 가장 좋아하는 화면입니다. 나는 삽화의 사용과 색상 표를 좋아한다. 그들은 최소한으로 보이고 분리되어 있지만 여전히 의미가 있습니다. Mariusz Onichowski가 디자인.

Anton Chandra가 만든 온보드 스크린 디자인이 한 가지 더 있습니다. 안톤은이 디자인을 포함하여 그의 디자인에서 계속 진행되고있는 우주 영감을 가지고 있습니다..

온보드 화면은 메시지를 전달하는 적절한 일러스트레이션으로 빠르고, 모바일이며, 친숙한 앱을 설명합니다. 웨인 바리 셰프 (Wayne Baryshev)가 디자인.

이 온보드 화면은 해상 운송 앱으로 제작되었습니다. 디자인에 주야를두고있는 것은이 운송 회사가 하루 24 시간 연중 무휴로 작동한다는 것입니다. 재료 디자인의 영향력은 강하다. Ivan Bjelajac.

우리는 마침내이 유형의 디자인이 가장 필요한 전자 상거래 용 온보드 화면 디자인을 마침내 보았습니다. 이들은 쇼핑 프로세스를 돕기 위해 Katya Dihich에 의해 만들어졌습니다..

Anggit Yuniar Pradito가 디자인 한 환영 인사말 화면으로 성공적인 예약을 보여 주며 하나 또는 두 가지 이상의 색상을 사용하는 것을 두려워하지 않습니다. 단순하고 미니멀 한.

색상에 대해 말하자면 Dux Nguyen의 온보드 화면은 놀라 울 정도로 밝고 다채 롭습니다. 그들은 분명히 당신이 친구들과 게임을하고이 앱으로 채팅 할 수 있다는 것을 보여줍니다..

예산 호텔 앱의 온보드 화면입니다. 파란색과 흰색은 호텔 예약 앱의 안전하면서도 적절한 색상 조합처럼 보입니다. 이것은 Muhammad Watsik Dzawinnuha가 디자인 한 것입니다..

이러한 장난스런 삽화는 온 보딩 경험을 더욱 즐겁게합니다. 이미 짐작할 수 있듯이이 화면은 플로리스트 앱용으로 제작되었습니다. Jocelyn Crankshaw의 멋진 색 구성표 및 디자인.

이것은 잠금 화면을위한 온보드 디자인이지만 날씨 나 여행 앱에도 적합합니다. 화려한 색상 사용. 디자이너 Xiu Yuan은 포트폴리오에서 더 많은 동양 디자인을 보유하고 있습니다..

이러한 온보드 화면에는 고유 한 특성이있는 것 같습니다. 각 화면은 다른 색상과 사람 중심의 그림으로 강조 표시됩니다. 디자이너 Min은이 프로젝트를 즐겁게했습니다..

조지 가오 (George Gao)는 이러한 온 보딩 디자인의 컬러 테마로 회색을 선택했습니다. 마스코트는 좋은 터치이며 연속성을 위해 모든 디자인에 등장합니다..

Anwar Hossain Rubel이 디자인 한 깨끗하고 재미있는 onboarding 화면이 여행용 앱입니다. 나는 배경에 수채화 구름이 있고 디자인에 마법 같은 것을 추가하는 다채로운 점이 마음에 든다..

Ray Martin은 소셜 앱을 위해이 앱을 만들었습니다. Vue라고 불리는 앱을위한 그라데이션 온 보딩 스크린의 사용은 놀라운 효과를냅니다. 때로는 색상 선택에 대해 용감해야합니다..

이들은 Ivy Mukherjee의 국제 전화 응용 프로그램에 대한 온보드 디자인입니다. 밝은 녹색 색조로 나에게 WhatsApp가 떠오른다..

Anandu Sivan이 그린 일러스트입니다. 여기 앱의 자습서 화면에서 재미 있고 창의적인 일러스트가 있습니다. 그러나 그것은 어떤 종류의 앱인지는 말하지 않지만 그림은 하이라이트를받을 가치가있다..

이 재미있는 화면은 음식을 좀 더 찾도록 장려합니다. 일러스트레이션이 두 스크린에 단계별로 연결되는 방식을 좋아합니다. 이것은 Syafrizal Wardhana에 의해 설계되었습니다..

Jinyi Fu는 색상과 대담한 그림을 쌍으로 만드는 법을 보여줍니다. 도면에 의미를 부여하는 텍스트가 없으므로 아직 진행중인 작업 일 것입니다.

나는 Wenhui Yu가 여기에 윤곽선 단추를 사용하는 것을 좋아합니다. 밝은 색상과 영리한 일러스트를 일반적으로 사용하지만 디자인은 가볍고 미니멀하게 보입니다..

또 다른 Wenhui 유 창조,이 일러스트레이션의 사진 inedad를 사용합니다. 10 대들을위한 재미있는 패션 앱을위한 것이었고 디자이너가 그것을 찍었습니다..

재미있는 가능성을 가진 조리법 앱, Eva Hoefer가 만든 온 보딩 (onboarding) 디자인이이 앱을 사용하는 방법에 대한 아이디어를 얻습니다..

멜빈 존슨 (Melvin Johnson)이 인보이스 응용 프로그램에 사용하는 일러스트레이션과 배경색이 마음에 듭니다. 이것은 아마도 원래의 목적을 위해 너무 재미있어지기 때문에 개념을 유지할 것입니다..

때로 삽화는 카를로스 라모스 (Carlos Ramos)와 같은 지침을 전달하는 데있어서 부차적 인 역할을 할 수 있습니다. 이 도면은 작지만 여전히 상세합니다..

컴퓨터와 휴대 전화에서 동일한 사진을 찾아서 제거하는 앱을위한 둘러보기 화면. 테티 아나 자 호르 스카 (Tetiana Zahorska)의이 작품은 대담한 배경색 접근법에 흰색으로 연극을 연출합니다..

ModMom 응용 프로그램을위한이 다채로운 화면은이 게시물에 소개 된 모든 디자인 중에서 가장 환영받는 화면입니다. 재미있는 배경 일러스트레이션도 도움이됩니다. Staci Carpenter의 놀라운 작품.
