앱의 안내페이지를 어떻게 잘 만들까?

1, 목적 구분 < P > 부팅 페이지의 목적, 출발점에 따라 기능 소개 클래스, 사용 설명 클래스, 홍보 클래스, 문제 해결 클래스로 나눌 수 있습니다. 일반 부팅 페이지는 5 페이지를 넘지 않습니다.

1. 기능 소개 클래스

기능 소개 클래스 안내 페이지는 주로 제품의 주요 기능을 보여주며 제품의 주요 기능에 대한 일반적인 이해를 제공합니다. 채택된 형식은 대부분 문자 맞춤 인터페이스, 삽화로 표현된다. < P > 이신을 예로 들면, 문자와 수채화 삽화를 결합하는 방식으로 문자는 두 단계로 나뉜다. 큰 제목과 작은 제목, 큰 제목은 주요 기능에 대한 개괄이고, 작은 문자는 기능 모듈에 대한 자세한 설명이거나 추가 보완이다.

2, 설명 클래스 사용 < P > 설명 클래스 사용 안내 페이지는 사용자가 제품을 사용하는 동안 발생할 수 있는 어려움, 불분명한 동작, 오해의 조작 행위에 대해 미리 알려 주는 것입니다. 이러한 안내 페이지는 대부분 화살표와 원으로 식별되며, 주로 손으로 그린 스타일을 위주로 한다. 새우 음악의 안내 페이지를 예로 들어 찾기 어려운 재생 대기열, 가사의 작동 방식에 대한 화살표 안내에 대해 설명합니다.

3, 프로모션 클래스 < P > 프로모션 클래스 안내 페이지는 일부 제품 기능에 대한 소개 외에도 제품의 태도를 전달하고자 합니다. 이를 통해 사용자는 이 제품의 감정을 더 잘 이해하고 전체 제품 스타일, 회사 이미지와 일치하는 것을 고려할 수 있습니다. 이런 종류의 안내 페이지를 충분히 매력적이지 않게 하면, 사용자들은 조급하게 빠르게 건너고 싶을 뿐이다. (윌리엄 셰익스피어, 템페스트, 독서명언) 웰메이드, 재미있는 안내페이지를 만들면, 사용자들은 걸음을 멈추고 감상할 수 있다. (윌리엄 셰익스피어, 햄릿, 독서명언) < P > 타오바오 여행을 예로 들자면 타오바오 여행은 신선하고 생활화된 장면의 삽화를 통해 제품을 만드는 즐거움과 느낌을 따르는 여행 앱으로, 여행하기 전에 모든 일정을 계획하는 데 도움을 줍니다. 여행가방 한 개만 있으면 간다고 하면 제품의 이념에 부합합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 여행명언) 또 다른 앱은 조용하고 편안한 사진과 간결한 글로 제품의 기조를 렌더링하는 앱이다.

4, 문제 해결류 < P > 문제 해결류는 실생활에서 발생할 수 있는 문제를 설명하고, 통증을 직격하고, 최종 해결책을 통해 사용자에게 정서적 연계를 가능하게 하며, 사용자가 제품에 호감을 갖고, 제품 점도를 높일 수 있도록 한다. 예를 들어, QQ 브라우저의 안내 페이지 디자인은 QQ 브라우저가 다른 브라우저에서 발생하는 문제 (소설을 찾을 수 없음, 소설 읽기 비용, 소설 업데이트 필요 등) 를 이미지 그림으로 직접 설명합니다. < P > 2, 표현

1, 문자 및 인터페이스 조합 < P > 가장 일반적인 부트 페이지인 짧은 텍스트+이 기능의 인터페이스는 주로 기능 소개 클래스 및 사용 설명 클래스 안내 페이지에 사용됩니다. 이런 방식은 제품의 주요 기능을 비교적 직접적으로 전달할 수 있으며, 단점과 지나치게 모델화되어 천편일률적으로 보인다.

2, 문자 및 그림 조합

문자 및 그림의 조합도 현재 일반적인 형식 중 하나입니다. 삽화는 구상이 많아 장면과 사진을 주로 사용하여 문자 내용을 표현한다.

3, 동적 효과 및 음악

