기금넷 공식사이트 - 복권 조회 - 안내 페이지에서 발언하다

안내 페이지에서 발언하다

응용 프로그램을 처음 열 때, 종종 정교한 가이드 페이지 디자인을 볼 수 있으며, 사용하기 전에 제품의 주요 기능과 특징을 미리 알려 드립니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 첫인상의 좋고 나쁨은 후속 제품 경험에 큰 영향을 미칠 수 있다. 그래서 회사들은 이 페이지들을 처음부터 매력적으로 만들 방법을 찾고 있습니다. 그런 다음 가이드 페이지 디자인에 대해 논의 할 것입니다.

첫째, 목적 구분

안내 페이지의 목적과 출발점에 따라 기능 소개, 설명, 홍보 및 문제 해결로 나눌 수 있습니다. 일반 안내서 페이지는 5 페이지를 초과하지 않습니다.

1. 함수 소개 클래스

기능 소개 클래스 가이드 페이지는 제품의 주요 기능을 주로 보여주며 제품의 주요 기능에 대한 일반적인 이해를 제공합니다. 채택된 형식은 대부분 문자, 인터페이스, 도형으로 전시된다.

이신을 예로 들면, 문자를 수채화 삽화와 결합하여 문자를 두 단계로 나눈다. 큰 제목은 주요 기능에 대한 요약이며, 작은 문자는 기능 모듈에 대한 자세한 설명이나 추가 설명입니다.

2. 설명 클래스 사용

지침 클래스 가이드 페이지를 사용하는 것은 사용자에게 제품 사용 과정에서 발생할 수 있는 어려움, 모호한 동작 및 오해의 조작 동작을 미리 알리기 위한 것이다. 이 가이드 페이지들은 대부분 화살표와 원으로 표시되어 있으며, 주로 손으로 그린 스타일을 위주로 한다. 새우 음악의 가이드 페이지를 예로 들어 찾기 어려운 재생 대기열과 가사의 작동 방식을 설명하는 화살표 마법사입니다.

3. 판촉 범주

홍보 안내 페이지는 일부 제품 기능을 소개하는 것 외에도 제품의 태도를 전달하고, 사용자가 제품의 느낌을 더 잘 이해할 수 있도록 하며, 전체 제품 스타일 및 회사 이미지와의 일관성을 고려하고자 합니다. 만약 이런 안내 페이지가 사람을 끌어들이기에 충분하지 않다면, 사용자는 단지 조급하게 건너고 싶을 뿐이다. 사용자들은 정교하고 재미있는 가이드 페이지를 보기 위해 멈춘다.

타오바오 여행을 예로 들자면 타오바오 여행은 생생하고 생활화된 장면 삽화를 통해 제품을 만든다. 이는 삶을 즐기고 당신의 감정을 따르는 여행 앱이다. 여행하기 전에 모든 여행 일정을 계획하는 데 도움이 됩니다. 트렁크만 있으면 출발할 수 있습니다. 이것은 제품의 이념에 부합합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 여행명언) 또 다른 앱은 조용하고 편안한 사진과 간단한 문자로 제품의 기조를 렌더링합니다.

4, 문제 해결 클래스

문제 해결은 실생활에서 발생할 수 있는 문제를 직격통점으로 묘사하고, 최종 해결책을 통해 사용자에게 감정적 연결을 만들어 사용자가 제품에 호감을 갖고 제품의 점도를 높일 수 있도록 한다. 예를 들어, QQ 브라우저의 안내 페이지 디자인은 QQ 브라우저가 다른 브라우저에서 발생한 문제를 해결한다는 것을 직접적으로 명확하게 보여준다 (소설을 찾을 수 없고, 돈을 써서 소설을 읽고, 소설을 업데이트하는 등). ).

둘째, 표현

1, 텍스트 및 인터페이스 조합

이 페이지는 가장 일반적인 시작 페이지로, 간단한 텍스트와 이 함수의 인터페이스가 있으며, 주로 함수 소개 클래스 및 지시어 클래스의 시작 페이지에 사용됩니다. 이런 방식은 제품의 주요 기능을 직접 전달할 수 있지만, 단점은 지나치게 모듈화되어 천편일률적으로 보인다는 것이다.

