Web design segmento de serviço profissional competente para a elaboração do projeto estético e funcional de um web site.

Web designer é o profissional responsável pela criação de websites ou páginas de internet, para o desenvolvimento de websites esse profissional deve ter a compreensão da aplicação em mídia eletrônica de disciplinas como: teoria das cores, tipografia, arquitetura de informação, semiótica, usabilidade, e conhecimento de linguagens de estruturação e formatação de documentos hiper textuais como XHTML (Extensible Hypertext Markup Language), CSS (Cascade Style Sheet) e PHP (um acrônimo recursivo para “PHP: Hypertext Preprocessor”, originalmente Personal Home Page).
Para a aplicação desse conhecimento, de forma geral, o web designer recorre a softwares de tratamento e edição de imagens, desenho e codificadores.

É muito importante nesta profissão ter criatividade e sensibilidade artística para perceber as tendências estéticas e visuais que mais agradam ao “internauta”, buscando sempre sua satisfação ao acessar o conteúdo da rede. Isto é adquirido através do espírito de observação e crítica, necessários ao profissional.

Entre as principais atividades de um designer de web, estão: Pesquisar tecnologias e ferramentas adequadas à necessidade do cliente, reunir-se com clientes para conhecer suas necessidades e preferências, realizar pesquisas de mercado para conhecer a concorrência e apresentar novas ideias ao cliente, criar fluxo de navegação e layouts funcionais, elaborar o orçamento dos projetos, criar alternativas visuais para as estruturas elaboradas e gerenciar a produção, manutenção e atualização de conteúdos dos sites.

Delimitar as funções de um web designer é uma tarefa árdua.

As demandas desse profissional podem migrar do “Front End” seu ambiente de trabalho para o “Back End” o ambiente dos programadores com linguagens de marcação como XHTML, HTML, XML, por exemplo, ou algumas formas de script como ASP, PHP e Javascript. Assim ter algum conhecimento nessas linguagens é importante caso o trabalho demandar modificações em web template (modelo de página da web). Saber trabalhar com bancos de dados MySQL e PostgreSQL também é relevante, uma vez que se usará PHP e ASP. Porém, nem sempre um web designer precisa ter conhecimento de todas essas linguagens de programação. A criação de uma interface geralmente depende mais de programas como o Photoshop, do Fireworks e do Dreamweaver.

O web designer precisa estar atualizado, já que os programas que ele usualmente utiliza estão em constante aperfeiçoamento. Além do mais, esse profissional precisa estudar a teoria das cores, entender de layouts, saber sobre fotografia, marketing e história da arte. Quanto mais conhecimento e vivência o web designer tiver, mais ele terá condições de criar interfaces que alcancem o público-alvo.

O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site. Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web. Cada elemento inserido em um website deve ter um objetivo, a perfeição de um website se atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido.

A World Wide Web Consortium (W3C) é o órgão responsável por recomendar padrões de desenvolvimento para a internet. Por meio destes padrões se pode classificar web sites de acordo com suas características técnicas. O grande objetivo de seguir os padrões do W3C é de possibilitar que a informação veiculada pelo site permaneça independente do dispositivo utilizado pelo visitante e que seja acessível.

Considerando que o mobile já é o principal dispositivo para a navegação na internet, a estratégia “Mobile First” passa a ser exigência. Com a popularização dos dispositivos móveis, como smartphones, tablets e até Smart TVs, criar produtos que funcionem no maior número possível de plataformas se transformou em algo essencial.

Falando de tendências para Web Design.

A ideia por trás do conceito de contar uma história com o web design é o fato do foco do design estar justamente direcionado em contar aos visitantes do site a história – não no sentido literário, mas como uma metáfora em relação à experiência do internauta no site. Por exemplo, um site que conta bem a história, tem as imagens e o texto amarrados de tal forma que compõem uma narrativa coerente e a rolagem interativa é usada para fazer o visitante participar disso tudo.

A rolagem em vez de cliques é um exemplo realmente interessante de como a navegação mobile influenciou as tendências gerais do web design. A importância dos dispositivos sensíveis ao toque (touchscreen) mudaram a experiência da navegação, fazendo da rolagem em página longa uma ação já muito familiar, enquanto clicar começa a ser menos natural e intuitivo em todo o processo de navegação. Isto quer dizer que mais conteúdo está concentrado em uma só página vertical divido de acordo com a rolagem, ao invés de dividido em várias páginas. Animação em scrolling e o efeito Parallax, podemos encontrar em todos os lugares, até mesmo em grandes sites como algumas das páginas de produtos da Apple e Google. Usando rolagem em vez de clicar como uma técnica de navegação bem sucedida. Primeiramente, requer menos tempo de carregamento da página, e o mais importante é o fato de tornar mais fácil para criar transições suaves de um ponto a outro sem atualizações dissonantes. As informações estão sempre fluindo.

Menus ocultos, mais um exemplo de como a navegação mobile influencia o desenvolvimento do web design. Numa tela mobile, onde não há tanto espaço para trabalhar, menus de navegação inteligentes “ficam ocultos” e podem ser revelados com um clique num ícone na lateral da tela. Designers se deram conta de que transferir este efeito para as telas grandes não só é prático, como também é muito estético em termos de navegação. O menu não fica à vista até que o internauta realmente precise dele e o mesmo também pode aparecer num estilo dropdown com apenas um clique ou com o cursor sobreposto.

A tipografia na web é muito diferente da tipografia de impressão, isso não é novidade, pesquisas têm demonstrado repetidamente que os tamanhos de texto maiores são propícios para facilitar a leitura na web. Designers já começaram a implementar a tipografia responsiva, ao lado de imagens responsivas, e estruturas em seus projetos. É crucial para o texto sempre representar o seu melhor, independentemente da plataforma.

Costumava haver limitações importantes em mente no tamanho das imagens por causa da largura de banda limitada, mas isso é cada vez menos um problema nos dias de hoje. Como resultado, as imagens grandes tomaram conta da web. Fotos chamam a atenção e agradam os olhos. Com a internet rápida e alguns recursos de CSS, hoje é possível colocar fotos de alta resolução no background do site. Não só fotos como vídeos também. Isso torna o site mais interessante, atraente e dependendo da foto pode aproximar ainda mais o usuário a ter uma boa experiência com a marca.

Exemplos do meu trabalho:

.

.