정적 페이지 외에 동적 효과가 있는 페이지가 유행하기 시작했다. 단일 페이지는 애니메이션 형식으로 각 구성 요소의 선후속도를 고려하여 원래의 침묵을 깨고 페이지를 움직이게 합니다. 또한 동적 효과와 함께 페이지 간 전환 방식을 고려하여 기본 왼쪽/오른쪽 슬라이딩을 위/아래 슬라이딩으로 변경하거나 몇 초 후에 자동으로 다음 페이지로 전환할 수 있습니다. 안내페이지를 탐색할 때, 역동적인 리듬에 맞는 음악을 추가해 보는 것이 좀 더 참신한 방법이 될 것이다. (윌리엄 셰익스피어, 템플린, 음악명언)

4, 영상전시 < P > 는 개봉 후 동영상을 재생함으로써 제품을 소개하거나 한 가지 이념을 전달한다. 이는 사진촬영, 운동류 응용과 같은 편생활기록류의 응용에서 많이 볼 수 있어 청춘의 활력, 긍정적이고 낙관적인 생활태도를 전달한다. 장점: 직관적, 동적인, 생활화. 단점: 응용이 크면 비디오 재생에서 카튼이 발생할 수 있습니다. < P > 셋, 요약 < P > 이상은 안내페이지의 목적 차이와 표현 방식에 대해 분류했고, 구체적인 디자인에는 몇 가지 원칙을 유의해야 한다. 이는 디자인을 더욱 매력적으로 만들고, 정보 전달의 효과를 높일 수 있다.

1, 카피 라이팅은 간결하고 핵심을 강조합니다. < P > 아일랜드 철학자 해밀턴이 관찰한 7 2 효과에 따르면 한 사람의 단시간 기억은 적어도 5 자, 최대 9 자, 즉 7 2 자를 회상할 수 있다. 따라서 전시된 문안은 9 자 이내로 통제해야 하며, 이후 사용자들은 잊기 쉽고 기억 편차가 생기기 쉽다. 표현하기가 어렵다면, 작은 글자로 해석하거나 보충할 수 있다. 따라서 최종 문안의 확정에서 요점을 강조하고 불필요한 문자는 가능한 한 줄여야 한다. 문건을 삭감한 후에도 글자 수가 너무 많으면 문자 계층화를 고려하여 공백이나 쉼표 또는 줄 바꿈을 통해 시각적으로 최적화됩니다.

정확하고 적절한 카피 라이팅도 전문 용어를 사용자가 이해할 수 있는 언어로 변환하는 것이 중요합니다. 특히 사진을 통해 주제를 표현하는 안내 페이지 디자인의 경우 문안과 사진의 일치도는 감정 전달의 효과에 직접적인 영향을 미친다.

2, 시각적 초점 < P > 단일 부팅 페이지에서 정보가 너무 많아서는 안 되며, 한 가지 목적만 설명하면 모든 요소가 이 목적을 중심으로 확장됩니다. 시각적 초점은 두 부분으로 구성됩니다. 하나는 카피 라이팅 처리이며, 레벨에주의를 기울여야하며, 주요 제목과 부제는 비교되어야합니다. 둘째, 안내 페이지의 인터페이스, 장면, 문안 시각화 요소, 하나의 시각적 초점이 있어야 하며, 여러 시각적 요소가 중앙 확산 방식으로 배열되어 있고, 초점점의 시각적 영역이 가장 크며, 확산된 요소와 대조됩니다. 이를 통해 사용자는 핵심 카피 라이팅 정보가 카피 라이팅에 해당하는 시각적 표현 요소를 명확하게 볼 수 있습니다. 동시에 시선이 흐르는 법칙을 결합해 위에서 아래로 왼쪽에서 오른쪽으로, 큰 것부터 작은 것까지. 따라서 이 시선 흐름의 법칙에 따라 안내 페이지를 디자인할 수 있다. < P > 아래 그림은 티몰 클라이언트의 안내 페이지입니다. 시각적 스트림 분석, 브라우징 순서, 일러스트레이션에서 기본 카피 라이팅, 보조 카피 라이팅까지, 단점은 카피 라이팅이 아닌 일러스트레이션을 처음 볼 때 상대적으로 텍스트 이해가 어렵기 때문에 해당 페이지의 주요 정보를 빠르게 얻을 수 없습니다. 카피 라이팅과 그림의 위치를 교환하는 것을 고려해 보는 것이 좋습니다.

