O design da tela de configuração da tela de toque HMI tem três elementos, quantos elementos você conhece? MOCHUAN

O design da tela HMI Touch inclui principalmente Layout, Mensagem e Cor.

1.  1. Esquema: O layout da tela é diferente dependendo da função com foco diferente. Cada área funcional deve ser focada e função óbvia. Independentemente de qual design de função, o layout da tela deve seguir os cinco princípios a seguir.

2. 
   

3. 1) Princípio do equilíbrio:

4. Garanta um estilo consistente de todos os objetos na tela, como janelas, botões e folhas de leis. O tamanho, o efeito de aumento e a fonte do rótulo e o tamanho da fonte dos botões em todos os níveis são consistentes, e a cor dos botões e a cor de fundo da interface são consistentes. Preste atenção ao equilíbrio da parte superior, inferior, esquerda e direita da tela. Não acumule os dados, a exibição superlotada também produzirá fadiga visual e erros de recepção.

2) Princípio da antecipação: 

Todos os objetos na tela, como janelas, botões, menus, etc. devem ser manipulados de forma consistente para que as ações dos objetos possam ser esperadas.

3) O princípio da economia:

Ou seja, ao fornecer uma quantidade suficiente de informações, mas também prestar atençãosimples e claro.

4) Princípio da ordem: 

A ordem em que os objetos são exibidos deve ser organizada conforme necessário. As interfaces podem ser projetadas como loops e, se estiver executando um grande número de interfaces, um sistema estrutural lógico deve ser projetado para abrir a interface. Escolha uma estrutura simples e permanente para que o operador entenda rapidamente como abrir a interface.

5)Regularização:

A tela deve ser simétrica, exibindo comandos, diálogos e prompts em um sistema aplicativo projetado para ser o mais uniforme e regular possível.

Para fornecer informações suficientes, mantendo a interface concisa, um arranjo hierárquico e hierárquico de controles é usado no design. Hierarquia significa dividir os controles em grupos de acordo com suas funções e refinar cada grupo em vários níveis de acordo com seus relacionamentos lógicos.

Os botões de primeiro nível são usados ​​para controlar os pop-ups e ocultações dos botões de segundo nível para garantir a simplicidade da interface. Hierarquia significa que os botões em diferentes níveis são expandidos verticalmente em diferentes áreas, com linhas de demarcação claras entre as áreas.

Usar um botão para abrir os botões de nível inferior enquanto oculta os outros botões do mesmo nível torna a relação lógica mais clara.Evite a superlotação da tela, que intuitivamente parece confusa. Torne a tela simétrica e equilibrada entre esquerda e direita, para que as expressões horizontal e vertical fiquem claras.

2.Texto e fraseologia: Além de aparecer como a mídia de exibição do texto, o texto e a fraseologia devem ser exibidos ao projetar cabeçalhos, títulos, mensagens de prompt, comandos de controle, sessões e outras funções. O formato e o conteúdo do texto e o design da frase devem ser anotados da seguinte forma.

1) Preste atenção na simplicidade das frases

Evite usar jargões de informática; tente usar frases afirmativas em vez de frases negativas; usar voz ativa em vez de voz passiva; use frases educadas, mas não excessivamente enfáticas, para conversas de texto; implementar princípios psicológicos para diferentes usuários; evite ao máximo abreviar palavras em inglês; use verbos para descrever as operações nos rótulos de botões e teclas de função. Porque muita linguagem não traz o tema à tona, a linguagem é simples, clara e intuitiva.

2) Formato

No design de exibição da tela da interface homem-máquina hmi, uma tela não deve ter muito texto; se houver mais texto, tente dividir a página do grupo, negrito, altere a fonte e outros processamentos nas palavras-chave, mas observe o texto o máximo possível uniformidade de fonte. Palavras em inglês, além do slogan, tente usar letras minúsculas e fáceis de reconhecer a fonte.

3)Conteúdo da informação

A exibição do conteúdo da informação não deve usar apenas expressões concisas e claras, mas também frases simples familiares aos usuários, e tentar não usar telas de rolagem para a esquerda e para a direita. Quando houver mais conteúdo, este deve ser dividido em seções com espaço em branco ou em pequenas janelas para facilitar a memória e a compreensão. Campos importantes podem ser usados ​​em negrito e piscando para atrair a atenção e fortalecer o efeito, e existem vários efeitos de fortalecimento, então escolha o real. Frases simples, palavras-chave e frases agrupadas e em negrito.

3.O uso da cor: a implantação da cor na tela também é um projeto importante, a cor além de ser uma tecnologia de reforço eficaz, mas também tem valor estético. Ao usar a cor deve prestar atenção aos seguintes pontos.

1) Limite o número de cores exibidas ao mesmo tempo. Geralmente, a mesma tela não deve exceder 4 ou 5 tipos, e diferentes níveis e formas podem ser usados ​​para combinar as cores e aumentar a variação.

2) A cor dos objetos ativos na imagem deve ser nítida, enquanto os objetos inativos devem ser escuros. As cores dos objetos devem ser as mais diferentes possíveis, sendo que a cor do primeiro plano deve ser mais clara, enquanto a do fundo deve ser mais escura.

3) Tente evitar cores incompatíveis juntas, como amarelo e azul, vermelho e verde, etc., a menos que paracomparação.

4) Se uma cor for usada para representar uma determinada informação ou propriedade do objeto, é importante fazer com que o usuário entenda a representação e tente usar as diretrizes convencionais. Cores brilhantes e representações intuitivas.

Resumidamente, aIHM o design do visor deve, em última análise, alcançar uma exibição agradável que direcione a atenção do usuário para as informações mais importantes, mas que não contenha muitos estímulos conflitantes.

O desenho doTela sensível ao toque IHM segue os seguintes princípios.

Princípio orientado ao usuário: posicionar-se no ponto de vista e posição do usuário para considerar o design da interface.

O princípio da facilidade de uso: simplicidade e facilidade de operação é o princípio mais importante do design de interface.

Princípio da praticidade: a chamada praticidade significa que pode ser aceita pelo sistema e pelo usuário.