Una práctica habitual en las páginas web antes de llevar a cabo un proyecto en HTML es crearlo en Photoshop, hacer una recreación aproximada de lo que sería el sitio web resultante.

En esta entrada quedan 44 tutoriales que os van a ayudar a crear mejores páginas webs mucho más atractivas desde el primer paso, que no es otro que el boceto del que ya hemos hablado.

Si os hace falta inspiración o nuevas técnicas os lo recomiendo.

Fuente | Designm.ag

Design a creative portfolio in Photoshop

How to create a colorful business web layout

Create A Detailed Solid Dark Layout In Photoshop

How to create a One-Page Website Design in Adobe Photoshop

Design a Drupal Business Theme in Photoshop

Create a Clean Magazine & Blog Theme

Design And Develop A Complete Website

ShutterPress: Design & Code A Photo Portfolio

Design a Sleek, Dark Mobile App Website

Create a Sleek, Corporate Web Design

Design a Fresh Web Service / SaaS Website Interface

Learn How To Create A Mobile App’s Style Layout

Corporate & Portfolio Style WordPress Layout

Learn To Create A Gaming Layout In Photoshop

How To Create a Blog Theme Concept in Photoshop

Sleek Portfolio Layout

Learn To Create A Clean Style Portfolio Layout

Create a Modern Lab Theme Web Design in Photoshop

Design a Grungy Newspaper Web Layout in Photoshop

Creating a Clean Furniture Website and Gallery Layout in Photoshop

GD-Gaming: Create a Simple Gaming Layout in Photoshop

Create A Dark, Clean Website Design In Adobe Photoshop

Create a Comic Book Themed Web Design

Design An Innovative Portfolio Site Using Alternative UI/UX

Create A Wickedly Cool Horizontally Oriented Website Design

Create a Clean and Minimal Portfolio Design

Create an Illustrative Single Page Web Design With Photoshop

Design a Professional, Clean Community Blog Theme in Adobe Photoshop

The Making of CoffeeAddict: An Illustrative Wood Design

Create a Minimal WordPress Theme in Photoshop

Learn How To Create Modern Dark WordPress Layout In Photoshop

How To Create a Sleek Grid Based Website Design

How to create a vintage Photoshop file

Create an Elegant Patterned Web Design in Photoshop

Create a Clean, Minimal Website Design in Photoshop

Design a Cool Pixelated Website Layout

Create a Light Textured Web Design in Photoshop

Design a Clean Corporate Website Layout

Create a Professional App Store Web Layout

Create An Amazing Personal Website From Scratch Using Photoshop

Learn How To Create A Web Gallery Style Layout

How to Create a Professional Web Layout in Photoshop

Design a Textured Outdoors Website in Photoshop

Create a Portfolio Web Layout in Photoshop

En este año 2011 hemos visto que la tendencia en cuanto a diseño de páginas web ha sido la publicación de páginas web de respuesta, webs de una sóla página con desplazamientos mediante links por las distintas seccioens, las webs con presentaciones en diapositivas usando deslizadores en sustitución del scroll.

Las tendencias, como pasa en cualquier tema, pueden llegar para quedarse y establecerse convirtiéndose en modas más o menos duraderas o simplemente desaparecer sin pena ni gloria, pero estoy segura que más de un estilo novedoso de los que hemos visto este año en las nuevas webs va a conseguir establecerse y en el 2012 veremos muchas web que usarán características parecidas. El diseño web avanza a a pasos agigantados día a día y muy a menudo vemos cosas que nos sorprenden en nuevas webs.

Los chicos de Specky Boy han hecho una recopilación de 50 webs lanzadas en 2011 en las que se aplican las mejores tendencias y novedades en cuanto a diseño web. Espero que os sorprendan y os sirvan de inspiración para vuestros nuevos proyectos de 2012 ;)

Fuente | Specky Boy

Si recordáis, la semana pasada os presentamos la oportunidad de ganar una cena valorada en 120 € gracias a Nokia y su Nokia Amazing Menu. Creativos Online participó con dos restaurantes y entre todos los participantes tuvimos a varios acertantes; como al final solo puede ganar uno, la suerte cayó en Beatriz que se llevó la cena gratis por este tweet donde nos confirma el nombre de los dos restaurantes ocultos: Salton III y el gran Museo de la Cerveza.

