공유 응용 프로그램 동적 디자인

모바일 인터넷 시대 도착 했습니다, 응용 프로그램 수가 하늘에 별 처럼 수많은. 휴대 전화 하드웨어의 지속적인 업그레이드와 함께 시 원하고 부드러운 동적의 실현은 더 이상 먼 꿈. 만약 당신이 애플 리 케이 션의 재능 및 애플 리 케이 션 실험 처럼, 당신은 분명히 작동 하기 시작 점점 더 많은 애플 리 케이 션 찾을 거 야.

모두 외부 아름다움 시간과 내 면의 아름다움, 동적 효과의 평가 또한 진정한 아름다움 동시 수 있어야 합니다 그래서. 진정으로 "아름 다운" 액션 동시에 두 가지 조건이 필요 합니다, 먼저 해야 활기찬 그리고 흥미, 잘생긴 및 부드러운; 다시, 그건 불가결, 그것은 상호 작용을 최적화 하 고 경험을 향상 시키는 기능을가지고 필요가.

활동의 조각을 선명 하 고 재미 있는 처음, 좋은 모습을가지고 뿐만 아니라 매끄러운 경험을가지고 해야 합니다. 이 위해서 우리가 동적 효과에 활력을 줄 필요가 여러 가지가:

1.1 시뮬레이션 관성

현실 세계에서 개체의 움직임에는 관성, 예를 들어 버스 갑자기 브레이크 때 승객 갑자기가 것입니다 앞으로. 행동의 다음 3 섹션의 주의 관찰, 끝의 변경 (확대/축소, 축소 및 플립) 이미지가 됩니다 "너머"의 "반송" 다시 포인트 즉시 처리 메서드는 전체 동적 및 동적, 생동감 있고 재미 있는 게.

1.2 가상된 중력

관성 같은 중력에,가 하는 모든 개체, 상향 지원 없이 쓰레기 투기 등 현실 이기도 합니다. 일반적인 애플 리 케이 션 제거 카드의 동적 효과 그것은 사라지지만, 다음 작업 추가 중력 때까지 옆으로 슬라이드입니다. 즉, 카드를 가로 슬라이드에도 플립,가, 휴지통에 쓰레기를 내 버리기의 현실 처럼. 전체 동적 만들기 재미 있는 동안, 그것은 또한 사용자가 작업의 의미를 이해 하기 쉽게입니다.

1.3 균일 한 속도

우수한 동적 효과 확실히 됩니다 유니폼, 유니폼 모션 개체의 뻣 뻣 하 고 경직 된 로봇 처럼 나타납니다. 이동 하는 이미지를 살아 있도록, "디자인"는 그것의 이동 속도를 해야 합니다. 다음 다이어그램의 주의 관찰 동적 효과 보여 줍니다 있지만 이동 속도의 다른 요소의 인터페이스는 동일 하, 그러나 움직임 중 하나는 균일 한 속도, 특정 한 원리에 의해 인도 된다 기억 "긴급" 즉, 자주 운동, 그리고 캠페인의 끝에 시작을 가속 하기 위하여 0의 움직임에서 인터페이스 요소의 초기 속도 중지 될 수 있습니다.

1.4 파편의 움직임

보다 개인화 된 응용 프로그램을 확인 하는 좋은 방법, 멋진 추가 이며 작업 멋진 만들 수 있는 일반적인 방법 파편 움직임을 이동 하는. 간단히 이미지 인터페이스에서 조각으로 고 그들 이동의 다른 단계, 시간 간격 및 멋진 효과를 만드는 가변 속도 사용 하 여 수행. 다음과 같이 동적, 이미지 효과를 만들 시간 차이 사용 하 여 프레 젠 테이 션의 리듬의 다른 요소.

정말 좋은 행동은 꽃병의 아름 다운 외관 뿐만 아니라 그러나 또한 상호 작용을 최적화 하 고 역할의 경험을 향상 해야 한다. 다음은 3 동적 "본질적인 아름다움", 유도, 단순화, 고 각각 피드백, 강화의 요약 이다.

2.1 부팅

