Noções básicas de design para portfólio [2012]

1. Conteúdo e propósito: Ei, todo mundo. Bem-vindo à aula de Skillshare. Estou animado para falar com vocês hoje sobre como apresentar seu portfólio online. Sim, eu só quero rever algumas coisas, o que vamos cobrir nesta aula. Vamos começar com o conteúdo e o propósito do site e então vamos seguir em frente para realmente escolher uma plataforma que funcione melhor para você. Em seguida, fale sobre o design do site e como ele parece, e envolva-o com alguns toques finais incluindo seus nomes de domínio de inscrição e esse tipo de coisa. Também para revisar isso, esta é uma aula online, então, à medida que você vai, você pode estar trabalhando em seu projeto e enviá-lo para a galeria do projeto para obter feedback de seus colegas alunos. Então você estará assistindo a esses vídeos e percorrendo o guia do projeto, onde todas as etapas são delineadas com muitos detalhes lá para você também. Sim, só um pouco sobre mim. Trabalho aqui na Skillshare como reitor da Escola de Design. Estou muito entusiasmada por estar a dar esta aula. É algo com o qual tenho ajudado amigos há algum tempo e estou entusiasmado por partilhar tudo convosco hoje. A primeira unidade é conteúdo e propósito. Aqui nós realmente vamos estar pensando sobre o conteúdo para o site. Isso é importante antes de você entrar no design do site porque ele ajuda você a tomar essas decisões mais tarde. É por isso que estamos nos aproximando disso desde o começo aqui. O primeiro passo é realmente definir metas e pensar sobre o que você está tentando alcançar com seu site de portfólio. Estás a tentar arranjar um emprego? Você está procurando um estágio? Você está aqui para encontrar talvez novos clientes freelance, e esse tipo de coisa. Então para que você vai usá-lo? Essas são coisas para ter em mente. Acho que a melhor coisa a fazer é escrever alguns desses pensamentos. Você pode referenciá-los à medida que percorre o projeto. O segundo passo é selecionar os projetos reais que você vai incluir em seu site de portfólio. Algumas coisas a ter em mente aqui são para organizar os projetos que você incluirá. Não sinta que você tem que incluir tudo o que você fez ao longo dos anos, mas realmente escolher alguns projetos específicos que podem contar uma história sobre você e seu trabalho e que se alinham com as metas que você estabeleceu para o site. O próximo passo é coletar imagens e copiar o conteúdo para o site. Coisas para pensar aqui estão recebendo as melhores imagens para o site. Pode ser, eles fazem gráficos de movimento ou talvez que você faça design de impressão, caso em que você pode querer fotografar esse trabalho em diferentes configurações que funcionam melhor para ele. Então também um monte de sites de portfólio, eu acho que realmente se concentrar nas imagens, mas também é importante para obter algum contexto do trabalho. Você pode fazer isso escrevendo algumas descrições para acompanhar cada um dos projetos. Eu acho que este é um toque realmente agradável porque ele permite que qualquer pessoa que está visualizando seu site para realmente ter uma idéia do que o projeto era sobre. Você também pode falar sobre o processo que você passou, alguns dos problemas que você resolveu e dar mais alguns detalhes sobre esse projeto. Então você também quer pensar em adicionar páginas adicionais que você vai incluir no site. Isso pode incluir itens como sua página Sobre. Há outros tipos de páginas também, você pode fazer uma página de Contato ou Serviços, onde você pode listar os diferentes tipos de trabalhos em que você está procurando trabalhar. Estes podem ajudar a pintar uma imagem mais completa, além do conteúdo principal do seu site, que é realmente os projetos. Finalmente, para esta unidade, você vai querer coletar alguma inspiração. Você pode ver alguns exemplos online. Pense em quem é o artista, ou designers ou fotógrafos que você admira e confira seus sites e veja como eles realmente apresentam seu trabalho online. Coletar essa inspiração e fazer algumas placas de humor irá ajudá-lo à medida que você avançar para o resto da classe para que você possa ter uma noção do que mais está lá fora on-line já. seguir, no próximo vídeo, faremos plataformas e ferramentas, e estamos ansiosos por isso. Obrigado. 2. Plataformas e ferramentas: Todos, bem-vindos de volta à segunda unidade da classe Skillshare. Nesta unidade, estaremos cobrindo plataformas e ferramentas. Cobriremos quatro plataformas principais que realmente ajudam você a criar seus sites de portfólio. Pensar em torno disso é que ele permite que você salte e começar realmente em seu site em vez de construí-lo a partir do zero. Essas plataformas fornecem uma interface de backend que é realmente fácil de usar, que permite atualizar e editar seu site. Ele lhe dá as ferramentas que você precisa para reconstruir seu site e se concentrar no conteúdo e não tanto ter que escrever um monte de código personalizado. O primeiro passo desta unidade é escolher uma plataforma. Há quatro que vamos cobrir, mas há muitos outros também, que eu descrevi no guia do projeto. Sinta-se livre para compartilhar outros que você possa conhecer também. O primeiro é Cargo. Este é o que tenho usado há anos. Alguns detalhes sobre Cargo são 66 dólares por ano, o que é muito bom. Também tem CSS avançado e edição HTML. Se você realmente quer entrar lá e ficar nitty-gritty, você pode fazer isso. O segundo é Behance. Behance tem seu site de rede normal, mas eles também têm um produto chamado ProSite. Isso permite que você crie sites de portfólio personalizados que não têm qualquer marca Behance nele, então ele se parece com o seu próprio site. Alguns detalhes sobre Behance são 11 dólares por mês. É muito bom porque você ainda tem um perfil na rede Behance maior também. Você obtém esse acesso a todos os outros recursos que eles construíram, e também que a comunidade lá é realmente agradável. O terceiro é Virb. Virb está por aí há algum tempo. São 10 dólares por mês. Virb é legal porque tem blogs embutidos nele, e você pode inserir seu Feed do Tumblr e coisas assim. Também é responsivo para dispositivos móveis, por isso funcionará bem em um smartphone ou dispositivo tablet. O quarto é o Squarespace. O Squarespace já existe há algum tempo. É conhecido como ferramenta de arrastar e soltar, para que você possa criar seu site com esta interface intuitiva. Também é responsivo. Ele também tem excelentes recursos de comércio eletrônico. Se você é um artista que quer vender estampas, fotografias ou peças do seu trabalho, eles têm uma ótima integração para isso. Este varia de US $8 a US $16 por mês. A próxima coisa que você quer fazer é realmente se inscrever para uma conta. Você pode conferir cada um desses sites e realmente escolher qual deles é bom para você. Cada um tem uma longa lista das diferentes características. A maioria deles ter alguns recursos básicos comuns são os mesmos e há algumas coisas mais específicas que eu acabei de cobrir que podem ajudá-lo a escolher qual é o melhor para o seu site. Lembre-se que estes são realmente sites pagos, mas novamente, há alguns outros que estão listados no projeto e eles são gratuitos. O terceiro passo é fazer upload do seu conteúdo. Vá em frente em qualquer plataforma que você escolheu, carregue seus projetos e suas páginas, e não se preocupe com o que parece neste momento. Isso não é algo que você precisa realmente pensar neste momento. É importante colocar o conteúdo no site e ver como ele se sente com todos os projetos e páginas lá. A seguir, vamos entrar no design do site e nos aspectos visuais dele. Estou ansioso por isso. Obrigado. 3. Design e temas: Olá a todos, bem-vindos de volta à Unidade 3 desta aula de Skillshare. Nesta unidade, vamos estar cobrindo design e temas para o seu site de portfólio. Nós realmente podemos começar a entender como seu site deve ser e se sentir como. O primeiro passo é escolher um modelo. Você deve começar com um que funcione para o conteúdo, e a finalidade do seu site, e as metas que você está tentando alcançar, e então você pode personalizá-lo a partir daí. Escolha um que você possa construir sobre nós à medida que avançamos. Aqui estão alguns exemplos que eu queria compartilhar com vocês. Este é um layout tradicional, então você tem a coluna à esquerda, que lista todos os projetos, e você também tem as miniaturas correspondentes na área principal lá. Este é um em [inaudível] Eu acredito e ele rola esquerda para a direita para que cada colunas são projeto diferente. Este é apenas uma grade completa para que não haja navegação à esquerda ou à direita e apenas mostra as miniaturas, então você realmente se concentre no trabalho neste. Este é um design mais [inaudível], então ele não obedece tanto a essa grade e permite os projetos saltem e estejam em diferentes pontos na página. Estes são alguns exemplos de temas e modelos. No projeto, eu vinculei as opções para todos os diferentes temas para cada uma das plataformas. O próximo passo é escolher as miniaturas do projeto para o site do seu portfólio. que você precisa pensar aqui é como todos eles trabalham juntos e como quando alguém visita o site, o que eles vão ver com todas as suas miniaturas lá de uma só vez. Eles devem ter bordas bem definidas, não muito detalhadas, e também, quando você estiver salvando-as no Photoshop, salve-as para a Web para que o site seja carregado mais rápido. Alguns são bons e pequenos. Aqui estão alguns exemplos de miniaturas. Vemos as pessoas fecharem as fotos dos diferentes projetos. Eles ampliam alguns detalhes e preenche essa miniatura muito bem. Você também pode incluir como o título do projeto na miniatura também. O último passo é adicionar em sua marca pessoal, então, se você tiver uma, sinta-se livre para adicioná-la no cabeçalho. Todas as quatro plataformas sobre as quais falamos anteriormente têm a capacidade de adicionar um cabeçalho personalizado ou um logotipo personalizado para o seu site, e essa é uma ótima maneira de adicionar toque pessoal. Mas se você não tem isso neste momento, não se preocupe. Basta adicionar o seu nome ou o nome do seu site e será bom para ir. Aqui estão alguns exemplos disso. As pessoas têm logotipos diferentes ou estilos diferentes que eles usaram em sua marca, alguns logotipos pessoais manuscritos lá. Whitney Dail na parte inferior tem seu olhar e sentir com sua tipografia diferente e o resto do site tem as miniaturas embaixo dele. Há algumas coisas a ter em mente ao projetar seus cabeçalhos. A seguir, temos os retoques finais. Vamos cobrir algumas coisas técnicas e encerrar o site do portfólio. Obrigado. 4. Retoques finais: Ei, pessoal, bem-vindos de volta à aula de Skillshare. Esta é a Unidade 4, a última da classe. Trata-se de toques de acabamento, duas coisas diferentes que você pode fazer para ter seu site de portfólio pronto para compartilhá-lo com todos e realmente embrulhá-lo muito bem. A primeira coisa a considerar é Nomes de Domínio. Há uma abordagem diferente para fazer isso para cada uma das plataformas e você pode encontrar os guias de como fazer que são muito específicos para cada uma das plataformas e o guia de projeto para esta classe. Esta é uma excelente adição para a sua marca pessoal. Você pode colocar seu próprio nome de domínio personalizado no seu cartão de visita ou no seu perfil do Twitter e realmente fazer isso também. São nomes de domínio. A segunda coisa a considerar é como você vai promover e compartilhar seu site de portfólio agora que você tem tudo pronto para ir. Você pode fazer isso adicionando-o à sua assinatura de e-mail para que, sempre que enviamos um e-mail, ele esteja logo na parte inferior e as pessoas possam facilmente encontrar o seu trabalho e ver o seu portfólio. Você também pode incluir no seu perfil de mídia social, no seu Facebook ou no seu feed do Instagram e enviar pessoas para ver o seu trabalho também. A terceira coisa a considerar é qualquer adição que você queira fazer. A maioria dessas plataformas, como adicionar um blog ou loja online, para que você continue contando histórias sobre o que está trabalhando ou compartilhe algumas coisas para as pessoas comprarem. Essa é uma maneira de continuar construindo seu site de portfólio e mantendo-o atualizado enquanto você avança. A quarta coisa a ter em mente é que, certifique-se de atualizar seu site de portfólio, agora que você tem tudo construído. Sempre que você estiver fazendo seu projeto ou tiver uma nova peça para compartilhar com todos, sinta-se à vontade para postar no site do seu portfólio e , em seguida, compartilhar que você realmente atualizou. Isso pode manter as pessoas voltando e verificando no que você está trabalhando. Isso praticamente encerra tudo. Muito obrigado por fazer essa aula. Tem sido excitante ter todos vocês aqui. Certifique-se de compartilhar seus projetos, para obter feedback de todos os outros na classe. Então também, por favor, deixe alguns comentários sobre a classe também. Eu adoraria ouvir o que você pensou disso. Muito obrigado.