Web design abrange muitas habilidades e disciplinas diferentes na produção e manutenção de websites. As diferentes áreas de web design incluem web design gráfico, design de interface , de criação, incluindo o código padronizado e software proprietário; User Experience Design e search engine optimization . Muitas vezes, muitas pessoas irão trabalhar em equipes que abrangem diferentes aspectos do processo de design, embora alguns designers irá abranger todos eles. [ 1 ] O termo web design é normalmente usado para descrever o processo de concepção relativo ao front-end (cliente) o projeto de um site, incluindo escrita marcar. Web design parcialmente se sobrepõe engenharia web no âmbito mais amplo de desenvolvimento web . Web designers são esperados para ter uma consciência de usabilidade e se a sua papel envolve a criação de mark up em seguida, eles também são esperados para ser up até à data com de acessibilidade da correia fotorreceptora guidelines. História 1988-2001 Embora o design web tem uma história de forma justa recente,-lo pode ser ligado a outras áreas tais como design gráfico. No entanto de design web também é visto como um ponto de vista tecnológica. Tornou-se uma grande parte da vida cotidiana das pessoas. It é difícil de imaginar o Internet sem gráficos animados, diferentes estilos de typography, fundo e música. The start de o web e design web Em 1989, enquanto trabalhava no CERN Tim Berners-Lee propôs a criação de um projeto global de hipertexto, que mais tarde ficou conhecida como a World Wide Web . Ao longo de 1991-1993 a World Wide Web nasceu. Apenas de texto páginas poderiam ser visualizado usando um navegador simple-modo de linha de. [ 2 ] Em 1993 Marc Andreessen e Eric Bina , criou o navegador Mosaic . Na época lá eram vários navegadores no entanto a maioria dos-los eram-baseada em Unix e eram naturalmente texto pesado. Não tinha havido nenhuma abordagem integrada de elementos gráficos, como imagens ou sons. O navegador Mosaic quebrou esse molde. [ 3 ] O W3C foi criado em outubro de 1994, para "levar a World Wide Web para o seu pleno potencial através do desenvolvimento de protocolos comuns que promovam a sua evolução e garantir a sua interoperabilidade." [ 4 ] Esta desencorajado qualquer um empresa a partir de monopolizando um navegador da decoro e linguagem de programação utilizada, o qual poderia ter alterado o efeito de a World Wide da Web como um todo. The W3C continua a definir normas, o que pode hoje ser vistos com JavaScript. Em 1994 Andreesen formado Comunicações corp. Que mais tarde se tornou conhecido como do Netscape Communications 0,9 do navegador o Netscape. Netscape criou suas próprias tags HTML sem que diz respeito ao processo de padrões tradicionais. Por exemplo Netscape 1.1 incluído tags para mudando cores do fundo e formatação de texto com mesas de sobre páginas da web. Ao longo de 1996 a 1999, aguerra dos navegadores começou. Os guerras do navegador viu Microsoft e Netscape batalha-lo para fora para a derradeira dominance browser. Durante esse tempo, houve muitas novas tecnologias no campo, nomeadamente Cascading Style Sheets , JavaScript e HTML Dinâmico . Em um todo, a competição navegador fez levar a muitas criações positivas e ajudou a projetar web evolui em um ritmo rápido. Evolução do design web Em 1996, Microsoft lançou o seu primeiro navegador competitivo, o que estava completa com suas próprias características e tags. Ele também foi o primeiro navegador para apoiar folhas de estilo, os quais no momento em que foi vistos como uma técnica de authoring obscura. [ 5 ] The markup HTML para tabelas foi originalmente destinado para a exibição de dados tabulares. No entanto, os designers rapidamente percebeu o potencial do uso de tabelas HTML para a criação de layouts complexos, multi-coluna que antes não eram possíveis. Neste momento, como design de e boa estética parecia a tomar precedência sobre boa estrutura mark-up, e pouca atenção foi pago para semântica e de acessibilidade web . Sites HTML foram limitados em suas opções de design, ainda mais com versões anteriores do HTML. Para criar projetos complexos, muitos web designers tiveram que usar estruturas de tabelas complicadas ou até mesmo usar em branco espaçador GIF. imagens para impedir que as células vazias da tabela de entrar em colapso. [ 6 ] CSS foi introduzido em dezembro de 1996 pelo W3C para apoiar a apresentação e layout, o que permitiu HTML código para ser semântica ao invés de acessibilidade web tanto semântica e de apresentação, e melhor, ver web design tableless . Em 1996, o Flash (originalmente conhecido como FutureSplash) foi desenvolvido. Na época, a ferramenta de desenvolvimento o conteúdo do Flash era relativamente simples em comparação com agora, utilizando-se layout básico e ferramentas de desenho, um precursor limitado a ActionScript , e uma timeline, mas-lo habilitado desenhadores da correia fotorreceptora para ir além do ponto de HTML,GIFs animados e JavaScript . No entanto, porque é necessário o Flash um plug-in , muitos desenvolvedores web evitado a usá-lo para o medo de limitar o seu quota de mercado a partir de falta de de compatibilidade. Em vez disso, os designers revertido para gif animations (se eles não renunciar a usando gráficos em movimento ao todo) e JavaScript para widgets de . Mas os benefícios de o Flash feito-lo popular o suficiente entre os mercados-alvo específicos para, eventualmente, trabalhar o seu caminho para a vasta maioria dos navegadores, e poderoso o suficiente para ser usado para desenvolver sites de inteiras. End dos primeiros guerras do navegador No ano de 1998 a Netscape lançou código Netscape Communicator sob uma licença de código aberto , permitindo que milhares de desenvolvedores para participar na melhoria do software. No entanto, eles decidiram parar e começar desde o início, que guiou o desenvolvimento do navegador de código aberto e logo se expandiu para a plataforma de aplicativos completa. [ 5 ] O Project Web Standardsfoi formada, e promoveu o cumprimento do navegador com HTML e CSS padrões pelos criando Acid1 , ACID2 e Acid3 testes. 2000 era de um grande ano para Microsoft. Internet Explorer foi lançado para Mac, esta foi significativa, uma vez que foi o primeiro navegador que suporte total HTML 4.01 e CSS 1, levantando a barra em termos de cumprimento de normas. Foi também o primeiro navegador a suportar totalmente o PNG formato de imagem. [ 5 ] Durante este tempo, o Netscape foi vendida para a AOL e isso foi visto como perda oficial da Netscape para Microsoft nas guerras do navegador. 2001-2012 Desde o início da 21 ª século, a web se tornou mais e mais integrados a vida das pessoas, como isso aconteceu a tecnologia da web também mudou. Também houve mudanças significativas na forma como as pessoas usam e acessar a web, e isso mudou a forma como os sites são projetados. Navegadores modernos Desde o final do o guerras navegadores lá ter sido novos navegadores que entram no cena. Muitos deles são de código aberto o que significa que eles tendem a ter um desenvolvimento mais rápido e são mais favoráveis a novos padrões. As novas opções são consideradas por muitos como o melhor que o Microsoft Internet Explorer . Novas normas O W3C lançou novos padrões de HTML ( HTML5 ) e CSS ( CSS3 ), bem como um novo JavaScript API é cada um como um novo padrão, mas individuais. No entanto, enquanto que o HTML5 prazo só é usado para se referir para a nova versão de HTML e alguns de o JavaScript API do,-lo tornou-se comum para usá-lo para se referir a toda a suíte de novas normas de (HTML5, CSS3 e JavaScript) Ferramentas e tecnologias Web designers usam uma variedade de ferramentas diferentes, dependendo de qual parte do processo de produção que está envolvido dentro Estas ferramentas são atualizados ao longo do tempo pelos padrões e softwares mais recentes, mas os princípios por trás deles permanecem os mesmos. Da Web designers gráficos usar pacotes gráficos de vetor e raster para a criação de imagery formatado web ou protótipos de design. Technologies utilizados para a criação de sites incluem padronizado mark-up, o que poderia ser entregá--coded ou geradas pelo software de edição de WYSIWYG . Há também é software proprietária baseada on plug-ins que ignora navegadores versões do cliente. Estes são muitas vezes WYSIWYG, mas com a opção de usar linguagem de script do software.Search Engine Optimization ferramentas podem ser utilizadas para verificar motor de busca ranking e sugerir melhorias. Outras ferramentas de desenhadores da correia fotorreceptora pôde se usar incluem marcar up validators e de outros ferramentas de teste de para a usabilidade e acessibilidade para garantir os seus web sites atender às diretrizes de de acessibilidade da correia fotorreceptora. Skills e técnicas de Marketing e design de comunicação Marketing e comunicação projeto em uma website pode identificar o que funciona para a sua mercado-alvo. Isso pode ser um grupo de idade ou especial vertente da cultura, assim o designer pode entender as tendências de seu público. Designers também podem compreender o tipo de site que eles estão projetando, o que significa, por exemplo, que (B2B), business-to-business site considerações de design pode ser muito diferente de um site direcionado ao consumidor, tais como varejo website ou de entretenimento. Uma análise cuidadosa pode ser feito para garantir que a estética ou o design geral de um local não colidir com a clareza ea precisão do conteúdo ou a facilidade de navegação web , especialmente em um site B2B. Designers também podem considerar a reputação do proprietário ou do negócio do site está representando para se certificar de que eles são retratados favoravelmente. Design de experiência do usuário e design interativo Usuários compreensão do conteúdo de um site, muitas vezes depende usuários compreensão de como o site funciona. Isso faz parte do User Experience Design . A experiência do usuário está relacionado ao layout, instruções claras e de rotulagem em um site. Como bem o usuário entende como eles podem interagir em um site também pode depender do design interativo do site. Se um usuário percebe o utilidade de que website, eles são mais propensos para continuar usando-lo. Os usuários que são qualificados e bem versados com o uso do site pode encontrar um mais original, mas menos intuitiva ou menos user-friendly interface do site útil, no entanto. No entanto, os usuários com menos experiência são menos propensos a ver as vantagens ou utilidade de uma interface de site menos intuitiva. Isso leva a tendência para uma experiência de usuário mais universal e facilidade de acesso para acomodar tantos usuários quanto possível, independentemente da habilidade do usuário. Grande parte do User Experience Design e design interativo são considerados no design de interface de usuário . Funções interativas avançadas podem requerer plug-ins se não avançou codificação competências linguísticas. Escolhendo se deve ou não usar interatividade que requer plug-ins é uma decisão crítica em experiência em design user. Se o plug-in não vem pré-instalado com a maioria dos navegadores, há um risco de que o usuário terá nem o saber, nem a paciência para instalar um plug-in apenas para acessar o conteúdo. Se a função de requer avançados competências linguísticas de codificação,-lo pode ser demasiado custosa em um ou outro tempo ou dinheiro para código de comparação com a quantidade do realce a função de irá adicionar à a experiência do usuário. Há também um risco de que a interatividade avançada pode ser incompatível com navegadores mais antigos ou configurações de hardware. A publicação de um função que não trabalhar de forma confiável é, potencialmente, pior para a experiência do usuário do que não fazendo nenhum tentativa. Depende do público-alvo, se é provável que seja necessário ou vale qualquer risco. Layout da página Parte da o design da interface user é afetado por a qualidade da layout de página . Por exemplo, um designer pode considerar se o layout da página locais deve permanecer consistente em diferentes páginas na concepção do layout. Largura de pixel página também pode ser considerado vital para alinhar objetos no projeto de layout. Os sites mais populares de largura fixa geralmente têm a mesma largura definida para coincidir com a atual janela do navegador mais popular, a atual resolução de tela mais popular, sobre o atual tamanho mais popular monitor. A maioria das páginas são também de centro-alinhadas para preocupações dos estética on telas maiores. Layouts fluidos aumentou em popularidade por volta de 2000 como uma alternativa aos layouts baseados em tabelas HTML e grade baseada em projeto , tanto o princípio de projeto de layout de página, e em técnica de codificação, mas foram muito lento para ser adotada. [ nota 1 ] Isto foi devido ao considerações de dispositivos de leitura de tela e janelas em tamanhos variados que os designers têm nenhum controle. Em conformidade, um design pode ser quebrado para baixo em unidades (sidebars, blocos de de conteúdo, de publicidade embutidos áreas de, áreas de de navegação) que são enviado para o navegador e que irá ser equipado para a janela do de exibição por o browser, como o melhor ele pode. À medida que o navegador faz reconhecer os detalhes de a tela do reader (tamanho da janela, tamanho da fonte em relação à janela etc), o navegador pode fazem ajustes de layout específicas-user para layouts de fluidos,, mas não layouts de de largura fixa. Embora, tais um display de podem, muitas vezes alterar o posição relativa de principais unidades de conteúdo, sidebars podem ser deslocadas abaixo o corpo do texto ao invés de para o lado de-lo. Esta é uma exposição mais flexível do que um layout baseado em grid hard-coded que não se encaixa a janela do dispositivo. Em particular, a posição relativa de blocos de do conteúdo poderão mudar enquanto deixando o conteúdo dentro de o bloco de não afetado. Este também minimiza a necessidade do user para rolar horizontalmente a página. Responsive Web Design é uma nova abordagem, baseada em CSS3, e um nível mais profundo de por dispositivo especificação no estilo da página através de um maior uso do CSS @ media pseudo-selector. Tipografia Os designers da Web podem optar por limitar o variedade de typefaces do Web site para apenas uma alguns que são de um estilo de similar, em vez de usar uma ampla gama de typefaces ou tipo estilos . A maioria dos navegadores reconhecer um determinado número de fontes seguras, que os designers utilizam principalmente a fim de evitar complicações. Font download mais tarde foi incluída no módulo CSS3 fontes e desde então tem sido implementado no Safari 3.1, Opera 10 e Mozilla Firefox 3.5. Este tenha posteriormente aumentou interesse em tipografia da web , tal como bem como a conotação de descarga de pia batismal. A maioria dos layouts em um site incorporar o espaço negativo para quebrar o texto em parágrafos e também evitar o texto alinhado ao centro. Motion graphics O layout da página e interface de usuário também podem ser afetados por o uso de motion graphics. A escolha de se ou para não usar gráficos em movimento pode depender on o mercado-alvo para o website. Motion graphics pode ser esperado ou, pelo menos melhor recebido com um website entertainment-oriented. No entanto, um público-alvo site com um interesse mais sério ou formal (tais como negócios, comunidade ou governo) pode encontrar animações desnecessárias e perturbador se apenas para fins de entretenimento ou decoração. Isso não significa que o conteúdo mais grave não poderia ser reforçada com apresentações animadas ou vídeo que é relevante para o conteúdo. Em qualquer um dos caso, motion design gráfico pode fazer a diferença entre visuals mais eficazes ou visuals que distraem. Qualidade do código Web designers podem considerá-lo como uma boa prática para se conformar com as normas. Isso geralmente é feito via uma descrição especificando o que o elemento está fazendo. Não conformidade com os padrões podem não fazer um site inutilizável ou propenso a erros, mas os padrões podem se relacionar com o layout correto de páginas para facilitar a leitura, assim tornando-se elementos codificados estão fechados adequadamente. Isso inclui erros no código, layout mais organizado para o código e fazendo IDs certo e as aulas são identificadas corretamente. Páginas mal codificadas são às vezes coloquialmente chamado de sopa de tag . Validando via W3C só pode ser feito quando a declaração DOCTYPE correto é feito, que é usada para destacar erros no código. O sistema identifica os erros e áreas que não estejam em conformidade com os padrões de web design. Esta informação pode, então, ser corrigidos pelo utilizador. Ocupações Existem dois postos de trabalho primários envolvidos na criação de um website: o web de designer e desenvolvedor web ., que muitas vezes trabalhar em estreita colaboração juntos em um website Os web designers são responsáveis para o aspecto visual, que inclui o layout, coloração e typography de um página web. Web designers também terá um conhecimento de trabalho de usando uma variedade de línguas como o HTML, CSS, JavaScript, PHP e o Flash para criar um site, embora a extensão da o seu conhecimento irá diferir a partir de um web designer para outro. Especialmente em organizações menores uma pessoa terá as habilidades necessárias para projetar e programar a página web completa, enquanto as grandes organizações podem ter um web designer responsável pelo aspecto visual sozinho. Mais postos de trabalho, que em determinadas circunstâncias podem se envolver durante a criação de um website incluem: • Os designers gráficos para criar efeitos visuais para o site, tais como logotipos, layouts e botões • Especialistas em marketing na Internet para ajudar a manter a presença na web, através de soluções estratégicas na segmentação dos espectadores para o site, utilizando técnicas de marketing e promocionais na internet • Escritores de SEO para pesquisar e recomendar as palavras corretas para ser incorporadas em um determinado site e tornar o site mais acessível e encontrado em vários motores de busca • Copywriter Internet para criar o conteúdo por escrito da a página para apelar para os telespectadores-alvo de o site • Experiência (UX) designer de Usuário incorpora os aspectos da de utilizador focada considerações de design que incluem arquitetura de informação, design centrado user, testes user, design a interação, e design, ocasionalmente, visual.
Posted on: Fri, 12 Jul 2013 17:57:14 +0000
Trending Topics
Recently Viewed Topics
© 2015