projetar uma página inicial do site de portal (uma página que atua como uma porta de entrada para uma grande quantidade de conteúdo) pode ser um projeto de web design Extremamente desafiador. A natureza de um portal significa que a página inicial está em constante mudança e está repleta de links e conteúdo. O truque para projetar uma página de portal acessível e fácil de usar é criar um layout de site que facilite a mudança frequente de conteúdo, mas permaneça consistentemente estilizado para facilitar a leitura e a navegação. Se você não acertar, você pode acabar com uma página desordenada que é difícil de ler. A boa notícia é que os especialistas em web design da Michael Bell One têm uma vasta experiência em projetar sites de portais para escolas, empresas e instituições governamentais, incluindo o sistema de pedidos on-line do conselho do Condado de East Sussex para escolas. Continue lendo para descobrir alguns dos principais fatores que consideramos ao projetar sites de portal …
design do site do Portal: Layout
ao considerar a melhor forma de abordar um design de site de portal, geralmente começaremos com o layout. Se estivermos projetando uma página cheia de links e informações, normalmente usaremos o máximo possível da largura da página eliminando margens à esquerda e espaços desnecessários. É claro que, como o web design responsivo está no centro de tudo o que fazemos, também faríamos o melhor uso do espaço, independentemente do dispositivo em que o site é visualizado. Além disso, o alinhamento central de Conteúdo e gráficos em uma página de portal nunca funciona muito bem, pois os usuários tendem a começar a ler no canto superior esquerdo e digitalizar rapidamente para o canto inferior direito.
a melhor abordagem de Web design de portal é usar caixas e formas para dividir a página em pedaços fáceis de ler. Tendemos a usar uma combinação de retângulos cinzentos longos, painéis quadrados com cores mais claras para seções de notícias e colunas de estilo de revista para informações de comunidade e Lazer. Uma fonte pequena e ousada (10px Verdana) tende a funcionar bem com esse tipo de seção de página e se destaca contra as cores e formas de fundo. Os Links são frequentemente destacados em tons familiares de azul e laranja, com ícones às vezes usados para fornecer ao USUÁRIO informações visuais adicionais sobre o que acontecerá quando ele clicar em um link.
descubra como podemos ajudar
design do site do Portal: Background
os próximos elementos de design óbvios a serem considerados são imagens e cores de fundo. Usar um fundo sutil de cor pastel é uma boa maneira de fornecer alguma textura e profundidade à página do portal, mas se o fundo estiver muito ocupado ou tiver muita cor e sombra, pode acabar parecendo um site da década de 1990. as coisas se tornam mais problemáticas quando as cores que ficam no topo do fundo do portal são muito fortes. Um exemplo típico disso é quando temos a tarefa de redesenhar sites de portal que usam grandes quantidades de ciano. Algumas cores simplesmente não funcionam em telas de computador, sendo o ciano uma delas. Usá-lo como uma cor de destaque pode ser bastante eficaz, mas cobrir grandes áreas da página da web com ele pode levar a problemas com legibilidade.
para layouts de página do site do portal, muitas vezes é uma boa ideia usar fundos pálidos com texto escuro, ou o fundo escuro ocasional com texto pálido – junto com tons mais profundos sobre os fortemente saturados. A partir de nossos muitos anos de experiência no design de sites com informações pesadas, tendemos a descobrir que o uso de azuis e cinzas como cores fortes tende a ser extremamente eficaz em sites de notícias e portais, pois são mais fáceis de ver e fornecem melhor contraste para uma experiência de leitura mais confortável.
design do site do Portal: gráficos e imagens
é dada uma consideração cuidadosa à forma como utilizamos gráficos e imagens. Se um logotipo for mal projetado ou as imagens forem muito pequenas ou estiverem incorretamente alinhadas com o texto, ele poderá tornar a página da web do portal desequilibrada e desorganizada, além de não profissional. Como o design de estratégia de marca é a pedra angular do nosso negócio de design digital, sabemos como projetar logotipos e elementos gráficos que não apenas se alinham ao seu conteúdo, mas também se alinham com os desejos e necessidades do seu público-alvo.
ao projetar layouts de sites de portal, também pretendemos manter elementos adicionais, como scrollers de notícias jQuery e Controles deslizantes, no mínimo. Embora geralmente funcionem muito bem, eles podem ter um efeito negativo nos tempos de carregamento da página e podem causar erros de página ou tremulação. É melhor ter um painel de notícias dedicado usando HTML simples por uma questão de legibilidade, mas também porque o texto de rolagem pode distrair o conteúdo da página da mesma forma que os banners ou gráficos animados costumam fazer.
nosso objetivo final ao projetar layouts de sites de portal é criar um hub de informações responsivo, acessível e fácil de usar que não apenas pareça ótimo, mas também seja capaz de transmitir facilmente uma grande quantidade de informações aos leitores. Para conseguir isso, geralmente descobrimos que um layout de página da web de portal no estilo de revista funciona bem. Pode ser uma fórmula bem usada, mas isso é porque é um meio extremamente eficaz de transmitir informações de forma rápida e eficiente.
descubra como podemos ajudar
as cinco principais dicas para um site de Portal polido
eficiência
se você precisar de muito conteúdo em uma página, reduza as margens e as bordas para recuperar cada pixel sobressalente para uso com o conteúdo. Divida seu layout em painéis e espaçe-os com cerca de 10 pixels de distância. Use linhas finas e pequenas fontes em negrito e forneça aos painéis um preenchimento interno de 10 a 15 pixels para manter o texto longe das bordas.
nenhum papel de parede
as imagens de Fundo estão bem, mas tenha cuidado ao usá-las. Se eles estão muito ocupados ou repetem demais, o resultado final parece confuso. Tome especial cuidado para evitar imagens em relevo ao projetar gráficos de sites de portal; gráficos web 2D simples parecem muito mais limpos e profissionais. Lembre – se sempre de que o plano de fundo nunca deve competir por atenção visual com o primeiro plano – especialmente em sites de informações.
a natureza de uma página de portal significa que ela está cheia de links. No entanto, a maioria dos portais são divididos em subseções e estes devem sempre ser facilmente acessíveis através de uma barra de navegação proeminente. Tente colocar esses links na parte superior da página ou no lado esquerdo e repita-os em texto simples ao pé da página para adicionar à prova de idiotas.
cores calmas
a cor é uma parte fundamental do design da interface, e projetar um site de portal não é diferente. Evite usar cores brilhantes e saturadas como ciano. se você gosta de cores brilhantes, experimente – as em 10-20% se elas estiverem em segundo plano ou use-as como cores de destaque para legendas, links e rollovers CSS. Experimente e use cores suaves para caixas e fundos: greys funcionam bem com praticamente qualquer esquema de cores.
evite aparelhos
todo web designer adora jQuery; é uma biblioteca JavaScript fantástica e a usamos com grande efeito em muitos designs de Web de comércio eletrônico e sites CMS, mas isso não significa que deva ser usado em todos os sites. Widgets e scrollers JavaScript podem desacelerar as páginas da web e podem causar problemas com navegadores da web mais antigos. Eles também podem parecer um pouco brega se usado em excesso. Se o que você tem a dizer é importante, você deve dizer com clareza e confiança, sem rolar pelo usuário, como o display LED pontilhado em vermelho nos correios locais.
projetar um site de portal é fácil; projetar um ótimo site de portal é difícil. Requer experiência, criatividade e talento de design para criar um recurso de informação informativo, permanecendo acessível e intuitivo de usar. Portanto, se sua escola, organização comunitária ou empresa se beneficiaria de um design de site de portal lindamente projetado, responsivo e acessível, entre em contato com Michael Bell one hoje para discutir seu projeto.
Sobre Michael Bell Um
Michael Bell é um web design, SEO (Search Engine optimization) e agência de marketing digital com base em Lewes, East Sussex, e com escritórios em Sussex, Surrey, Londres e Kent.
para falar conosco sobre seu projeto de Web design, SEO ou Branding, entre em contato com James Golding em 01273 478822 ou simplesmente envie-nos um e-mail.
