Per tant, heu decidit que finalment és el moment de llançar un lloc web per mostrar les vostres habilitats professionals o la vostra problemàtica lateral. En la preparació, vau definir el domini perfecte, registrar-vos en un servei de creació de llocs web, escollir la plantilla adequada i redactar una còpia premiada per publicar-la. I ara esteu mirant el vostre gran lloc web bell i bell. Èmfasi en blanc.
Malgrat el fàcil que tantes plataformes en línia fan que avui en dia es construeixi un lloc web, mirar fixament una pàgina buida encara us fa girar el cap. Al cap i a la fi, encara hi ha algunes coses que cal esbrinar -com ara quines fotos incloure i com es pot distribuir la pàgina- i, si no tens molts coneixements de disseny web, el procés pot semblar ser molt intimidatori.
Estem aquí per dir-vos que ho teniu. Per combinar una brisa web meravellosa, hem creat el kit d’eines més modern que us permetrà conèixer tots els elements que necessitareu perquè el vostre lloc estigui en funcionament, juntament amb els nostres programes favorits i consells professionals per fer-los. impressionant.
1. Les Imatges
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Segurament, heu sentit la dita, "les imatges valen per mil paraules". Això resulta especialment cert quan es tracta de contingut digital; com més pugueu transmetre mitjançant imatges impressionants, menys text haureu d’utilitzar per descriure el que esteu intentant dir o vendre.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>Comença per pensar en tu mateix i en el teu treball. Tens una foto professional que pots utilitzar? Si no és així, busqueu un amic i proveu-vos de la vostra mà, o bé considereu la possibilitat de contractar un professional. Tens fotos o captures de pantalla de treballs que has fet anteriorment? Recull-los. Què passa amb les fotos que us agraden i heu compartit a Instagram que representin la vostra feina o personalitat? Trieu alguns dels vostres favorits.</p>
<p>Si necessiteu el farcit, les imatges en stock són el camí a seguir. Unsplash i StockSnap.io són algunes de les nostres opcions preferides sense atribucions (és a dir, que podeu utilitzar-les gratuïtament per al contingut del vostre cor). Si no trobeu el que busqueu, podeu considerar que pagueu una o dues imatges perfectes. Hi ha tones d’opcions, des de grans llocs d’imatges d’accions com Getty Images, que té una integració amb Squarespace que ofereix 10 dòlars d’imatges a les persones que compren a través del lloc, fins a operacions més petites com Stocksy i Twenty20, on el cost sol estar al voltant d’uns 10 a 25 dòlars. per imatge.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>Quan escolliu aquestes fotos, penseu en imatges que reflecteixin la vostra personalitat o les coses que passeu cada dia fent. Vosaltres, com la majoria de nosaltres, us asseureu tot un dia a la taula? Busqueu una foto d’escriptori que s’adapti a la vostra personalitat. El vostre treball primari implica persones? Busqueu fotografies mostrant col·laboradors. Parles tot de la teva passió pels viatges? Busqueu alguna fotografia impressionant de les vostres destinacions preferides. Fins i tot podríeu decidir utilitzar un vídeo com a imatge de fons si això té sentit per al treball que feu.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>El més probable és que, en algun moment o altre, voldreu editar les imatges que ja heu trobat o que heu trobat en línia. Arribeu a retalls, alleugeriments, tocaments i fins i tot a afegir text o gràfics amb un simple editor d’imatges. Alguns serveis de disseny de llocs web (inclosos els espais quadrats) tenen un editor d’imatges disponible com a part de la plataforma. En cas contrari, hi ha moltes opcions gratuïtes o econòmiques en línia. PicMonkey ofereix un conjunt complet de funcions per 5 dòlars / mes, que van des d’un blanqueig de dents fàcil d’utilitzar fins a efectes de maquillatge per a la captura de pantalla fins a filtres fotogràfics, marcs i molt més.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div><p><strong>Lectura addicional:</strong> 50 fotos gratuïtes que podeu utilitzar per fer més impressionants els vostres perfils socials</p>
<a id="menu-2"></a><h2>2. Paleta de colors</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Moltes plantilles de lloc web tenen un esquema de colors preestablert, per la qual cosa, si us agrada el que us ofereix, no dubteu en saltar aquesta secció. Però, atès que els colors són una manera fàcil d’afegir una mica de personalitat al vostre lloc, podeu triar canviar-los.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center><p>Tant si us agrada el blanc i negre amb un to de brillantor com si desitgeu una sorpresa de tons combinats al vostre lloc, coolors.co és un excel·lent recurs per identificar colors que funcionen junts. És molt fàcil d’utilitzar: només cal que visiteu el lloc i feu clic a la barra d’espai fins que ensopegueu amb una sèrie de tonalitats que us agraden. Fins i tot podeu penjar fotos amb colors que us agraden i obtenir-ne mostres directament. Si inclogueu moltes imatges al vostre lloc, pot ser una bona estratègia per assegurar-vos que el vostre color funciona en general. Un altre lloc sorprenent per trobar colors que funcionin bé i que us representin? El teu armari! Traieu alguns dels vostres fils favorits i adapteu-los a les vostres opcions de color.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div><p>Per evitar que les coses resultin aclaparadores, recomanem escollir una paleta majoritàriament neutra amb un o dos colors d’accent. Per fer-ho fàcil, proveu uns matisos de gris més el vostre color preferit i la tonalitat complementària (per exemple, gris clar, gris mitjà, gris fosc, taronja i blau). Un cop t’agradi el que heu creat, exporteu la paleta en conjunt o copieu els codis de color de mostres específiques que us agradin i enganxeu-los directament al codi del lloc o a l’editor d’estil integrat.</p>
<p><strong>Lectura addicional:</strong> Teoria del color per als dissenyadors: Creació de les teves paletes de colors</p>
<a id="menu-3"></a><h2>3. Els tipus de lletra</h2>
<p align=)
.</p>
<p>Un missatge d’avís aquí: si bé pot ser temptador triar alguna cosa divertida o diferent, heu de seguir el mateix principi que feu en triar tipus de lletra al vostre currículum i assegurar-vos que tot sigui professional i llegible. Si realment voleu incloure un tipus de lletra cursiva o exclusiu, jugueu-lo a posar-lo en un sol lloc com a element gràfic (a la vostra capçalera, per exemple) i mantenint la resta del text més bàsica.</p>
<p><strong>Lectura addicional:</strong> 20 millors i pitjors fonts a utilitzar en el vostre resum (o lloc personal)</p>
<a id="menu-4"></a><h2>4. Disposició de la pàgina</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Ara ho heu seleccionat tot, però on ho poseu tot a la pàgina? Organitzar molt contingut i fer-lo semblar intencionat pot ser difícil si no coneixeu el disseny web, però hi ha moltes maneres d’avançar-vos ràpidament.</p>
<p>Si esteu creant el vostre lloc a Squarespace, us agradareu que tingueu en compte els dissenys inicials de l'empresa, que ofereixen plantilles optimitzades per a tot, des de la vostra pàgina a una pàgina de contacte. Des d'allà, podeu connectar el contingut directament o bé moure els blocs d'elements per satisfer les vostres necessitats.</p>
<p>Un altre lloc fantàstic per inspirar-vos en el vostre disseny són els llocs d’altres persones! La imitació és la millor forma de flatiment, així que busqueu persones que creieu que han organitzat bé els seus llocs i intenteu imitar els elements que us agraden. O bé, cerqueu termes com "disseny de lloc web" i "disseny de lloc web" per recopilar exemples que podeu replicar pel vostre compte.</p>
<p><strong>Lectura addicional:</strong> Els 35 millors llocs web personals que hem vist mai</p>
<a id="menu-5"></a><h2>5. El logotip</h2>
<p align=)
, en llocs socials i en diversos antecedents (per exemple, foscos, clars i transparents).</p>
<p>També podeu utilitzar el vostre logotip com a favor (la petita icona que apareix a la pestanya del navegador), o ajustar-lo a una versió més senzilla per utilitzar-la. No només un favicon ajuda el vostre visitant a identificar-vos, sinó que també augmenta el vostre compte afegint una mica de poliment de marca. A Squarespace, qualsevol imatge que pengeu es formatejarà automàticament o en podeu crear una mitjançant favicon.cc.</p>
<p><strong>Lectura addicional:</strong> 7 consells d'assassinat per al disseny de logotips</p>
<p>Si llegiu tot això i creieu que sona molt , no us preocupeu: no heu de fer-ho tot en una sessió. De fet, pot ser útil tornar a la feina un parell de vegades, de manera que la veieu amb ulls frescos. Encara no esteu segur de si s’ajunta? Compartiu-lo amb uns quants amics per obtenir els seus comentaris. És comunicar què us agradaria, visualment? Us sembla? Si no, no tingueu por de seguir picant fins que no tingueu alguna cosa que realment estimeu.</p>
<!-- google_ad_section_end -->
</div>
</article>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
<div id="adlk-embed-1"></div>
</center>
</div>
</div>
<section class="related">
<div class="title">
<h3>L)