2. 문자와 삽화의 결합

문자와 삽화의 결합도 현재 흔히 볼 수 있는 형식 중 하나이다. 삽화는 비교적 구체적이며, 주로 장면과 사진으로 문자 내용을 표현한다.

3. 동적 효과와 음악

정적 페이지 외에도 동적 효과가 있는 페이지도 유행하고 있다. 단일 페이지 애니메이션의 형태로 각 구성 요소의 속도를 고려하여 원래 침묵을 깨고 페이지를 움직이게 합니다. 또한 동적 효과를 고려하여 페이지 전환 방식을 고려하여 기본 왼쪽/오른쪽 슬라이딩을 위/아래 슬라이딩으로 변경하거나 몇 초 이내에 자동으로 다음 페이지로 전환할 수 있습니다. 가이드 페이지를 탐색할 때 동적 리듬에 맞는 음악을 추가해 보는 것이 새로운 방법입니다.

4. 비디오 데모

연 후 비디오를 재생하여 제품을 소개하거나 아이디어를 전달하십시오. 이런 방식은 일부 생활기록류 앱 (예: 사진 촬영, 스포츠류 앱) 에서 청춘의 활력과 긍정적인 생활태도를 전달하는 데 많이 나타난다. 장점: 직관적, 동적인, 생활화. 단점: 큰 응용 프로그램, 비디오 재생 캐튼.

셋째, 요약

이는 가이드 페이지의 용도 차이와 표현 방식에 따라 분류됐으며, 구체적인 디자인에서 몇 가지 원칙에 주의를 기울이면 디자인이 더욱 매력적이고 정보 전달의 효과가 더 좋아질 수 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

1, 카피라이터, 핵심.

아일랜드 철학자 해밀턴이 관찰한 7 2 효과에 따르면 한 사람의 단기 기억은 최소 5 단어, 최대 9 단어, 즉 7 2 단어를 회상할 수 있다. 따라서 표시된 문안은 9 자 이내로 조절해야 하며, 이후 사용자들은 쉽게 잊어버리고 기억 편차가 발생합니다. 표현하기 어렵다면, 작은 설명이나 보충을 보조할 수 있다. 따라서 최종 문건의 확정에서 요점을 강조하고 가능한 한 불필요한 글자를 삭제해야 한다. 사본을 삭제한 후에도 단어 수가 너무 많은 경우 공백, 쉼표 또는 줄 바꿈을 통해 텍스트를 계층화하여 시각적으로 최적화하는 것이 좋습니다.

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

2. 시각적 초점

별도의 가이드 페이지에는 너무 많은 정보가 있어서는 안 되며, 한 가지 목적만 설명하면 모든 요소가 이 목적을 중심으로 전개됩니다. 시각적 초점은 두 부분으로 구성됩니다. 첫째, 문안의 처리는 수준에주의를 기울여야하며, 주요 제목과 부제는 비교되어야한다. 둘째, 가이드 페이지의 인터페이스, 장면, 카피 요소는 시각적인 초점이 있어야 합니다. 여러 시각적 요소의 레이아웃은 중심 확산 방법을 사용하며 초점의 시각적 영역이 가장 크며 분산 요소와 비교됩니다. 이를 통해 사용자는 핵심 카피 라이팅 정보 및 카피 라이팅에 해당하는 시각적 표현 요소를 명확하게 볼 수 있습니다. 시선의 흐름 법칙과 함께 위에서 아래로, 왼쪽에서 오른쪽으로, 큰 것부터 작은 것까지. 그래서 이런 시선이 흐르는 법칙에 따라 안내페이지를 디자인할 수 있다.

다음 그림은 티몰 클라이언트의 가이드 페이지입니다. 비주얼 프로세스를 분석하여 일러스트레이션에서 기본 카피 라이팅, 보조 카피 라이팅에 이르기까지 탐색 순서가 있음을 알 수 있습니다. 단점은 처음 본 것은 문안이 아니라 삽화인데, 삽화가 상대적으로 어려워서 페이지의 주요 정보를 빨리 얻을 수 없다는 것이다. 문안과 삽화의 위치를 맞추는 것을 고려해 보는 것이 낫다.

