Compartilhamento de tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Classificação do arquétipo

1. Protótipo de esboço

Desenhos feitos à mão, usados ​​nas fases iniciais do planejamento, para organizar ideias

2. Protótipos de baixa fidelidade

Interação simples, sem necessidade de combinação de cores, principalmente preto, branco e cinza, utilizada nas etapas de planejamento e revisão do produto

Protótipos padronizados de baixa fidelidade são a base para protótipos de alta fidelidade

3. Protótipos de alta fidelidade

Interações complexas, geralmente usadas para demonstrações públicas,

O produto primeiro produz um protótipo de baixa fidelidade e o designer produz um rascunho de design baseado no protótipo.

Protótipo de baixa fidelidade + rascunho de projeto = protótipo de alta fidelidade

Axure

1. Interface de operação

①Área de menu ②Área de camada ③Área de componente ④Área de desenho ⑤Área de estilo

2. Operações comuns

1. Crie um novo arquivo: Arquivo->Novo
2. Abrir arquivo: Arquivo->Abrir
3. Salvar arquivo: Arquivo->Salvar
4. Principais tipos de arquivos

• .rp: arquivo de protótipo
• .rplib: arquivo de biblioteca de componentes
• Arquivo de projeto da equipe .rpteam
• arquivo de página da web .html

1. Salvamento automático: Preferências->Ativar backup
2. Combinação: Ctrl+G
3. Publicar: Gere o protótipo em um arquivo HTML -> É recomendado criar primeiro uma nova pasta
4. Ajuda: Sobre Axure ->Ver versão
5. Ajuda: Gerenciar autorização-> Software Crack
6. Adicionar biblioteca original: biblioteca de componentes + número
7. Remover biblioteca de componentes: Abra a biblioteca de componentes->Mais->Remover biblioteca de componentes

3.Design de estilo

Arraste o componente para a tela e modifique o estilo

4. Design de interação

Interação é o processo de interação humano-computador, e design de interação é o design de regras e desempenho de interação.

No Axure, a interação é dividida em estilo de interação e lógica de interação

1. O estilo interativo possui alterações de estilo comuns integradas, que são fáceis de usar, mas não podem definir a lógica.

2. A configuração da lógica de interação é mais flexível Ao adicionar eventos e ações aos elementos, estilos personalizados e interações lógicas podem ser concluídos.

3. Os efeitos interativos definidos precisam ser visualizados na visualização

5. Repetidor

A função do repetidor é reaproveitar a estrutura sem precisar copiar e colar toda hora.

1. Crie um repetidor, clique duas vezes no repetidor para entrar no modo de edição
2. Nomeie todos os componentes para facilitar a vinculação de dados subsequente.
3. Saia da edição e preencha os dados da tabela (os nomes das colunas suportam apenas o inglês)
4. Ver->Máscara->Desligar máscara do repetidor

6. Painel dinâmico

Use painéis dinâmicos para obter efeitos de troca de conteúdo

1. Adicionar barra de navegação esquerda
2. Adicione um painel dinâmico à direita
3. Clique duas vezes no painel dinâmico para entrar no modo de edição
4. Defina diferentes elementos em diferentes estados

1. Adicione eventos de clique à navegação e defina o status do painel dinâmico

1. Efeito de visualização

especificação do protótipo

A diferença entre aplicativos para celular e computador:

1. Adaptação de tela (tamanho da tela, resolução)
2. Método de interação (o mouse é mais preciso que o controle com os dedos)

Versão para PC

1. versão coração

A resolução principal atual é 1920 * 1080, portanto o formato geralmente está entre 960-1200 e 1200 é geralmente recomendado.

Antes de 2012, a resolução principal era 1024*768, então o centro de versão era 760

2.Navegação

3. Formulário

4. Lista

Emendar

Não há especificação de tamanho fixo para o terminal móvel. Os protótipos são feitos de acordo com o tamanho do modelo adaptado. Por exemplo, o tamanho do iPhone 6 é 375 * 667.

1. Tamanho fixo do elemento

2. Áreas comuns

3. Formulários de exibição comuns