44
Outroponto importantequedeveser levado
emcontanahoradeplanejaraarquiteturaea
decoraçãoadequadasparaonovositeésaberpara
qualplataformaeleseráadaptado. Vale lembrarque
oBrasiléatualmenteoquartopaísdomundocom
omaiornúmerodesmartphones. São70milhões
dandosopaporaí, loucosparaabrirseusite, segundo
pesquisa realizadapelaconsultoriaStanleyMorgan.
$VHJXLU FRQíUDDOJXPDVGLFDVVREUHDVWHQG¬QFLDV
atuaisdowebdesign.Vejaqualestilocombinamaiscom
seusiteoudeseuclienteemandebala.Vocêveráque
bonsresultadosnão tardarãoaaparecer.
DESIGNMINIMALISTA
Quemdissequeseusite
precisa terummilhãodepáginasparaserconsiderado
completo?Menuscomopçõesde redirecionamento
estãocadavezmais forademoda. Sitesdeuma
páginasó, estáticaounão, começamaproliferarna
web.Odesignminimalistaapostanasimplicidade, na
SUDWLFLGDGHHQDSURGX©¥RGHFRQWH¼GRHíFLHQWHHGH
tamanhomoderado.Nessecaso, o recursode rolagem
LQíQLWDWDPE«PSRGHVHUDFRSODGR
VERTICALXHORIZONTAL
Menusnahorizontal
se tornaram tendêncianosúltimosanospordiversos
motivos:usode telaswidescreenqueprivilegiama
imagemhorizontal,economiadeespaçonapágina
virtuale fácil localizaçãodasopçõessemprecisarusara
barraderolagem,entreoutros.Noentanto,nosúltimos
anos, comoaumentodanavegaçãopor tabletse
FHOXODUHV RVPHQXVYHUWLFDLVYROWDPDíJXUDUQDZHE
LAYOUTRESPONSIVO
Os layoutsdo tipo
responsivopermitemqueomesmositesejavisto
emdiversosaparelhoscom resoluções totalmente
diferentes, taiscomocelulares, tabletsenotebooks.
Aspáginasdevemser levesepráticas, principalmente
se forconsideradaavelocidadedo3GnoBrasil.Outro
pontoaseranalisadoéausabilidadedosite.
“Deve-sepensarnãoapenasemproduziruma
páginaqueabraemdiferentesplataformas,mas
tambémquepossasermanuseadanelas. Épreciso
íFDU OLJDGRQDVQRYLGDGHV WHFQROµJLFDV (PYH]GH
setasdemouse, porexemplo, sãoosdedosqueestão
FRQWURODQGRDVS£JLQDVÜ DíUPD&DPSRV
Porvezes, oadministradordositepodeoptarpor
um layoutcommenusdeopçõeseoutros recursos
que tornamcomplicadaavisualizaçãoeausabilidade
dapáginaemdispositivosmóveis.Nessecaso, éhora
depensaremcomoadaptarumapáginaparaas
diferentesplataformasdomercado.
MENUSFIXOS
Seantesautilizaçãodemenus
quepermaneciamestáticosno topodowebsite,
independentementedamovimentaçãodabarra
de rolagem, dependiamde técnicasqueusamo
pré-histórico iframe, hoje, graçasaoCSS, osweb
GHVLJQHUVSRGHPDGRWDUHVVHUHFXUVRJU£íFRGHIRUPD
maismoderna.A técnicaémuitousadaemsitese
portaisdenotíciasemqueo leitorprecisasedeslocar
rapidamente, emboranãose limitea taissites. Em
páginasdee-commerce, ummenuadequadoao
consumidorpodeser inserido, garantindoumamelhor
arquiteturada informaçãoparaapáginae ‘prendendo’
o internautapormais temponosite.
BLANCOYNEGRO
Muitousadoemsitesdegrifes
e lojasde roupas, odesignblancoynegro, como tem
VLGRFKDPDGRQDZHE G£XPWRPPDLVVRíVWLFDGRH
clássicoàpágina.Omodelo trocaaextravagânciado
coloridopelaclássicamisturadepretoebranco.O
designaindapermitemesclarosdoisestilos, aousar
imagensebotões rollovercoloridos.Nestecaso, ao
passaromousepordeterminada foto, a imagemem
tonsdecinzaserásubstituídapelamesma foto, sóque
emcores.
FLATDESIGN
Umadas tendênciasvisuaismais
FRPHQWDGDVDWXDOPHQWH RîDWFRQWDFRP¯FRQHV
VLPSOLíFDGRVHDUTXLWHWXUDIXQFLRQDO WDQWRSDUD
computadoresquantoparacelulares.Oestiloaposta
WDPE«PHPFRUHV IRUWHVHYLEUDQWHV WLSRJUDíDJUDQGH
echamativaebotõescomdesenhosminimalistas, que
dãoumaspectodesimplicidadeàpágina.
1RHQWDQWR «SUHFLVRíFDU OLJDGR (VSHFLDOLVWDVHP
ZHEGHVLJQDWHQWDPSDUDDJUDQGHFKDQFHGRîDWíFDU
desgastadopeloaltonúmerodepáginasqueestão
recorrendoaoestiloatualmente. Comumpoucode
criatividade, oesquemaé fugirdamesmice.
TIPOGRAFIACORRETA
“A informaçãoverbal
exigedousuárioumesforçode leituraquepode
VHUPLQLPL]DGR RXIDFLOLWDGR SRUXPDWLSRJUDíDGH
qualidade”, explicaCláudioFerlauto, professordocurso
deDesignDigitaldaUniversidadeAnhembiMorumbi,
HP6¥R3DXOR 3DUDRGRFHQWH RPDXXVRGDWLSRJUDíD
podeserobservado facilmenteemdiversossitesque
estãoperambulandoporaí atualmente.Osexemplos
mais recorrentessão: linhasmuito longas, escolhade
IRQWHVVHULIDGDVPDOGHíQLGDV GHVLJQWLSRJU£íFRPXLWR
informaledistantedopadrão jáacostumadopeloolho
do leitor, entreoutros.
EnãoésóFerlautoque relataa importância
GHXPDWLSRJUDíDFRUUHWDSDUDRVXFHVVRGH
umaempresa. Em2005, duranteumdiscursona
UniversidadedeStanford, o fundadordaApple,
6WHYH-REV DíUPRXTXH VHQ¥RIRVVHPDVDXODV
GHFDOLJUDíDTXHIUHTXHQWRXGXUDQWHDIDFXOGDGH R
MaceoPCnunca teriamsidodesenvolvidospara
DSUHVHQWDUDTXHODV IRQWHV WLSRJU£íFDVRXDV OHWUDV
proporcionalmenteespaçadasqueexibem
atualmente.Quemdiria, hein!
1
O estilo blanco
y negro mesclado
com destaques
coloridos toma
conta do site
Brothers of
Brazil, banda dos
irmãos Suplicy.
2
O site da cantora
Anitta usa menus
fixos que podem
ser vistos
independentemente
dos movimentos da
barra de rolagem.
3
A página virtual
da cantora
Ivete Sangalo
destaca-se pela
facilidade de
uso tanto em
computadores
quanto em
dispositivos
móveis, como
smartphones.
4
O eBay, site de
compras online
mais famoso
do mundo, tem
rolagem infinita
para facilitar
a procura
por compras
relacionadas
aos produtos
já visíveis.
5
A página do
console Xbox no
Brasil segue
a escola flat
fomentada pela
Microsoft, que
deve ser usada
com parcimônia.
6
A grife Lacoste
tem uma página
na web que se
caracteriza
pelo design
minimalista e
pelo menu na
vertical.
LW
REVISTA LOCAWEB
WEBDESIGN
