Para el diseño de RodrigoNaBo.Com quería una página muy simple, sencilla y versátil que pudiera verse bien y aprovechara todo el potencial de cada pantalla en la que fuera cargada. Cási como premisa y ya que ahora muchísima gente está cambiando una computadora por un móvil, tenía que ser súper importante que se viese perfecta en ellos:

· Las imágenes de la página principal o home se adaptan al ancho ó posición del dispositivo en la que se está viendo la web, pero la fuente (@font-face) sigue siendo del tamaño indicado en las hojas de estilo, esto para facilitar el despazamiento e interacción con la mano del visitante.

· El ancho y el gutter de las columnas del portafolio están definidas, pero no el alto ni el número de columnas, lo que permite que se desplacen a la derecha dependiendo el espacio disponible que tengan, llegando al tope, bajan a la siguiente posición hasta acomodarse.

· Para los proyectos, la página debía cambiar un poco, ya que en pantallas muy pequeñas se vería ordenado el texto, pues se acomodaría de acuerdo al espacio, pero en pantallas grandes, el texto iba a alargarse demasiado y sería tedioso para los visitantes leerlo de esa forma, decidí hacer una página especial para los proyectos, con un ancho definido, las imágenes crecen máximo a este ancho y no más pero si la pantalla es pequeña, éstas se adaptan para poder ver bien cada uno de los artículos.



web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico web layout design graphic diseño gráfico tipografía identidad branding imagen mexico