3, 애정감화

A, 문안 구상화 < P > 는 구체적인 요소, 장면을 통해 문안을 표현하고, 사실적이고 반현실적인 방식으로 표현하고, 일부 어플리케이션에는 수채화 스타일도 적용한다. 예를 들어, 티몰, 티몰 쇼핑 응용 프로그램, 쇼핑몰, 점포의 실제 장면의 구체적인 묘사를 통해 쉽고 즐거운 쇼핑 과정을 렌더링합니다.

B, 페이지 이동, 페이지 간 상호 작용의 차이 < P > 이전에는 애니메이션 및 페이지 전환 방법에 대해 설명했습니다. 페이지 이동 효과를 늘리면 확대, 축소, 팬, 스크롤, 튀기 등의 이동 효과를 활용할 수 있습니다. < P > 페이지 간 전환은 기존 카드가 좌우로 미끄러지는 방식 외에 선, 화살표 등을 결합하여 안내할 수 있으며, 일반적으로 함께 작동됩니다. 예를 들어, NetEase News 클라이언트, 인상 노트 식기, 안내 페이지 디자인에 라인을 사용하여 전체 안내 페이지를 관통하고, 작은 점은 현재 탐색 진행 상황을 표시하며, 슬라이딩하는 동안 시차를 스크롤하는 효과가 있습니다.

4, 제품, 회사 기조와 일치 < P > 안내페이지는 비주얼 스타일과 분위기 조성에서 해당 제품, 회사 이미지와 일치해야 사용자가 특정 제품을 사용하기 전에 제품에 대한 다음 기조를 정할 수 있습니다. 제품의 특성에 따라 안내페이지의 스타일이 결정되고, 제품이 소비자류, 오락류, 공구류 또는 기타인지, 제품 특성에 따라 안내페이지를 쉽게 즐길 수 있는지, 싱그러운지, 아니면 규칙적이고 재미있는 스타일인지에 따라 최종 표현에서도 완전히 다른 표현이 될 수 있다. 일러스트레이션, 인터페이스, 애니메이션 등. 타오바오의 오락, 두판의 싱그러운 문예, 바이두의 도구, 매미 여행기의 레저 등 비교를 통해 안내페이지 디자인의 차이를 발견할 수 있다. < P > 이 방면은 제품의 일맥상승에 유리하며, 제품 사용 경험과 일치한다. 한편 회사 이미지도 더욱 강화될 것으로 보인다. < P > 왕래를 예로 들자면, 왕래는 개인 사용자를 위한 시기적절한 통신 앱으로, 주로 쌓고, 읽고 불태우고, 문을 두드리는 등 위챗 못지않게 재미있는 기능을 선보이며, 사용자들에게 다른 IM 소통 방식을 만들어 주고 싶다. 그래서 안내페이지의 디자인에 재미도 있고, 심지어 좀 우스꽝스러운 동작과 표정을 통해 왕래를 표현하는 것은 재미있고 즐거운 제품이다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 또 < P > 인터넷 복권, 안내페이지의 주색은 인터넷 자체의 붉은색과 일치하는 빨간색을 선택해 회사 제품에 대해 체계적으로 높은 일관성을 유지하고 있다. (윌리엄 셰익스피어, Northern Exposure (미국 TV 드라마), 스포츠명언) < P > 요컨대: 안내페이지를 잘 디자인하고 싶습니다. 안내페이지에 대한 사용자의 요구를 이해하는 데 있어서 제품에 대한 애착을 품고 정교한 레이아웃에 의지하고, 교묘한 구상, 적절한 분위기 렌더링, 약간의 특색을 더하고 싶습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 물론 무미건조한가, 아니면 디자이너가 구체적인 디자인에서 끊임없이 실천해야 하는가, 새로운 관점과 방법을 총결하고, 색다른 안내페이지 디자인을 탐구해야 한다.