Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]


Hello everyone, this is Mike and welcome to my Basic Web Design Video Course. In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website. You’ll learn all the steps I use including: planning, wireframing, using basic tools and panels in Photoshop, basic HTML and CSS, and after learning these we will apply our knowledge and create our very fist website from scratch.%tutke

For our valuable readers we will be pushing the basics here. So it’s your chance to learn and become a web designer for free. Are you excited? I hope that beginners can follow through, if anything is unclear just reach out to me in the comments section.

I will do my best to walk you through everything slowly and clearly. So let’s get started!

Planning and Wireframing

What is a wireframe?

A wireframe is a visual presentation of how a website’s layout will look when it’s finished. It’s about structuring the overall layout without any graphics, placing the various elements where you believe they will look and work best. Wireframing is a great step to start before jumping on to Photoshop because it allows you to focus on the important components of the website without all the visual clutter of a finished design. Wireframing also saves you time when designing a website because wireframing acts as a sketch, and instead of having to do things more than once in Photoshop, you can just adjust your ‘sketch’ until you’re happy.

Your wireframe should include boxes that represents images, header, footer, sidebars, text blocks, navigation and other content aspects of your website.

You don’t have to worry about drawing them yourself, since there are many wireframing tools available on web.

Wireframing Tools:

Tools Used: Go Mocking Bird

Photoshop Basic Tools and Panels
+ INFO + Videos? Here!

Anuncios

Picks de lo más relevante que leí hasta ahora | Editor’s picks reading Up Till Now


Enrique Dans

Spotbros: sobre David, Goliath y las estrategias (moderadamente) provocativas

Como comenté en esta entrada anterior, estoy trabajando con mis amigos de Spotbros en el lanzamiento de su mensajería instantánea segura y social, intentando convertirla en la alternativa a una WhatsApp que es líder de mercado hasta el punto de haberse convertido en genérico conversacional (“te mando un guasap” o incluso “teguasapeo“).

La realidad es la que es: WhatsApp tiene una masa crítica de muchos millones de usuarios, pero es un verdadero desastre en lo que a seguridad serefiere. Pero enfrentarse a un líder de mercado en función de un criterio que, paradójicamente, parece poco apreciado por una base de usuarios, resulta como mínimo complejo. El usuario medio de WhatsApp llega a él por la enorme simplicidad de su proceso de registro y construcción de red, y aparentemente, no tiene ningún tipo de problema en seguir utilizando una herramienta en la que cualquiera puede hacerse pasar por él,  cambiar su status, enviarle mensajes no deseados o interceptar sus conversaciones.

Historia completa

______________________________________________________________________________
Inicio

Bill Gates habla de Windows 8 (Video)
Bill Gates pretende encantar a todo el mundo con Windows 8. En un video posteado por Microsoft el día de hoy
-.–
Marketing Nostálgico y la publicidad que te lleva al pasado
Hay momentos de la vida marcados por la publicidad y hoy, el marketing nostálgico se encarga de sacarla del pasado.
-.–
Seguridad online: ¿Vigilamos o espiamos a nuestros hijos? Se vuelve a dar la discusión en relación a la seguridad online cuando nuestros hijos usan Internet.

______________________________________________________________________________

How Hotmail lets down its users security-wise compared to Gmail and Yahoo

How Hotmail lets down its users security-wise compared to Gmail and Yahoo

Hotmail lets down its over 350 million users when it comes to security, by not giving them an easy way to tell if their account has been accessed by unauthorised third parties.
______________________________________________________________________________

dropbox1.jpg

5 usos originales para nuestra cuenta de Dropbox.

Por Juan J. Velasco.

Bitelia.

Servicios de almacenamiento en la nube como Box o Dropbox se han convertido muy populares entre los usuarios y, poco a poco, en un servicio de casi obligado registro para compartir archivos, trabajar de manera colaborativa o mantener siempre disponibles archivos a los que acceder desde cualquier ubicación y dispositivo.

Esta semana, Dropbox puso en marcha una promoción con la que
aumentaba el espacio a los estudiantes y profesores de instituciones educativas de todo el mundo.

