Noções básicas de design de sites

Name: Noções básicas de design de sites
Author: Paul Poteete

Neste módulo, investigamos a metodologia por traz da criação de dites. Isto inclui a importância do design de interface, o uso de ferramentas online de criação…

Preview the first lesson free — get full access to all 3 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Nesta seção de como a web funciona, discutiremos conceitos básicos de design de sites. Agora que você sabe como funciona o desenvolvimento full stack, isso é tudo, do back-end ao front-end ou front-end de volta ao back-end, da criação de sites que usam HTML, folhas de estilo em cascata e JavaScript para meus servidores SQL, servidores Apache, servidores de arquivos ou redes de entrega de conteúdo, vamos ver por que e como você cria um site. Por que você cria um site? Bem, um site é feito para promover seu negócio ou serviço, o que você deseja promover profissionalmente, ou uma organização, algo que você pode querer apenas dizer, ei, aqui está um site do meu cachorro. Tudo o que você gostaria de fazer, você pode criar um site para ele. Agora, quando criamos sites, temos que considerar que esta é uma interface de usuário, assim como seu smartphone tem uma interface nele, ou seu computador tem uma interface nele, o site não é interface para seus clientes ou seus amigos ou esses usuários. Claro, existem sites de mídia social, que são pré-criados para você. E tudo que você faz é colocar fotos nele ou digite algumas palavras aqui ou ali. Nós vamos olhar para sites. Estas são coisas que você realmente cria. E se você está criando, você precisará pensar na escala, tipografia, o estilo visual. Se você deseja uma grade, uma hierarquia, navegação, a legibilidade do site e o fluxo. Então, primeiro, vamos conferir alguns sites que ajudam você a criar sites, o que é bem legal, mas não estamos olhando para este site agora como ele ajuda você a criar um site, estamos olhando para isso como design de interface do usuário. Então, o design da interface do usuário. Você notará no topo o que eles decidiram fazer é colocar seus produtos, templates e recursos logo no topo da página. Tudo o que você precisa para crescer online, eles tem digite seu e-mail ali mesmo começar. Ao tornar esta a única opção nesta página e tornando-o muito ousado, o que eles estão tentando fazer é fazer com que você coloque seu e-mail em seu site para que eles possam acompanhá-lo como cliente em potencial. E você pode ver que este site está fazendo isso muito bem. Se clicarmos em outro site, vamos ver que começar está logo ali bem na frente da página. Agora, quando você escolhe começar, vai te perguntar, ei, vá em frente e faça o login com seu e-mail. E outra, comece seu site. E então aqui, bem, que tipo você quer começar? Vamos em frente e começar um destes. Então você pode ver que cada um deles oferece alguma forma para capturar as informações e aprofunde o usuário na experiência. Agora, a escala do site. Nesse caso, estamos olhando para um site em escala de 1080p. Meu sistema está rodando 4K. Então, este site se encaixa muito bem em um canto. Eu posso olhar através do site, e o fluxo é muito natural, muito limpo e muito fácil de ler. Então, a escala está certa. A tipografia, a maneira como eles estão colocando as palavras na tela, a fonte que eles estão usando é muito fácil de ler. E isso é algo a ter em consideração. Algumas pessoas podem ter condições diferentes que dificultam a leitura de certos tipos de textos. Então, usando um texto que é mais acessível pode ser o caminho certo a seguir. Agora, se o seu site tem um estilo artístico específico, então talvez isso não funcione para você. Alguns estilos artísticos são simplesmente difíceis de ler, então é por design. Mas quando você está criando seu site, certifique-se de considerar o design, o tipo de fonte que você está usando. O que você quer que o usuário veja, a primeira coisa que eles chegam ao seu site? O que você quer? Você quer que eles vejam um exemplo, talvez um link de introdução, e ou o e-mail para que eles possam acompanhar. Se rolarem para baixo, que a maioria das pessoas não rola muito para baixo, então, conforme eles rolam para baixo, que tipo de opções eles vão ver? Além disso, que tipo de estilo você quer? Uma grade, hierarquia, navegação. Neste caso, temos o que parece ser um layout de grade. Então, temos cada uma das opções bem aqui. Mudamos de nossa grade, bem, parte da grade para navegação e hierarquia. Então, podemos ser capazes de cair cada vez mais fundo nestas pequenas seções. E eles estão combinando várias metodologias diferentes no local. Ótima maneira de fazer as coisas. Agora, se estivermos olhando para o design da interface do usuário, lembre-se, a escala do texto e as imagens deve ser apropriado para o dispositivo do seu usuário, seja um dispositivo móvel, um tablet ou um telefone ou um dispositivo desktop, e esse dispositivo de desktop pode ser um monitor de resolução mais baixa. Portanto, tenha isso em mente. A tipografia, as fontes, como você organiza as fontes, que deve ser fácil de ler, tão fácil de ler quanto funciona para você. E o estilo visual, se você gostaria de ficar com uma grade, uma abordagem hierárquica, ou apenas fornecer navegações por todo o site. Tenha isso em mente e crie seu site com o seu propósito em mente.

Principiante Fornecedor : Paul Poteete 3 lições · 14m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Neste módulo, investigamos a metodologia por traz da criação de dites. Isto inclui a importância do design de interface, o uso de ferramentas online de criação de sites e o uso de suítes offline de desenvolvimento de sites. Se estiver a usar uma solução pré-criada on-line ou uma solução criada a partir de software offline, a abordagem para facilidade de uso e acessibilidade do visitante é crucial.

Objectivos do aprendizado:

O Que Você Vai Aprender

Aprender a metodologia por trás da criação de um site
Compreender a importância do design de interface do usuário
Usar ferramentas online de criação de sites para construir um site
Usar suites de software de desenvolvimento web offline
Aplicar princípios de facilidade de uso e acessibilidade do visitante à sua abordagem

Principais Conclusões

A criação de um site segue uma metodologia definida que este módulo investiga.
O design de interface do usuário é uma parte importante da construção de um site.
Um site pode ser construído usando ferramentas online de criação de sites ou suites de software de desenvolvimento web offline.
Seja usando uma solução online pré-construída ou uma solução construída a partir de software offline, sua abordagem para facilidade de uso e acessibilidade do visitante é crucial.

Perguntas Frequentes

O que este módulo aborda?

Investiga a metodologia por trás da criação de um site, incluindo a importância do design de interface do usuário, usando ferramentas online de criação de sites e usando suites de software de desenvolvimento web offline.

Quais habilidades vou ganhar com este curso?

O curso aborda Métodos de Design, Formato de Design Web, Design Web Interativo, Design Web, Desenvolvimento Web e Arquitetura de Site.

Quais lições estão incluídas?

As lições são Conceitos Básicos de Design de Site, Ferramentas Online de Criação de Sites e Ferramentas Offline de Criação de Sites.

Este curso abrange maneiras online e offline para construir um site?

Sim. Abrange o uso de ferramentas online de criação de sites bem como o uso de suites de software de desenvolvimento web offline, se você usar uma solução online pré-construída ou uma construída a partir de software offline.