Aprende os fundamentos do deseño web

Elementos esenciais necesarios para crear grandes sitios web

Cando desexas aprender o deseño web, o primeiro que debes recordar é que deseñar sitios web é moi similar ao deseño de impresión. Os conceptos básicos son iguais. Debes entender o espazo e o deseño, como manipular fontes e cores e poñelas todo de maneira que envíe a túa mensaxe con eficacia.

Vexamos os elementos crave para aprender o deseño web. Este é un bo recurso para os principiantes, pero ata os deseñadores expertos poden ser capaces de mellorar algunhas destrezas con este consello.

01 de 07

Elementos de bo deseño

filo / Getty Images

O bo deseño web é o mesmo que o bo deseño en xeral. Se entendes o que fai que sexa un bo deseño, podes aplicar esas regras aos teus sitios web.

Os elementos máis importantes no deseño web son boas navegacións, páxinas concisas e efectivas, ligazóns de traballo e, máis importante, unha boa gramática e ortografía. Mantén estas cousas en conta a medida que engades cor e gráficos e o teu sitio web estará fóra de marcha. Máis »

02 de 07

Como configurar unha páxina web

Moitas persoas pensan que o deseño dunha páxina web é o deseño e, en moitos aspectos, é. O deseño é a forma en que os elementos están situados na páxina, é a súa base para imaxes, texto, navegación, etc.

Moitos deseñadores optan por facer os seus esquemas con CSS . Tamén se pode usar para elementos como fontes, cores e outros estilos personalizados. Isto axuda a garantir funcións consistentes e fáciles de administrar en todo o teu sitio web.

A mellor parte de usar CSS é que cando necesitas cambiar algo, podes recorrer ao CSS e cambiar en cada páxina. Realmente é lixeiro e aprender a usar CSS pode acabar aforrando tempo e bastantes molestias.

No mundo en liña de hoxe, é moi importante considerar un deseño web sensible (RWD) tamén. O foco principal do RWD é cambiar o deseño dependendo do ancho do dispositivo que vexa a páxina. Teña en conta que os seus visitantes verán en ordenadores de sobremesa, teléfonos e tabletas de todos os tamaños, polo que isto é máis importante que nunca. Máis »

03 de 07

Fontes e Tipografía

As fontes son a forma en que o texto aparece nunha páxina web. Este é un elemento vital porque a maioría das páxinas web inclúen grandes cantidades de texto.

Cando estás pensando no deseño, debes pensar en como se ve o texto nun micro nivel (os glifos da fonte, a familia de tipografías, etc.), así como o nivel de macro (bloques de texto de posicionamento e axustando o tamaño e forma do texto). Certamente non é tan sinxelo como escoller unha fonte e algúns consellos axudarache a comezar. Máis »

04 de 07

Esquema de cores do teu sitio web

A cor está en todas partes. É como vestimos o noso mundo e como vemos as cousas. A cor ten significado máis aló de só "vermello" ou "azul" e a cor é un elemento de deseño importante.

Se pensas niso, cada sitio web ten un esquema de cores. Engade a identidade da marca do sitio e flúe en cada páxina, así como outros materiais de marketing. A determinación do esquema de cores é un paso vital en calquera deseño e debe ser considerado con coidado. Máis »

05 de 07

Engadido gráficos e imaxes

Os gráficos son a parte divertida de construír páxinas web. Como di o dito "unha imaxe vale 1.000 palabras" e iso tamén é verdadeiro no deseño web. A Internet é un medio moi visual e as fotos e os atractivos gráficos poden realmente engadir á túa participación do usuario.

A diferenza do texto, os motores de busca teñen un tempo difícil dicindo que é unha imaxe a menos que lles dea esa información. Por esta razón, os deseñadores poden usar atributos de etiquetas IMG como a etiqueta ALT para incluír eses detalles importantes. Máis »

06 de 07

Navegación sen desconto

A navegación é como os visitantes se desprazan dunha páxina a outra. Ofrece movementos e dá aos visitantes a oportunidade de atopar outros elementos do teu sitio.

Debe estar seguro de que a estrutura do seu sitio web (a arquitectura da información) ten sentido. Tamén ten que ser moi fácil de atopar e ler para que os visitantes non teñan que confiar na función de busca .

O obxectivo final é que a túa navegación e as conexións en liña axuden aos visitantes a explorar o teu sitio. Canto máis tempo poidas mantelos, máis probabilidade de que che poidas comprar o que estás a vender. Máis »

07 de 07

Software de deseño web

A maioría dos deseñadores web prefiren traballar nos editores WYSIWYG ou "What You See Is What You Get". Estes proporcionan unha interface visual ao deseño e permiten centrar menos na codificación HTML .

Escoller o software de deseño web correcto pode ser un desafío. Moitos deseñadores prefiren Adobe Dreamweaver porque é fácil de usar e inclúe case todas as funcións que necesitarás. Non obstante, ten un custo, pero existe unha proba gratuíta dispoñible.

Os principiantes poden querer consultar editores web gratuítos ou en liña . Estes permítenche incursionar no deseño web e crear algunhas páxinas sorprendentes a pouco ou ningún custo. Máis »