그래픽 인터페이스 이해 하기 어려운 이며, 추상, 향상 된 지도 소프트웨어 작업의 어려움을 줄이기 위해 사용자 경험을 개선 하는 좋은 방법입니다.

2.1.1 동적 초점

사용자의 초점 인터페이스의 주요 부분 경험을 원활 하 게 수 동적 처리에 의해 인도 된다. 개구리 신속 하 게 움직이는 물체를 캡처할 수 있습니다 그리고 인간의 눈 비슷한 특성, 그리고 항상 잠재 의식 관심을 자극 하는 모션에서 개체. 다음 그림과 같이 화면 상단에 번호는 없습니다 직접 숫자를 표시 하지만 0 값으로 급속 한 증가를,에서 의도적으로 표시 동적 효과 목적 사용자의 관심을 끌기, 초점 역할을 하는 것입니다. 국내 Alipay 지갑 애플 리 케이 션은 또한이 특수 효과 사용합니다.

2.1.2 신호 전환

전환 인터페이스와 부드러운 전환 변경, 목표 정확 하 게 무슨 일이 있었는지, 그것을 압도 하지 않고 이해 하는 사용자를 안내 하는 것입니다. 다음 다이어그램에 표시 된,는 카드를 추가 하는 과정은 생생하게 시뮬레이션, 사용자가 쉽게 이해 하는 무슨 일이 수 있도록. 상상 페이지 슬라이딩 하지 직접 무딘 점프, 하지만 효과 더 많이 하지?

2.1.3 공간 전환

전환 동적 효과 디자이너 보편적으로 중시 하는 특수 효과의 종류, 기능 또한 사용자 가이드, 사용자가 알고, 더 나은 점프 페이지를 이해 하는 것입니다 자신 몸 어디. 다음 그림에서는 두 페이지 너무 무딘, 과정, 중간 페이지 점프를 채우기 위해 동적 효과 사용 하 여 점프를 피하기 위하여 아름 다운 전환 하는 경험 더 유창 하 고 자연 스러운 동적 효과 보여 줍니다.

2.2 단순화

가끔 좋은 디자인은 우수한 단순화 이다. 인터페이스 정보 및 상호 작용 수준 간소화 운영 어려움을 줄일 하 고 사용자 경험을 향상 시킬 수 있습니다.

2.2.1 수준 2 작업 항목 숨기기

동적 효과 사용 하 여 숨겨진 콘텐츠 작업의 일부 것 이다 수 동적으로 확장할 때, 초기 인터페이스를 단순화 하는 목적을 달성 하기 위하여 인터페이스에서 숨겨진 정보의 일부를 만들 수 있도록 인터페이스 간결한 분위기.

2.2.2 버튼 동적

확인 버튼 동적 효과 중요 한 정보를 동적으로 동일한 버튼, 확인 버튼, 사용자의 눈에 의하여 단단히 쳐다 표시 약하게 페이지 인터페이스를 하도록 할 수 있습니다 점프 간섭, 경험을 원활 하 게.

2.3 향상 된 피드백

소프트웨어 피드백 경험의 향상에 중요 한 이며, 향상 된 피드백 더욱 쉽고 즐겁게 경험 과정을 만들기 위해 더 나은 큐 될 수 있습니다. 지터는 동적 피드백을 사용 하 여 그래픽 텍스트, 더 자연스럽 고 눈의 정적 힌트를 대체 하는 피드백을 향상 하는 방법 중 하나입니다. 다음 그림에서 애플의 페이지 소프트웨어를 지속적인 지터 상태에 개체를 편집 하려면 편집 상태를 입력할 때 동적 효과 좋은 가이드를 재생.

동적 효과 http://www.aliyun.com/zixun/aggregation/9363.html의 새로운 트렌드 되고있다 "> 모바일 인터넷 제품과 어떻게 동적 효과 디자인 재미와 매력적인 디자이너를 위한 새로운 주제 되고있다." 다른 제품은 동적 효과의 종류에 적합 하 고 일부 제품은 멋진 효과 대 한 적합 한 일부 적합 하지 않습니다. 으로 화려한, 화려한 디자인을 하지 기억 하지만 사용자를 개선 하는 새로운 방법으로 경험.