Entonces, has decidido que finalmente es hora de lanzar un sitio web para mostrar tus habilidades profesionales o tu ajetreo. En la preparación, atrapó el dominio perfecto, se inscribió en un servicio de creación de sitios web, eligió la plantilla correcta y redactó una copia galardonada para lanzar allí. Y ahora estás mirando tu sitio web grande, hermoso y en blanco . Énfasis en el espacio en blanco.
A pesar de lo fácil que muchas plataformas en línea están haciendo la construcción de un sitio web en estos días, mirar una página vacía todavía hace que te vuelvas loco. Después de todo, todavía hay algunas cosas que debes resolver, como qué fotos incluir y cómo diseñar la página, y si no tienes muchos conocimientos de diseño web, el proceso puede parecer seriamente intimidante.
Estamos aquí para decirte que tienes esto. Para hacer que crear un sitio web hermoso sea muy fácil, hemos creado el último kit de herramientas que lo guiará a través de todos los elementos que necesitará para poner en funcionamiento su sitio, junto con nuestros programas favoritos y consejos profesionales para hacerlos. increíble.
1. Las imágenes
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Seguramente has escuchado el dicho, "las imágenes valen más que mil palabras". Esto suena especialmente cierto cuando se trata de contenido digital; cuanto más pueda transmitir a través de imágenes llamativas, menos texto necesitará para describir lo que está tratando de decir o vender.</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>
</center><p>Comienza por pensar en ti y en tu trabajo. ¿Tienes una foto profesional que puedas usar? De lo contrario, encuentre un amigo e intente tomar la suya, o considere contratar a un profesional. ¿Tienes fotos o capturas de pantalla del trabajo que has hecho en el pasado? Recógelos. ¿Qué tal las fotos que amas y has compartido en Instagram que representan tu trabajo o personalidad? Elige algunos de tus favoritos.</p>
<p>Si necesita relleno, las imágenes de stock son el camino a seguir. Unsplash y StockSnap.io son algunas de nuestras opciones favoritas sin atribución (lo que significa que puede usarlas de forma gratuita según lo desee). Si no encuentra lo que está buscando, puede considerar pagar una o dos fotos perfectas. Hay toneladas de opciones, desde sitios de imágenes de gran tamaño como Getty Images, que tiene una integración con Squarespace que ofrece imágenes de $ 10 a las personas que compran a través del sitio, hasta operaciones más pequeñas como Stocksy y Twenty20, donde el costo generalmente es de alrededor de $ 10- $ 25 por imagen</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>
</center><p>Al elegir estas fotos, piense en imágenes que reflejen su personalidad o las cosas que pasa todos los días haciendo. ¿Usted, como la mayoría de nosotros, se sienta en un escritorio todo el día? Busque una foto de escritorio que se adapte a su personalidad. ¿Tu trabajo principal involucra personas? Busque tomas que muestren grupos que colaboran. ¿Hablas todo sobre tu pasión por los viajes? Busque algunas fotografías impresionantes de sus destinos favoritos. ¡Incluso podría decidir usar un video como imagen de fondo si eso tiene sentido para el trabajo que realiza!</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>
</center><p>Lo más probable es que en algún momento u otro, desee editar imágenes que ya tiene o que ha encontrado en línea. Llegue a recortar, aclarar, retocar e incluso agregar texto o gráficos con un simple editor de imágenes. Algunos servicios de diseño de sitios web, incluido Squarespace, tienen un editor de imágenes disponible como parte de la plataforma. De lo contrario, hay muchas opciones gratuitas o baratas en línea. PicMonkey ofrece un conjunto completo de características por $ 5 / mes, que van desde el blanqueamiento de dientes fácil de usar hasta efectos de maquillaje para su disparo en la cabeza, filtros de fotos, marcos y 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><p><strong>Lectura adicional:</strong> 50 fotos gratis que puede usar para hacer que sus perfiles sociales sean más impresionantes</p>
<a id="menu-2"></a><h2>2. La paleta de colores</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Muchas plantillas de sitios web vienen con un esquema de color preestablecido, por lo que si te gusta lo que te dan, puedes saltarte esta sección. Pero, dado que los colores son una manera fácil de agregar un poco de personalidad a su sitio, puede elegir cambiarlos.</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>
</center><p>Ya sea que le guste el blanco y negro con un toque de brillo o si desea un poco de tonos combinados en su sitio, coolors.co es un gran recurso para identificar colores que funcionarán juntos. Es súper fácil de usar: solo visite el sitio y presione la barra espaciadora hasta que encuentre un conjunto de tonos que le guste. Incluso puedes subir fotos con los colores que más te gustan y obtener muestras directamente de ellos. Si incluye muchas imágenes en su sitio, esta podría ser una buena estrategia para asegurarse de que su combinación de colores funcione en general. ¿Otro lugar sorprendente para encontrar colores que funcionen bien juntos y te representen? Tu armario! Saque algunos de sus hilos favoritos y combine sus elecciones de color con las de ellos.</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><p>Para evitar que las cosas se vuelvan visualmente abrumadoras, recomendamos elegir una paleta mayormente neutral con uno o dos colores de acento. Para ir fácilmente, pruebe algunos tonos de gris más su color favorito y su tono complementario (por ejemplo, gris claro, gris medio, gris oscuro, naranja y azul). Una vez que ames lo que has reunido, exporta la paleta como un todo o copia los códigos de color para muestras específicas que te gusten y pégalas directamente en el código de tu sitio o en el editor de estilo incorporado.</p>
<p><strong>Lecturas adicionales:</strong> teoría del color para diseñadores: crear sus propias paletas de colores</p>
<a id="menu-3"></a><h2>3. Las fuentes</h2>
<p align=)
.</p>
<p>Una advertencia aquí: si bien puede ser tentador elegir algo divertido o diferente, debe seguir el mismo principio que al elegir fuentes en su currículum y asegurarse de que todo sea profesional y legible. Si realmente desea incluir una fuente cursiva o única, juegue poniéndola en un solo lugar como elemento gráfico (en su encabezado, por ejemplo) y manteniendo el resto del texto más básico.</p>
<p><strong>Lectura adicional:</strong> 20 mejores y peores fuentes para usar en su currículum (o sitio personal)</p>
<a id="menu-4"></a><h2>4. El diseño de 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>Ahora ha elegido todo, pero ¿dónde lo pone todo en la página? Organizar mucho contenido y hacer que parezca intencional puede ser difícil si no está familiarizado con el diseño web, pero hay muchas maneras de ponerse al día rápidamente.</p>
<p>Si está construyendo su sitio en Squarespace, apreciará los diseños iniciales de la compañía, que ofrecen plantillas optimizadas para todo, desde su página acerca de una página de contacto. Desde allí, puede conectar su contenido directamente o mover bloques de elementos para satisfacer sus necesidades.</p>
<p>¡Otro gran lugar para inspirarse en su diseño son los sitios de otras personas! La imitación es la mejor forma de adulación, así que busca personas que creas que han organizado bien sus sitios e intenta imitar los elementos que te gustan de ellos. O bien, busque términos como "diseño de sitio web" y "diseño de sitio web" para recopilar ejemplos que pueda replicar por su cuenta.</p>
<p><strong>Lecturas adicionales:</strong> los 35 mejores sitios web personales que hemos visto</p>
<a id="menu-5"></a><h2>5. El logo</h2>
<p align=)