El fons del lloc sembla respirar. Formen part de la nostra vida diària, però mai els prestem prou atenció a menys que hi hagi un error evident. I com cada respiració, el fons del lloc web és una part integral de l'èxit i la vida del vostre lloc web; fan que totes les altres parts del vostre lloc funcionin millor.
Quins són els antecedents del lloc?
Els fons del lloc web són imatges, esquitxades color o disseny, que omplen la pantalla del vostre lloc web. Sovint també és la primera impressió que un visitant farà del vostre lloc web, marca i negoci, per la qual cosa és important que ho feu bé. El fons perfecte transmetrà la història de la teva marca, mentre que el equivocat pot llençar el vostre missatge. El vostre lloc web és com la roba que us posareu a una entrevista de feina o a una primera cita. Vols un look divertit i accessible o alguna cosa sofisticat i exclusiu?
De fet, en aquest aspecte aparentment bàsic del disseny web hi ha molt més del que podríeu pensar. No n'hi ha prou que el fons del vostre lloc web es vegi bé. Igual que quan vas a una primera cita o a una entrevista de feina, has d'assegurar-te d'explicar la teva història, confirmar que el lloc on et trobes és accessible i assegurar-te que l'altra persona gaudeix de la seva experiència amb tu. De la mateixa manera, s'espera que els fons del lloc web proporcionin una bona experiència d'usuari (UX) i siguin llegibles pel vostre públic.
Conceptes bàsics del lloc web
Abans d'entrar en els consells, és important treure els conceptes bàsics del camí.
Coneix dos tipus de fons web
Fons del cos
El fons del cos és l'àrea que cobreix la major part de la pantalla. Aquí trobareu fons formats per il·lustracions, textures, imatges completes o degradats de color. Sovint és només blanc.
Contingut de fons. Fons del lloc web
El fons del contingut no cobreix tota la pantalla, sinó que envolta una àrea al voltant d'altres seccions, com ara una imatge o un text. Això dóna estructura i ajuda a destacar i separar les diferents seccions del lloc.
Marca de cervesa brillant
Contingut interessant
Utilitzeu titulars per obtenir més popularitat
La capçalera és la part superior de la pàgina i és una manera important de mostrar la personalitat del vostre lloc. Aquest és un lloc fantàstic per utilitzar elements atractius com il·lustracions o un toc de color perquè probablement no distreurà el contingut subjacent.
Capçalera del lloc web atractiva
Observeu el contrast
Assegureu-vos de tenir en compte el contrast de color. Un contrast incorrecte pot dificultar la lectura del contingut del vostre lloc web, fent-lo inaccessible per als visitants, així que assegureu-vos de comprovar la vostra relació de contrast.
Anar gràfics. Fons del lloc web
L'ús d'elements gràfics dóna al vostre lloc web un aspecte distintiu i explica una història utilitzant només elements visuals. Però assegureu-vos que l'estil d'ús d'elements gràfics coincideixi amb l'estil general del vostre lloc web per oferir als usuaris una experiència coherent.
Fons web elegant amb elements gràfics
Millora el teu fons
Els fons blancs de llocs web són una opció senzilla i atemporal. Però els fons de cos sencer en disseny web (com ara utilitzar un degradat, una imatge completa o un bloc de color sòlid) poden tenir un gran impacte quan s'executen correctament. Assegureu-vos que la imatge no sigui massa brillant o que tingui taques fosques perquè no distregui el vostre contingut. Voleu que els vostres usuaris puguin llegir de manera fàcil i instantània de què tracta el vostre negoci.
Text complet del lloc
Digues hola als més destacats
Els elements destacats (línies molt fines que consisteixen en diferents colors per a seccions individuals del vostre lloc) ajuden a trencar els blocs monocromàtics i a millorar la llegibilitat.
8 consells per crear el fons perfecte del lloc web
-
1. Utilitzeu una interfície de color intel·ligent
Escollir colors i combinacions de colors quan es tracta de fons de disseny web és important, ja que contribueixen a la manera com els usuaris llegiran el vostre lloc. El color en el disseny web pot ajudar a cridar l'atenció, evocar emoció, crear desig, atreure l'atenció i fidelitzar l'usuari.
Fons web vermell
2. Feu que la vostra imatge de fons sigui molt llegible. Fons del lloc web
Imatge de fons del lloc web de sidreria amb font fàcil de llegir de gotza
3. Doneu un color de fons sòlid
La foto no és adequada per al vostre lloc? Per què no proveu d'utilitzar un color sòlid per al fons del vostre lloc web. Normalment, aquesta és una bona manera d'assegurar-vos que el vostre lloc web sigui llegible sempre que el contrast sigui correcte. Només assegureu-vos que el color coincideixi amb la vostra marca, indústria i impressió del vostre negoci. Per exemple, els colors càlids com el vermell i el rosa tenen un efecte energètic sobre l'usuari i poden ser útils per a les marques de fitness, mentre que els colors freds com el verd i el blau tendeixen a tenir un efecte calmant i són en realitat els colors més comuns que s'utilitzen als llocs web.
Cuina vegana. Color de fons sòlid del lloc web
4. Eviteu imatges ocupades i desordenades
Això és especialment important quan s'afegeix text a la part superior d'una imatge. Fins i tot si voleu triar una imatge sorprenent per al vostre lloc web, no hauria de distreure el missatge i la història que voleu explicar. Per exemple, els paisatges poden crear excel · lent imatges de fons per a llocs web, ja que són atractives i no estan desordenades.
Fons net del lloc web
5. Posa-ho de moda
Un fons de lloc web que és tendència pot fer que el vostre disseny sembli modern i nou. Proveu d'utilitzar algunes de les tendències més importants en disseny web, formes geomètriques, elements 3D immersius, esquemes de colors brillants i brillants, mode fosc o utilitzant Colors Pantone anys en el seu disseny. Només recordeu que utilitzar alguna cosa de moda amb un disseny atemporal pot significar que haureu d'actualitzar el vostre fons més aviat que tard.
Fons fosc avorrit del lloc web
6. Fes una animació. Fons del lloc web
Un fons web animat és una bona manera de donar vida al vostre lloc web. Només assegureu-vos que l'animació sigui subtil perquè no es distregui de la imatge o missatge principal ni vagi més enllà del primer pla del disseny. Com que l'animació té una sensació tan enèrgica, és una bona idea incloure una paleta de colors subtil.
7. Anar amb un degradat. Fons del lloc web
Sí, tornen les tendències dels anys 90, inclosa la que va agafar el món del disseny per tempesta: els degradats. També coneguts com a transicions de color, els degradats són la barreja gradual d'un color amb un altre. Són visualment atractius i es poden utilitzar com a fons autònom o en capes sobre una foto per fer que el vostre lloc aparegui realment.
Fons degradat del lloc web
8. Fes-lo mòbil. Fons del lloc web
Estem al 2020. Fins i tot si desenvolupeu el vostre lloc web en un ordinador d'escriptori, la veritat és que la majoria del contingut en línia es consumeix dispositius mòbils. Assegureu-vos de tenir en compte els manaments del lloc següents per fer-lo adaptat per a mòbils:
- Feu que el vostre lloc respongui.
- Feu que la informació que la gent busca sigui més fàcil de trobar.
- No utilitzeu Flash.
- Inclou la metaetiqueta de la finestra gràfica.
- Activa l'emplenament automàtic dels formularis.
- Feu que les mides dels botons siguin prou grans per treballar còmodament amb un telèfon mòbil.
- Utilitzeu una mida de lletra gran.
- Comprimiu les vostres imatges i CSS.
Quan trieu una imatge de fons del lloc web, assegureu-vos de triar una imatge que s'ajusti bé per a pantalles més petites. Per exemple, una imatge molt àmplia pot no funcionar en un dispositiu portàtil.
Fons de web amigable per a mòbils
Com obtenir el rerefons dels vostres somnis al lloc. Fons del lloc web
-
Escollir el fons adequat pot portar el vostre lloc web de mediocre a fantàstic. Recordeu que l'experiència de l'usuari ho és tot, així que trieu colors i imatges que parlin als vostres visitants i assegureu-vos que quan trieu una imatge de fons del lloc web, podreu llegir fàcilment el text que hi ha a sobre.
Penseu en colors de fons sòlids, eviteu les imatges desordenades a tota costa i considereu la possibilitat d'incorporar una tendència com ara un degradat o una forma geomètrica per mantenir-se modern i modern. Proveu l'animació si realment voleu destacar entre la multitud i trieu sempre un fons que s'ajusti bé per a pantalles més petites.
El més important, recordeu que no hi ha regles clares en el disseny. De fet, els millors dissenys sovint no segueixen cap regla. El que més importa és la teva experiència d'usuari. Utilitza aquests consells com a punt de partida i no tinguis por de confiar en els teus reflexos artístics.
Deixa un comentari