Axure를 사용하여 다중 역할 로그인 프로토타입을 만드는 방법은 무엇입니까?

다중 역할 로그인은 많은 시스템에 필요한 기능입니다. 예를 들어 채용 웹사이트에서 로그인 역할에는 구직자, HR 채용 담당자, 헤드헌터, 내부 직원 등이 포함됩니다. 그렇다면 Axure를 사용하여 다중 역할 로그인 프로토타입을 디자인하고 생성한다면 어떻게 해야 할까요? 궁금하시다면 아래 단계에 따라 Axure를 직접 배워보실 수 있습니다. 바로 가보세요! 엄선된 Axure 자습 비디오 코스는 다양한 단계의 친구들에게 정확하고 전문적인 지점 간 학습을 제공합니다! 기초가 없거나 특정 기초가 있든 상관없이 전문 과정을 수강할 수 있습니다~

Axure를 사용하여 다중 역할 로그인 프로토타입 튜토리얼 만들기: 여기서는 동적 패널을 직접 사용합니다. *** 상태 1(사용자 선택 페이지), 상태 2(개인 사용자 로그인 페이지), 상태 3(기업 사용자 로그인 페이지), 상태 4(내부 직원 로그인 페이지), 상태 1(사용자 선택) 등 4가지 상태가 있습니다. 페이지) 아래 그림과 같이 사용자 선택 페이지가 프롬프트 텍스트(로그인하려면 ID를 선택하십시오)와 3가지 옵션(직사각형 + 아이콘)을 포함하여 비교적 간단한 것을 보여줍니다. 이 페이지의 상호 작용도 매우 간단합니다. 개별 사용자를 마우스로 클릭하면 상호 작용을 사용하여 패널 상태를 설정하고 동적 패널을 개별 사용자 로그인 페이지로 설정합니다. 마찬가지로 기업 사용자를 마우스로 클릭하면 패널 상태를 설정하는 인터랙션을 이용하여 기업 사용자의 로그인 페이지로 동적 패널을 설정합니다. 패널 상태를 동적 패널로 내부 직원 로그인 페이지로 설정합니다. 상태 2(개별 사용자 로그인 페이지) 개별 사용자 로그인 페이지에는 주로 복귀 아이콘, 텍스트 라벨(개별 사용자 로그인), 입력 상자(휴대폰 번호 및 비밀번호), 로그인 버튼, 오류 프롬프트 팝업 창, 배경 이미지 및 반복 레이아웃이 포함됩니다. 배치 넣어. 아이콘 상호 작용으로 돌아가기: 패널 상태를 설정하고 동적 패널을 다시 상태 1(사용자가 선택한 페이지)로 설정합니다. 로그인 버튼: 로그인 버튼을 마우스로 클릭하면 먼저 휴대폰 번호가 비어 있는지 확인해야 합니다. 비어 있는 경우 휴대폰 번호를 입력하라는 안내 팝업 창의 위치를 ​​설정해야 합니다. 그러면 오류 팝업 창이 표시됩니다. 비밀번호 입력 상자가 비어 있으면 프롬프트 팝업 창의 텍스트가 비밀번호를 입력하세요로 설정됩니다. 마지막으로 휴대폰 번호와 비밀번호가 맞는지 확인해야 하는데, 여기서 중계기의 기능은 휴대폰 번호와 비밀번호가 일대일로 일치하는지 확인하는 것입니다. 리피터에는 계정과 비밀번호라는 두 개의 열이 포함되어 있으며 여기에 기본 개인 사용자 휴대폰 번호와 해당 비밀번호를 입력할 수 있습니다. 여기의 리피터는 녹음용으로만 사용되므로 기본적으로 숨기거나 내부 직사각형을 삭제할 수 있습니다. 마우스로 로그인 버튼을 클릭하는 상호작용으로 돌아가서, 위의 휴대폰 번호와 비밀번호 상자가 비어 있지 않으면 먼저 리피터를 필터링해야 합니다. 필터링 조건은 리피터의 계정 열 값이 동일하다는 것입니다. 휴대폰 번호 입력란 내용이며, 비밀번호 열의 값은 비밀번호 입력란의 값과 같습니다. 필터링 후에는 반복 레이아웃을 기준으로 표시되는 항목 수, 즉 필터링이 완료된 후에도 반복 레이아웃에 표시된 콘텐츠가 있는지 여부를 확인해야 합니다. 통계를 위해 visibleItemCount 함수를 사용할 수 있습니다. 일반적으로 결과는 1 또는 0으로만 표시됩니다. 0과 같으면 입력한 휴대폰 번호와 비밀번호 그룹이 잘못되었음을 증명합니다. 이는 오류 프롬프트의 텍스트를 잘못된 휴대폰으로 설정한 경우입니다. 전화번호 또는 비밀번호를 입력하고 오류 메시지가 표시된 팝업 창을 표시합니다. 결과가 1이면 입력한 휴대폰 번호와 비밀번호가 정확하고 일치할 수 있다는 의미이며 일반적으로 로그인을 완료할 수 있습니다. 말하면 홈페이지나 이전 페이지로 이동합니다. 링크를 여는 상호작용을 사용합니다. 결과가 1보다 크다면 동일한 휴대폰 번호와 비밀번호가 2개 이상 존재한다는 의미입니다. 이는 실수로 초기 데이터를 잘못 입력했음을 의미할 수 있습니다. 마지막으로 오류 프롬프트 팝업 창의 상호 작용이 있습니다. 이는 기본적으로 숨겨져 있으며, 위의 세 가지 오류가 발생하면 3초 후에 숨겨질 수 있습니다. 상태 3(기업 사용자 로그인 페이지) 실제로 기업 사용자 인터페이스는 복귀 아이콘, 텍스트 라벨(기업 사용자 로그인), 두 개의 입력 상자, 로그인 버튼, 오류 프롬프트 팝업 창 등을 포함하여 개별 사용자 로그인 인터페이스와 유사합니다. , 배경 이미지, 리피터와의 차이점은 기업 사용자는 일반적으로 회사 이메일로 로그인하는 반면, 개인 사용자는 휴대폰 번호로 로그인한다는 점입니다. 위의 개인 페이지를 복사한 다음 텍스트, 그림 및 레이아웃을 수정할 수 있습니다. 아이콘 상호작용으로 돌아가기: 패널 상태를 위와 같이 설정하고 동적 패널을 다시 상태 1(사용자 선택 페이지)로 설정합니다. 로그인 버튼과 팝업창의 인터랙티브 로직은 설정 프롬프트의 특정 텍스트가 변경된 점만 제외하면 위와 동일합니다. 복사한 경우에는 텍스트 내용, 아이콘, 배경 및 내용만 수정하면 됩니다. 리피터의 비밀번호는 그룹 및 상호 작용에 설정된 프롬프트 텍스트로 충분합니다. 상태 4 (내부 로그인 페이지) 내부 직원 로그인 페이지는 텍스트와 배경이 변경된 것을 제외하고 위 두 로그인 페이지와 동일한 자료를 가지고 있습니다. 로그인된 입력 내용은 휴대폰 번호나 회사 이메일이 아닌 직원입니다. 숫자. 상호작용은 동일합니다. 세 가지 오류 상태에서 프롬프트 팝업 창의 텍스트를 수정하기만 하면 됩니다. 이렇게 해서 다중 역할 로그인을 위한 프로토타입 템플릿이 완성되었습니다. 나중에 역할 페이지를 추가하려면 로그인 페이지를 복사하고 텍스트, 아이콘, 배경만 변경하면 됩니다.

그렇습니다. 위 내용은 "Axure를 사용하여 다중 역할 로그인 프로토타입을 만드는 방법은 무엇입니까?"와 관련이 있습니다. Axure 학습 작업에 일정한 영향을 미치기를 바랍니다. Axure를 배울 때 단 하나의 기사로 배우는 것은 불가능하지만 Axure의 수십 기사와 수백 개의 기사는 다릅니다.

Axure 관련 기사, Q&A 및 비디오 튜토리얼을 통해 포괄적인 도움을 받아 Axure에 대해 자세히 알아보세요~ Axure를 시작하는 것은 쉽지만 Axure 상호 작용 디자인을 마스터하는 데는 시간이 걸릴 수 있습니다! 그러므로 Axure를 잘 배우고 싶다면 전문과정을 수강하는 것을 추천합니다~