Hay muchos usuarios que cuando ven este tipo de promociones se

(Leer más)

______________________________________________________________________________

Cómo actuar contra los virus en Twitter

A menudo cuando empezamos a seguir, nos llegan mensajes directos de este tipo: “hey someone is writing offensive things that are about you” más un enlace que se supone que te dirige a lo que están hablando mal sobre ti.

______________________________________________________________________________

VentureBeat | News About Tech, Money and Innovation

______________________________________________________________________________

Si buscamos éxito en el modelo educativo, miremos a Singapur por Equipo Social Media
Educación en Singapur

En mitad del debate sobre la educación en España, con otra reforma legislativa encima de la mesa, conviene ampliar horizontes y mirar lo que hay más allá del entorno europeo. Y un caso destaca sobre todos los demás: el de Singapur, que se ha convertido en un referente internacional, logrando posicionarse en los puestos de cabeza del ya conocido informe PISA. Las dos patas sobre las que se sustenta su exitoso modelo son la exigencia y la valoración, tanto del profesorado como de…

Leer más
______________________________________________________________________________

A LIST Apart: For People Who Make Websites

Responsive Comping: Obtaining Signoff without Mockups

If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process—and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach. Designing in code sounds like the answer, but you may be mystified at where to begin—or feel unmoored and disoriented at the prospect of giving up the approach you’ve long relied on. Enter responsive comping. This new, mockup-less web design process makes it easy to get that Photoshop monkey off your back, and have a fresh new beginning with your old friend the web browser.

Complete history >>>

______________________________________________________________________________

Tablets and smartphones drive e-Commerce in Asia: Visa

SINGAPORE – The growth of smartphones and tablets, along with an improved perception of security is leading the internet to play a significantly bigger role in consumption across Asia, according to a recent study published by Visa.

Tablets and smartphones drive e-Commerce in Asia: Visa

Improved security perception is leading consumers to purchase online, according to Visa

In economies where smartphone and tablet penetration are high, consumers are already showing a tendency of picking up products through their phones or tablets. Of the 8,000 consumers surveyed, four in ten said they browsed products on their phones or tablet device last year. In fact, browsing on mobile phones exceeded 40 per cent in Korea, Hong Kong and Singapore. Hong Kong saw 13 per cent of its online purchases on mobile phones and 11 per cent on tablets.

“The prevalence of smartphones and tablets translates to easier online access for consumers to retailers anytime, anywhere, and we expect to see more people browsing and shopping on-the-go as a result,” said Paul Jung, Visa’s head of e-Commerce solutions for Asia, Central Europe, Middle East and Africa.

 

 

 

Complete history >>>

______________________________________________________________________________

Como salir de la burbuja en la que te encerró Google

Muy interesante (y entretenido) el video que publicó la gente de Duck Duck Go (el buscador “libre“), en el cual plantean que ya no existen los resultados regulares en las búsquedas de Google. Por medio de un sistema que tiene en cuenta nuestro perfil de usuario, las páginas que visitamos, nuestros contactos y nuestras interacciones en redes sociales (entre otras miles de variables), Google ofrece resultados únicos y personalizados para cada individuo. La idea no es del todo mala pero… ¿y si uno quiere salir de su propia burbuja? ¿Que nos queda a los curiosos que queremos pensar “fuera de la caja”? La respuesta, la tienen los chicos de Duck Duck Go. ¡Bien por ellos!

Complete history >>>____________________________________________________________________________

LA CLAVE: MOTIVAR

Luis Galindo: “Hay directivos que creen que dirigir es mandar”

09:00 –

 El especialista español en recursos humanos habló con Apertura.com sobre los desafíos del área más caliente en época de crisis. Cómo deben manejarse los grupos donde reina el ego.Por Joaquín Garau

______________________________________________________________________________

i.d.e.a.

10 Ways To Land A Job In Advertising