Para que veáis un poco como se lo pasó la gente con la iniciativa de Nokia, aquí os dejo un vídeo que grabaron en varios de los restaurantes.

Pinche aquí para ver el vídeo

No se si habéis escuchado hablar del efecto parallax alguna vez, pero lo cierto es que cada vez se utiliza más en diseño web y no me extraña dada la buena impresión que causa en los visitantes.

Este efecto lo que hace es crear una sensación de profundidad gracias al movimiento a distinta velocidad de dos o más capas, siendo una más lenta y la otra más rápida. Bien realizado el resultado es genial.

No es una técnica sencilla de realizar, aunque es cierto que hay muchas webs que tiran de plugins de jQuery y creo que es algo totalmente recomendado para ahorrarnos problemas.

Ver Recopilación | 1stwebdesigner

En las recopilaciones que hacemos se suelen ver webs con pocos colores y muy minimalistas, pero hay otros estilos que también son realmente válidos y que creo que pueden ser también muy interesantes.

En esta fantástica recopilación hay veinte páginas web que han apostado por el uso masivo del color, algo que sinceramente me parece muy interesante cuando se trata de ciertas temáticas que lo permiten.

Tenéis todos los ejemplos tras el salto… y no me digáis que no es una buena forma de comenzar un 2012 lleno de buenos propósitos en el diseño.

Fuente | WebDesignLedger

The Neighbourhood

Shelton Fleming

Captain Dash

Dangers of Fracking

10 years in type

Brooks – Shoe Advisor

Shoppub

Life in my Shoes

espacio creativo

Macquarie University – Green Campus

La Maddalena

Kinetic

Pioneer Steez

small studio

Adrian Baxter

Gimme

Nike Vision

Formfett

Foundry Collective

Protest

Igual es algo de lo que no os habíais percatado, pero desde hace unos años en los sitios web no suelen abundar los fondos de color plano y en cambio se usan mucho las texturas y los patrones en todo tipo de páginas.

Eso no quiere decir que una elección u otra sea la correcta, y es que los colores planos también pueden encontrar su sitio como vamos a demostrar en esta fantástica recopilación de 21 ejemplos.

Tras el salto quedan dicho número de páginas web que pasan de texturas y patrones para usar un único color. Y a mí me gusta, le da un toque distinto.

Fuente | WebDesignLedger

The Red Bowl Challenge

Founders Fund

What Happens Next?

jaypegams.com

McCormack & Morrison

Chad Mazzola

The Honours

Mike Dignam

Bloom

nomoon

Kyan

Societe Perrier

Australia Business Art Foundation

Calepino

Arcade Creative

Present Plus

Oink

Woolly Robot

350gram

Slavery Footprint

Art 4 Web

Source:

The Best Designs
unmatchedstyle

Related Posts

Here’s some other articles that you will definitely find useful.

21 Examples of Circular Elements in Web Design

23 Inspiring Single Page Designs

Black and White Logos for your Inspiration

21 Examples of Illustration and Hand Drawn Elements in Web Design

Beautiful and Inspiring Offices

No es que yo sea precisamente un devoto de la religión, pero eso no quita que se pueda aprender muchísimo de las páginas bien diseñadas sea cual sea su temática, y en este caso es la religiosa.

Las páginas web comparten todas un denominador común: intentan transmitir un mensaje claro y conciso sin rodeos, y eso es algo importantísimo cuando se trata de aprender a focalizar nuestros esfuerzos.

Tenéis todas las webs tras el salto para deleite de vuestros ojos.

Fuente | Vandelay

Beautiful Life Experience

Saddleback Church

Harvest Bible Chapel

Mars Hill Church

Calvary Church

Fellowship Bible Church

Church of the Open Door

Community Bible Church

Newlife Uniting Church

Sojourn Community Church

Silverdale Baptist Church

Mission Hills Church

Lakeshore Church

Red Clay Creek Presbyterian Church

Knoxlife Church

Idlewild Presbyterian Church

Spirit & Life Church

Redemption

WoodsEdge Community Church

First Presbyterian, Houston

Irving Bible Church

Mountain Lake Church

Redeemer Church

The Avenue Church

Blythefield Hills Baptist Church