Posts do autor: Ricardo Bernardi

Criando um wireframe com o Wires

Na série de artigos sobre criação de sites falei sobre wireframes neste post, e hoje resolvi fazer uma aula mostrando uma ferramenta online e gratuita para criação de wireframes, o Wires da QuirkTools. Neste vídeo vou criar um wireframe básico como exemplo para mostrar um pouco das funcionalidades desta ferramenta bastante... continue lendo »

Grid em PSD e PNG para o Foundation framework

Criar temas usando um framework como o Foundation é uma prática muito comum nos dias atuais. Eu mesmo já publiquei um curso no qual ensino como criar um layout para um site de farmácia usando este framework. Porem na primeira etapa da criação do tema, que é feita geralmente em um... continue lendo »

Photoshop Express - Edição rápida e gratuita de imagens

O Adobe Photoshop Express é uma ferramenta gratuita voltada para edição de imagens principalmente em tables e smartphones, que permite fazer alterações de forma simples e rápida em suas imagens. O aplicativo conta com um conjunto de filtros básicos mas muito úteis, ferramentas de recorte e remoção de imperfeições tais como... continue lendo »

Download gratuito de vetores para seus trabalhos

Profissionais da área de design sabem que nem tudo que é usado precisa ser criado, afinal de contas existem muitos repositórios de material totalmente gratuitos esperando para serem explorados... Pois é justamente um destes repositórios que eu quero apresentar hoje. Estou falando do VECTOR.ME que disponibiliza gratuitamente mais de 250 mil... continue lendo »

5 sites para baixar imagens gratuitas para seus trabalhos

Quem trabalha com design sabe a importância de se ter um bom banco de imagens para usar nos trabalhos. Mas mesmo com uma boa galeria, as vezes a web é necessária para encontrar alguma imagens dentro de um contexto específico. No post de hoje quero apresentar 5 sites que oferecem imagens... continue lendo »

UICloud - Os melhores recursos gráficos para sites

Quando chega a hora de iniciar um novo layout de site todo designer gosta de uma "inspiração" para ajudar na criação. Muito recorrem ao Google e fazem pesquisas de layouts semelhantes para tirar proveito de cores, ícones, botões, telas e tantos outros elementos. Porém eu tenho uma dica legal para todos:... continue lendo »

Criando um layout para site de farmácia - Aula 4

Na aula de hoje vamos criar outros dois layouts de páginas adicionais, um deles para páginas com largura total e exibição de textos maiores e outro com sidebar e o formulário de contato. Ao final desta aula, teremos nosso layout praticamente concluído, pois os principais modelos de páginas já estarão... continue lendo »

Criando um layout para site de farmácia - Aula 3

Na aula de hoje vamos criar dois layouts de páginas adicionais para listagem de notícias e dicas do site. Um dos layouts com sidebar e widgets e outro ocupando a largura total da página e exibindo duas colunas de postagens. continue lendo »

Criando um layout para site de farmácia - Aula 2

Na aula de hoje vamos continuar com a criação da home page do nosso tema, fazendo a seção central com os boxes de conteúdo e o rodapé. O rodapé tem a particularidade de ser dividido em dois blocos, um deles onde serão apresentadas notícias e dicas postadas no site, bem... continue lendo »

Criando um layout para site de farmácia - Aula 1

Sejam todos bem vindos à mais um curso premium do RBTech Design! Neste curso iremos criar um layout de site para uma farmácia utilizando o Adobe Fireworks. Nosso template terá várias páginas com diferentes estruturas para atender a necessidade do cliente. Veja uma introdução ao projeto desenvolvido no vídeo a seguir: Agora... continue lendo »