3. 다정하다

첫째, 복제 구체화

특정 요소, 장면을 통해 표현된 문안은 사실적이고 반현실적인 방식으로 표현되며, 일부 응용에는 수채화 스타일이 수반됩니다. 예를 들어 티몰 가져가 라. 티몰 쇼핑 응용 프로그램입니다. 디자인상 쇼핑몰과 상점의 실제 장면을 구체적으로 묘사함으로써 쉽고 즐거운 쇼핑 과정을 제공한다.

B, 페이지 동적 효과, 페이지 간 상호 작용의 차이

이전 표정의 분류는 이미 애니메이션과 페이지 전환에 대해 이야기했다. 페이지 역학을 추가하면 동적 효과를 사용하여 확대, 축소, 팬, 스크롤, 튀기 등을 포함한 표현이 더욱 다양해져 가이드 페이지가 더욱 흥미롭고 초점이 맞춰집니다.

카드를 좌우로 슬라이딩하는 전통적인 방법 외에도 페이지 사이를 전환하는 방법은 선과 화살표를 통해 안내할 수 있으며, 일반적으로 동적 효과가 있습니다. 예를 들어, 인터넷 뉴스 클라이언트, 인상 노트, 미식 노트는 안내 페이지 디자인에 라인을 메인 라인으로 사용했으며, 작은 점은 현재 탐색 진행 상황을 보여 주며 슬라이딩하는 동안 시차를 스크롤하는 효과가 있습니다.

4, 제품, 회사 기조와 일치합니다.

안내 페이지는 사용자가 특정 제품을 사용하기 전에 제품에 적합한 기조를 설정할 수 있도록 시각적 스타일과 분위기를 만드는 데 제품 및 회사 이미지와 일치해야 합니다. 제품의 특성에 따라 제품이 소비자, 엔터테인먼트, 도구 등 안내 페이지의 스타일이 결정됩니다. 제품 특성에 따라 안내 페이지가 가벼운 오락화인지, 싱그러운지, 아니면 일상적으로 재미있는가를 결정한다. 그림, 인터페이스, 애니메이션 등 최종 표현에서는 완전히 다를 수 있습니다. 타오바오의 오락, 콩꽃잎의 싱그러운 문예, 바이두의 도구, 매미의 여행기 등. 비교를 통해 안내 페이지 디자인의 차이점을 확인할 수 있습니다.

한편으로는 제품의 일맥상승에 유리하며, 제품 경험과 일치한다. 한편, 회사 이미지도 더욱 강화된다.

완완완을 예로 들다. 완완은 개인 사용자를 위한 인스턴트 메시징 애플리케이션입니다. 모임, 독서 후 굽기, 노크 등 위챗 못지않게 재미있는 기능에 초점을 맞추고 있으며, 사용자를 위한 다양한 IM 커뮤니케이션 방식을 만들고 싶어 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 스포츠명언) 그래서 안내페이지의 디자인에서는 재미있거나 웃긴 동작과 표정을 통해 교류를 표현하는 것이 재미있고 즐거운 제품이다.

또 다른 예로, 온라인 복권의 경우, 구매 페이지의 주요 색조는 네트워크 자체의 붉은색과 일치하는 붉은색으로, 회사 제품 체계의 높은 일관성을 유지한다.

요컨대, 나는 안내페이지의 디자인을 잘 해야 한다. 안내 페이지에 대한 사용자의 요구를 이해하는 데 있어서, 나는 제품을 좋아하고, 정교한 배치, 교묘한 구상, 적당한 분위기 렌더링, 약간의 특색을 더했다. 물론, 빛은 재미없지만, 디자이너는 여전히 구체적인 디자인에서 실천을 하고, 새로운 생각과 방법을 총결하고, 독특한 가이드 페이지 디자인을 탐구해야 한다.