Currently unemployed? Just out of school? Graduating in December? Whether you are out of work or just looking to land the job you want, hopefully the below will help. #10: Be Gone Cover Letter. Adios Resume. 1998 called. They want their cover letter back. Case in point for the cover letter I sent below back in 1998. Somehow, it sort of worked then (even though I spelled ‘Copyrighting’ vs ‘Copywriting’). Those days are long gone. I get more cover letters and resumes …

READ MORE Read More

______________________________________________________________________________

Building a Brand Management Service Vision

At i.d.e.a., we have dedicated ourselves to building a Brand Management Service Vision that will move People, Product, and Culture both for ourselves and our brand partners. We have challenged the Brand Management team with the task of defining what constitutes outstanding Brand Management and how to implement those best practices every day. Before starting this voyage of discovery there were a couple of questions that I asked myself and my team to ensure we were providing ourselves a framework …

READ MORE Read More


______________________________________________________________________________

Inbound Marketing Expert Blog – Get Found:Create, Optimize & Convert

Is Your Site Still Being Hit By Google’s Penguin?

Google Penguin algorithmRemember two or three years ago, when it was almost impossible to find any valuable information on Google? Too often the websites that ranked at the top of Google were poorly-written attempts to display ads or sell products. The major search engines … [Continue reading]

______________________________________________________________________________
Inbound Marketing Expert Blog – Get Found:Create, Optimize & Convert

How to Choose the Best WordPress Hosting

 by  

Two of the most important things for a web developer to consider is the web hosting company they will use and the type of hosting package they will choose. There are a lot of options and unfortunately, not all of them are right for hosting a WordPress website.

WordPress Specifics

There are a few things that are required in order to effectively run WordPress on a web hosting account. However, there are a few specifics that must be adhered to in order to run the latest versions of WordPress.

  • PHP – Version 5.2.4 or greater.
  • MySQL – Version 5.0 or greater.

Most web hosting companies not only support WordPress and its requirements, but there are many that will install the latest version for you on your server as a part of your set-up service at no extra charge.

What Makes a Good Web Host?

______________________________________________________________________________

Pinterest influye en 7 cada 10 usuarios para realizar compra de productos

pinterest

De acuerdo con un estudio realizado por la firma BizRate InsightsPinterest no sólo le gana la partida a Facebook en cuanto a las ventajas que ofrece la red social para el comercio social, sino que también lo supera como referencia para los consumidores antes de adquirir algún producto en línea.

Después de analizar y estudiar el comportamiento de cerca de 7.500 compradores online, el estudio realizado por la firma antes mencionada, llegó a la conclusión de que Pinterest induce más a los usuarios a realizar compras a través de internet que otras plataformas como Facebook.

______________________________________________________________________________

The product design sprint: understand (day 1)

Jake Knapp
Design Partner, Google Ventures

At the Google Ventures Design Studio, we have a five-day process for taking a product or feature from design through prototyping and testing. We call it a product design sprint. This is the third in a series of seven posts on running your own design sprint. Now that you know…

8 tips to create a great Web Design Proposal

There can be some common elements you’ll see in all design proposals. But for Web design proposals there are certain elements that are crucial for creating a good relationship with your client from the start and for having a happy and returning client.
WHAT IS A WEBSITE DESIGN PROPOSAL?

A website design proposal is a fancy way of saying quote. A good proposal is always a way to show our customers that we are professional. It is also a tool to explain our customers: processes, design development and finally that professional design has a cost.

Remember always the most important part of creating a proposal: Never promise what you can’t accomplish, don’t fall for the gig and charge low fees. Be confident in your abilities.


There can be some common elements you’ll see in all design proposals. But for Web design proposals there are certain elements that are crucial for creating a good relationship with your client from the start and for having a happy and returning client.

WHAT IS A WEBSITE DESIGN PROPOSAL?

A website design proposal is a fancy way of saying quote. A good proposal is always a way to show our customers that we are professional. It is also a tool to explain our customers: processes, design development and finally that professional design has a cost.

Remember always the most important part of creating a proposal: Never promise what you can’t accomplish, don’t fall for the gig and charge low fees. Be confident in your abilities. Leer más “8 tips to create a great Web Design Proposal”