Publicidade

Kaio Kdesigner

Como animar a interface?

Patrocínio:

E ai pessoal, tenho uma grande duvida:

 

Como que vocês fazem para animar o layout da interface nas apresentações??

EX:

https://dribbble.com/shots/905215-COVERT-INBOX

https://dribbble.com/shots/2493845-ToFind-Transition-Test

https://dribbble.com/shots/2590603-Liquid-Pull-Down

 

Vocês usam o photoshop para criar esses gifs ou algum outro programa?

 

Ja procurei na net mas não acho nada sobre

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora

  • Próximos Eventos

  • Conteúdo Similar

    • Por carlos.ed.b
      bom dia pessoal
      vou criar um projeto novo com angular e gostaria de saber o que vocês tem mais usado com ele em relação a parte de UI.
      Bootstrap, material, Materialize, Ionic, etc
       
      sei que alguns desses caras fazem mais que os outros, mas....gostaria de um norte nessa parte
      valeu pessoal
      abs
       
    • Por willbonde
      Boa tarde!
      Não sou muito bom em programação, porem estou com o seguinte cenário. Preciso fazer inserções num banco, onde o valor de dois campos é o resultado de dois "FOR". Segue exemplo.
      // Crio a primeira sequencia de numeros
      for($i = 1; $i <= 50; $i++)
      {
      // Aqui crio a segunda sequencia de numeros
      for($j = 1; $j <= 5; $j++)
      {
      $h = 1;
      // Aqui eu gostaria que repetisse os numeros gerados pelo segundo FOR, por 10 vezes
      while($h <= 10)
      {
      $query = mysql_query("INSERT INTO tabela (campo1, campo2)VALUES('$i', '$j')");
      $h++;
      }
      }
      }
      Sei que a logica esta errada, porem preciso que os registros sejam inseridos repetindo somente o segundo FOR, ou seja, somente da variavel $j.
      Ficaria algo assim.
      Registro1:
      Campo1= 1 Campo2= 1
      Registro2:
      Campo1= 2 Campo2= 1
      Registro3:
      Campo1= 3 Campo2= 1 até atingir 10 repetições
      Registro4:
      Campo1= 4 Campo2= 2
      Registro5:
      Campo1= 5 Campo2= 2
      Registro6:
      Campo1= 6 Campo2= 2 ate atingiar 10 repetições
      Desculpa se não me expressei bem e pelo tamanho do POST, agradeço se alguem conseguir me ajudar. Obrigado!
      Registr
      o1:
      Campo1= 1 Campo2= 1
    • Por codercss
      Olá,
       
      Ao explorar o site http://idesigns.com.br/, partilhado neste post (http://forum.imasters.com.br/topic/550408-background-estatico-e-efeito-na-imagem/) encontrei este artigo: http://idesigns.com.br/blog/web-design/135-20-lindos-exemplos-de-websites-com-layouts-estilo-linha-de-tempo
       
      Nesse artigo descobri este site: http://www.orange.com/sirius/histoire/en/history/
       
      Este site é feito com ajax, à medida que a página vai rolando para baixo novos elementos vão sendo carregados com JavaScript, de forma assíncrona, certo?. Os dados que são carregados na pagina estão em base de dados?
       
      Como eu ainda estou aprender CSS acho este site (http://www.orange.com/sirius/histoire/en/history/) uma excelente obra no que toca a css :) Também acham que sim?
       
      O que aconselham a ler/estudar para conseguir chegar a este nível?
       
      Bons códigos
    • Por manoel.hjunior
      Olá amigos do iMasters,
       
      Procuro parceiros/sócios para um projeto ousado e inovador, eu tenho todo o now-how e sei exatamente onde e como atrair público, o projeto será muito rentável e promissor, pois há apenas um site neste segmento a fornecer esse tipo de conteúdo.
       
      Escopo do Projeto:
       
      Site de relacionamento adulto voltado ao púbico gay (homens em sua maioria em torno de 40 anos), no qual o site deverá ser simples, intuitivo, amigável e semântico. O site seria baseado em nosso principal concorrente: bea.rs e com um toque da ousadia e usabilidade do site sexlog.com.

      A grande gama de funcionalidades seriam bem próximas ao site bea.rs (porém com uma usabilidade decente), com uma área chamada Magazine, igual a revista do Sexlog.com, ou seja, algumas funcionalidades do sexlog serão incorporadas.

      Usaremos como base um template administrativo já previamente selecionado, de forma a gastar tempo somente com: poucas customizações, já que os componentes de tela já estarão prontos; definição de padrão visual mais adequado ao negócio; criação de telas:

      - Tela de Cadastro
      - Tela Home (depois de cadastrado)
      - Tela de Sorteios
      - Tela de Eventos (possibilidade de favoritar eventos, gerando uma posterior notificação ao usuário quando da proximidade do evento)
      - Tela de perfil dos usuários e de informações da conta (uma conta pode ter vários perfis, como é o caso de contas de casais), incluindo uma galeria de imagens e vídeos
      - Tela de busca de usuários por características
      - Tela Pagamento Premium
      - Enquetes de diversos tipos (ex.: pessoa mais atraente do mês. Definir uma área no perfil do usuário onde outros votarão nele; e outra área para enquetes genéricas)
      - Uma opção de layout em que as imagens dos usuários não sejam exibidas, a fim de preservar a descrição quando do acesso em locais públicos.
      - Uma área de Magazine em que seriam postados algumas novidades e outros interesses diversos (vide sexlog). Uma espécie de blog, porém mais integrado ao site e ao seu respectivo contexto.
       
      É importante usar uma arquitetura de microsserviços, visando maior desacoplamento do resto do projeto.
       
      Muito Interessante o uso de algum framework MVC em client-side. Os microsserviços para comunicação com o backend deverão ser arquitetados com dados mockados até o backend estar pronto.

      Há total liberdade na definição do padrão visual, não fugindo obviamente do negócio do projeto. Pessoas com boa experiência em UX são bem-vindas, mas não é um requisito obrigatório.
       
      Favor apresentar portfólio, caso haja interesse no projeto.
       
      E-mail para contato: fabigusto@gmail.com
       
      Fico no aguardo de grandes entusiastas e bons programadores/designs!
       
      Abraços galera!!