Advertisement
  1. Web Design
  2. Workflow

Aplicar Estilo a Módulos: Una Alternativa al Diseño de Composiciones Completas

by
Read Time:19 minsLanguages:
This post is part of a series called All About Style Guides.
Maintain Consistency With a Website Style Guide
Making the Most of Style Tiles for Leaner Design

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Si te pareces a mi, estarás de acuerdo en que la fase inicial de un proyecto puede consumir mucho tiempo, lleno de frustraciones y que rara vez cumple con las expectativas del cliente durante la reunión para las primera aprobaciones. ¿Qué pasaría si hubiese una mejor forma de enfocar las cosas? Con los Estilos de Módulos, el chico nuevo en la metodología del diseño de bloques, es posible.

Style Tiles are a new approach to improving communication with your client and making the initial design phase of a project more efficient and effectiveStyle Tiles are a new approach to improving communication with your client and making the initial design phase of a project more efficient and effectiveStyle Tiles are a new approach to improving communication with your client and making the initial design phase of a project more efficient and effective

Hay quien dice que los días de la creación de mockups completos para el diseño web en Photoshop están muriendo, si no es que están muertos. Otros dicen que el diseño en el propio navegador tampoco es algo tan bueno y deseable. Pero, ¿no nos estamos adelantando todos a nosotros mismos? Quizá no sea la herramienta que deberíamos estar buscando sino la manera global en la que concebimos el diseño de un nuevo sitio y la forma de gestionar el proceso de aprobación por parte del cliente.

En este tutorial, vamos a echar un vistazo de cerca a los Estilos de Módulos — una nueva forma de plantear las etapas iniciales del diseño, un enfoque del diseño acuñado y concebido por la inimitable Samantha Warren. Vamos a ver qué son, por qué deberías estar usándolos y recorreremos también el proceso de crear e implementar un Estilo de Módulo a tu nuevo proyecto.

[los Módulos de Estilo te permiten]… Presentar a los clientes elecciones de interfaz sin necesidad de invertir tiempo en múltiples mockups en photoshop. — Samantha Warren

¿Listo para aprender más? Empecemos.

¿Qué son los Módulos de Estilo?

En su forma más simple, un Módulo de Estilo es una sola página con una colección de elementos comunes incluyendo los colores, la tipografía, las texturas, patrones y características del diseño. Donde un diseñador de interiores presentaría a su cliente un panel de estilos comparando paletas de colores, tejidos y recortes de revistas, el diseñador web progresivo puede presentar a las partes interesadas del proyecto un conjunto de Módulos de Estilo.

Lo importante es recordar que los Módulos de Estilo no son una representación literal de la apariencia que tendrá el sitio web; en su lugar, ayudan a definir el ambiente, tono y 'sentimiento' de un sitio basándose en lo que has aprendido del cliente durante vuestros primeros encuentros.

Otro cosa que debes recordar es que el enfoque de los Módulos de Estilo no es un tipo de framework, un proceso definido, ni siquiera una herramienta, los Módulos de Estilo están creados a partir de unas directrices, técnicas y enfoques que te permiten centrarte en lo que es realmente importante en el diseño (al menos en los estadios iniciales de un nuevo proyecto). Empieza descargando una plantilla psd para ayudarte a empezar, pero siéntete libre para acomodar los Módulos de Estilo a tu forma de trabajo y estética.

Ejemplos

Echemos un vistazo a algunos ejemplos para mostrarte cómo presentar los Módulos de Estilo. He deconstruido dos sitios para mostrarte el aspecto que los Módulos de Estilo podrían haber tenido en sus fases de diseño iniciales:

tutsplus.com

Este Módulo de Estilo está basado en el reciente relanzamiento del sitio Tuts+ Premium.

A Style Tile Representation of Envatos Tuts Premium WebsiteA Style Tile Representation of Envatos Tuts Premium WebsiteA Style Tile Representation of Envatos Tuts Premium Website

Como puedes ver, la esencia del sitio Tuts+ Premium ha sido perfectamente capturado en este Módulo de Estilo. Hemos definido con detenimiento algunos de los elementos del diseño de la sección de presentación naranja principal del sitio, así como comunicado el sentimiento y la apariencia de los artículos del blog (p. ej. los listados de tutoriales).

Importante, ya que el Módulo de Estilo no se presenta para un tamaño particular de pantalla, orientación ni nada, aparte de "digital", es fácil imaginar cómo el sitio se verá en cualquier dispositivo desde un ordenador de sobremesa, a una tableta o un smartphone.

styletil.es

Para introducir un poco de diversión, aquí tienes mi interpretación del aspecto que el sitio http://styletil.es podría haber tenido en un estado inicial de diseño:

A Style Tile Representation of the Style Tiles WebsiteA Style Tile Representation of the Style Tiles WebsiteA Style Tile Representation of the Style Tiles Website

Presta especial atención a la sección 'Adjectives' de este Módulo de Estilo. Todos los colores, selecciones tipográficas y diseños de texturas, hablan de alguna manera de esos adjetivos, asegurándose de que el Módulo de Estilo es consistente tanto desde la perspectiva del diseño como la del tono y mensaje de marca.

Características Claves Comunes

Echemos un vistazo a unas pocas similitudes compartidas por estos dos Módulos de Estilo.

  1. Logo del Cliente: El que no sean mockups literales no significa que no podamos aplicar la imagen de marca específica del cliente. Después de todo, ¡esta es una presentación profesional para el cliente!
  2. Colores Posibles: Una selección de los colores más importantes. No estás restringido a cinco colores - siéntete libre de usar tantos, o tan pocos como necesite el proyecto.
  3. Texturas: No confundas texturas con los patrones de Photoshop. Esta área se usa para recoger algunos elementos clave del diseño que transmiten un mensaje particular. Piensa el concepto de textura más como elementos del diseño. Verás como en el ejemplo superior para un Módulo de Estilo he recogido el extremo de una banda, un titular numerado y parte de una ilustración que comunican todos ellos un mensaje particular que expresa la dirección general del proyecto. 
  4. Adjectives: Con razón la parte más importante de los Módulos de Estilo, la sección Adjectives es una destilación de las palabras más importantes que describen al cliente, a la marca o al propósito de la web. Hablaremos más sobre cómo llegar a estos adjetivos un poco más tarde.
  5. Tipografía: Usa esta sección para definir el estilo de los titulares, textos de párrafos y enlaces.
  6. Botones: Estos dos sitios están intentando atraer al visitante a la web para que realice una determinada acción: en el caso del sitio Tuts+, es conseguir que el usuario se suscriba al programa Premium. En el caso de los Módulos de Estilo, es que el usuario descargue la plantilla de Photoshop. Por tanto, en ambos casos, los botones de "llamada a la acción" del sitio definitivo serán muy importantes. Para otros sitios en donde los botones no sean tan necesarios (p. ej. un blog), podrías elegir omitir esta sección y sustituirla con alguna otra cosa.
  7. Fondos: Aunque no es necesario para un Módulo de Estilos, he optado por trasladar los patrones de los fondos de ambos sitios en el propio Módulo de Estilo. De nuevo, en ambos webs definitivas, los patrones de fondo son elementos clave del diseño. ¿Tu plan es mantener el diseño simple? Deja el fondo en el Módulo de Estilos como un color neutro.  
  8. Versión: Cada Módulo de Estilo lleva el nombre del proyecto y el número de versión. Esto nos permite hablar fácilmente sobre el diseño con nuestro cliente y reducir las posibles confusiones (por ejemplo: "me gustan los colores de la versión 1, pero prefiero los botones de la versión 3").

Como ya he mencionado, los Módulos de Estilo no siguen un formato fijo. De hecho, podrías incluir cualquier cosa - siempre que sea de alguna manera fundamental para el concepto del diseño. Por ejemplo, podrías elegir eliminar la sección de los botones y sustituirla con un reproductor personalizado para vídeo, un widget de alguna clase o elementos de un formulario.

Resumiendo, captura la dirección general de la web en tu Módulo de Estilo, pero sé libre para no entumecer tus músculos creativos.

¿Por Qué Deberías Usar Módulos de Estilo?

Los Módulos de Estilo no son sólo otra. Tienen un gran número de increíbles beneficios tanto para ti como para tu cliente siempre que se implementen correctamente:

Reduce la Complejidad y Clarifica los Objetivos

Sobre todo, los Módulos de Estilo mantienen la fase inicial de diseño y el proceso de aprobación del cliente simples.

Al presentar a los clientes una composición de diseño completa tras la primera reunión corres el riesgo de confundir el bosque con los árboles. En su lugar podrías dejar sin palabras al cliente con características de diseño más pequeñas ("hmmm… Creo que los botones sociales deberían ser un poco más 'vistosos'), los clientes pueden hablar con más confianza sobre como la dirección del conjunto del diseño refleja sus objetivos ("me gusta como esos colores dan una sensación de confianza, lo cual es perfecto para mi complemento Acme").

Recuerda, nuestros clientes no son generalmente diseñadores, pero con frecuencia saben lo que quieren, incluso aunque sólo sea en términos generales. Los Módulos de Estilo son una estupenda herramienta para permitir a la persona laica en la materia, hablar sobre el diseño en su conjunto sin amontonar docenas de elementos individuales de diseño que pueden con facilidad resultar confusos y abrumadores.

Ahorra Tiempo

Los mockups perfectos a nivel de pixel cuestan tiempo. Tiempo de verdad. Horas y horas de tiempo. 

No solo tendrás que incluir este factor en los costes de tu factura final, si creas tres composiciones separadas, esto da como resultado dos tercios de tu tiempo que van directamente a la carpeta de "Recursos No Empleados" de tu disco duro — por no mencionar los dos tercios del dinero del cliente por esa porción de la factura que también de esfumarán como el humo.

Con los Módulos de Estilo, por el contrario, se trata de un proceso en el que es muy rápido intercambiar entre diferentes versiones, e igualmente rápido hacer cambios sobre la marcha. El uso de Módulos de Estilo significa que puedes agilizar el proceso de diseño, mantener el impulso en las primeras fases del proyecto y responder a las solicitudes de cambios en cuestión de minutos en lugar de horas.

Para verlo con perspectiva, los dos ejemplos anteriores de Módulos de Estilo me llevaron alrededor de 20 minutos cada uno (y me habrían costado 15 cada uno si hubiese sido mejor nombrando mis capas mientras avanzaba).

Mantén Tus Propios Estándares Altos

Sólo estoy hablando aquí desde la experiencia — cada diseñador es diferente — pero si estás creando tres pruebas diferentes con Photoshop, no es poco frecuente que crees uno que sea perfecto, uno que sea bastante bueno y otro que sea bastante mediocre, y que esté muy lejos de formar parte de tus mejores trabajos. Presentas los tres al cliente, intentando venderle tu mejor diseño, y de forma invariable, ellos eligen el diseño que menos te gustaba… y ahora estás obligado a programar una web de la que no te sientes orgulloso y que además tampoco apoya los intereses del cliente.

Incluso aunque hayas creado tres composiciones perfectas de las que te sentirías orgulloso de programar, es fácil llegar a cegarse creativamente. Los Módulos de Estilo te permiten experimentar de forma rápida con diferentes conceptos de diseño, y ofrecer verdaderas alternativas de diseño para el cliente basadas en sus necesidades.

Mantén los Diseños Iniciales Agnósticos Respecto a los Dispositivos

Bien, digamos que no usas Módulos de Estilo, y has elegido presentar al cliente un conjunto de composiciones de diseño completas.

¿Qué les presentas? ¿Una versión para ordenador de sobremesa de 960px de anchura? ¿Qué hay de la versión para iPad? Y no te olvides tampoco de la versión para iPhone. Oh, pero asegúrate también que te diriges a las Kindles, los Blackberrys y los más de 500 dispositivos móviles Android que se han producido en tan sólo los últimos años. Y qué sucede cuando preguntan "¿Cómo se verá esto en mi Palm Pilot favorito que tenía desde que Bush fue presidente?"

Los Módulos de Estilo no se involucran ni con dimensiones ni con dispositivos; sólo con el hecho de que el diseño será digital. — Samantha Warren

A la web se accede desde literalmente cientos de formas hoy en día, cada dispositivo con sus propios breakpoints o "conjunto de puntos de interrupción", peculiaridades y características.

Una mejor aproximación a la primera fase del diseño del proyecto es sacar al dispositivo completamente fuera de la ecuación. Lo fantástico de los Módulos de Estilo es que son completamente agnósticos respecto al dispositivo.

Por supuesto, necesitarás ocuparte de cómo la web responderá y/o se adaptará a diferentes dispositivos más adelante, pero en las fases iniciales del proyecto, simplemente enturbia las aguas a mezclar, estableciendo una visión general del diseño con la funcionalidad final del sitio.

¿Cómo Creas Un Módulo de Estilo? 

Ahora que has aprendido lo que son los Módulos de Estilo, y de haber comprado los beneficios de su uso como alternativa a los diseños de composiciones completas, estoy seguro de que estás preparado para abrir Photoshop y empezar a crear tu primer Módulo de Estilo.

Espera, vaquero. ¡Detén tus caballos! Bueno, antes de empezar a empujar pixeles, necesitamos identificar las necesidades y objetivos del cliente y traducirlos en conceptos que nos permitan crear diseños basados en decisiones formadas.

El proceso de cuatro pasos en la creación de Módulos de Estilo es el siguiente:

  • Escuchar
  • Interpretar
  • Definir
  • Iterar

¿Confuso? No lo estés. Echemos un vistazo en detalle a cada paso.

Escuchar

Ya sea que te sientes en persona con tu cliente, hables con él por Skype o te apoyes en los emails, siempre necesitarás invertir algún tiempo y esfuerzo conociendo su negocio y los objetivos de su sitio web. Fallar en esto te lanza a una calle oscura, y terrible de suposiciones e hipótesis que casi siempre acaban con un desastroso resultado final y un cliente insatisfecho.

Listening is the first step of the Style Tiles processListening is the first step of the Style Tiles processListening is the first step of the Style Tiles process

El proceso de descubrimiento consiste en mucho más que preguntar los colores favoritos y que otros sitios web les gustan de Internet. Aunque podríamos tener perfectamente un completo tutorial sobre consultas para los clientes, aquí tienes algunas estrategias de descubrimiento para empezar:

Entender Su Mercado, Negocio y Producto

Todo el mundo adora hablar sobre lo que es importante para ellos…

Una vez consigas que el cliente hable sobre su negocio, encontrarás con frecuencia que es difícil pararlos. De hecho, en esta fase, cuanto más hablan sobre su empresa, mejor será para el resultado final.

Aquí tienes algunas preguntas iniciales para hacer la toma de contacto y que tu cliente hable sobre su negocio: 

  • ¿Quién es tu cliente habitual? ¿Qué tipo de persona quieres que visite tu web?
  • ¿Quiénes son tus competidores?
  • ¿Qué te diferencia de la competencia?
  • Dónde encaja tu producto / servicio dentro del mercado (p. ej. es el más barato / el más caro / de la más alta calidad / el más innovador, etcetera.)
  • ¿Qué es lo importante para tus clientes? (Intenta conseguir algo más que "un precio bajo" - esto casi nunca es lo único importante para el usuario final de ningún producto o servicio).
  • ¿Qué acción o acciones quieres que el visitante complete en tu web? (p. ej. Suscribirse a un boletín de correo electrónico / comprar un producto / seguir tu cuenta de Twitter 7 etc.)

Sal de la Caja para Ir Directamente a Sus Necesidades

Una vez tengas algunas de las respuestas básicas resueltas y tengas una mejor comprensión de su negocio, es el momento de escarbar un poco más profundo e identificar realmente las necesidades de tu cliente, seleccionar algunos conceptos clave que te ayuden a crear una dirección en el diseño para el siguiente paso.

Mientras la gente con frecuencia encuentra difícil traducir conceptos abstractos y sentimientos en declaraciones, a la gente le encanta hablar por medio de metáforas - siempre que hagas las preguntas adecuadas.

Aquí tienes algunas preguntas que podrías hacer para empezar:

  • ¿Si pudieses elegir una celebridad para apoyar tu marca, quién sería? ¿Qué es lo que tienen que refleje tu marca /producto / servicio?
  • ¿Si tu producto /servicio / marca fuese una marca de coche, cuál sería?
  • Si tu producto / servicio fuese una persona, qué programa de televisión vería? ¿Qué tipo de música escucharía?
  • Si tu producto / servicio fuese una persona, qué clase de palabras usaría su mejor amigo para describirlos? (p. ej. "amistoso", "fuerte", "divertido", etc.)

Establece el Tono Adecuado para el Proyecto

Una vez captures la esencia del proyecto del cliente, es el momento de establecer un tono de voz como base para el conjunto del diseño.

Existen diferentes formas de hacerlo, pero un enfoque efectivo es hacer realizar al cliente una completa encuesta interactiva. Con un poco de HTML, CSS y JavaScript creativo, puedes crear un presentación de un conjunto de diapositivas que permitan al cliente posicionar su marca dentro de un rango de dicotomías:

Survey your client to establish the correct tone of voice for the project moving forwardSurvey your client to establish the correct tone of voice for the project moving forwardSurvey your client to establish the correct tone of voice for the project moving forward

Viendo este ejemplo, ya se me esta ocurriendo un diseño divertido, colorista y de inspiración retro para nuestro cliente ficticio. ¿Qué conceptos de diseño asaltan de inmediato tu mente cuando ves esto?

Interpretar

Una vez hayas preguntado a tu cliente, es el momento de destilar la esencia del proyecto del cliente, productos y necesidades de su sitio web. El propósito de esta parte del proceso es definir una selección de palabras descriptivas que aparecerán en la sección "Adjectives" de tu Módulo de Estilo.

Interpret Your Clients Statements To Arrive at a Set Of AdjectivesInterpret Your Clients Statements To Arrive at a Set Of AdjectivesInterpret Your Clients Statements To Arrive at a Set Of Adjectives

Veamos un ejemplo. Aquí tienes algunas descripciones que nuestro cliente ficticio ha dicho durante la fase de descubrimiento:

  • "Mi producto es complicado, y mis clientes normalmente intentan normalmente aprender más intentando no quedar más confusos de lo que ya están"
  • "Mis competidores son todos bastante serios. Quiero que mi web sea muy diferente a sus aburridos sitios web"
  • "Quiero que los visitantes de mi web se sientan cómodos y no intimidados por el producto"
  • "Mis clientes son en su mayoría mujeres jóvenes que no tienen mucha paciencia con el lenguaje publicitario o su jerga"

A partir de estas declaraciones, tu labor consiste en identificar un único adjetivo que describa el mensaje clave sobre lo que te han dicho.

Aquí tienes cuatro adjetivos que podríamos usar para resumir las anteriores declaraciones, yendo directamente al corazón de lo que el cliente nos está diciendo realmente

  • Al Grano
  • Divertido
  • Accesible
  • Práctico

Ahora que ya hemos definido un conjunto de adjetivos, avanzamos a un punto en el que de verdad empezamos a trasladar las palabras en diseños. Aunque puede que tengas una interpretación ligeramente diferente a la mía de los anteriores adjetivos, es muy posible que nuestros diseños compartan elementos comunes — o al menos, seremos capaces de describirnos el uno al otro el motivo por el que hemos hecho esas elecciones

Definir

¡Uf! ¿Ya está todo dicho? Buenas noticias: Hemos hecho el trabajo más duro, ahora divirtámonos un poco. Una vez hayamos destilado toda la fase de descubrimiento hasta quedarnos con de cuatro a seis explosivos adjetivos, es el momento de crear tu primer Módulo de Estilo.

Define Your Style Tile in PhotoshopDefine Your Style Tile in PhotoshopDefine Your Style Tile in Photoshop

Dirígete a http://styletil.es y descarga la plantilla de Photoshop (o crea la tuya propia).

El paso siguiente depende por completo de ti. ¡Sé creativo! Asumo que ya tienes un buen nivel con Photoshop, así que no te guiaré a través de cada paso (La plantilla de Photoshop es muy fácil de modificar), pero la idea principal es crear un rango de elementos de diseño (colores, texturas, botones, tipografía, etc) que expresan los adjetivos a los que has llegado en el paso anterior. 

¿Quieres saber más sobre cómo crear un esquema de color y elegir tipografías complementarias para tu Módulo de Estilo (y mucho más)? Aquí tienes algunos artículos de Tuts+ que puedes revisar:

Iterar

Una vez hayas creado tu primer Módulo de Estilo, es momento de limpiar la pizarra y repetir. No hay un número escrito en piedra sobre el número de versiones que debes crear, pero tres o cuatro Módulos de Estilo por proyecto es probablemente un buen balance entre una suficiente exploración de conceptos de diseño independientes sin abrumar a tus clientes con demasiadas opciones. 

Iterate Different Versions of Your Initial Style TileIterate Different Versions of Your Initial Style TileIterate Different Versions of Your Initial Style Tile

Recuerda, tus adjetivos podrían ser los mismos para cada Módulo de Estilo, pero también podrían ser diferentes — especialmente si te ha resultado difícil desglosar las necesidades de tu cliente o estos te han presentado alternativas distintas para explorar durante la etapa del cuestionario.

Por ejemplo, a partir de nuestras preguntas hemos descubierto en el paso dos, que deberíamos haber realizado tres grupos separados de adjetivos que aunque similares, contienen matices y enfoques diferentes para el diseño que realizamos para nuestro cliente ficticio. 

Conjuntos de Adjetivos Alternativos

  • Versión Primera: Al grano, accesible, divertido, práctico.
  • Versión Segunda: Peculiar, único, informativo, humorístico
  • Versión Tercera: Amistoso, familiar, relajado, confiable

Como puedes ver, estos tres grupos de adjetivos podrían resultar todos ellos en una visión diferente sobre el diseño. Aquí es donde los Módulos de Estilo entran en juego. Con algunos cambios de color y tipografía rápidos, puedes crear fácilmente tres versiones completamente diferentes en un espacio de tiempo muy breve.

Presentar los Módulos de Estilo al Cliente

Asegúrate de que el cliente sabe lo que debe esperar

Ahora que has creado tu conjunto de Módulos de Estilo, es hora de presentarlos a tu cliente. Como en cada paso de este proceso, existen un número de estrategias a implementar para asegurarte de que obtendrás los mejores resultados y de que tu cliente confíe en seguir con las siguientes fases del proyecto.

Tu cliente no debería esperar que le presentases una composición de diseño completa sólo para que muestres tus Módulos de Estilo. Al finalizar la fase del cuestionario, muestra a tu cliente ejemplos de otros Módulos de Estilo que hayas creado, y explícale su valor para establecer la visión general de la web. 

¡Asegúrate de que el cliente sabe que le vas a mostrar antes de la reunión de presentación! 

Preparar la Presentación en PhotoDune

Deja que tu cliente hable libremente sobre tus conceptos de diseño, pero asegúrate de que no se escapan del anzuelo facilmente. Anima a tus clientes a extenderse en sus descripciones. Con unas pocas preguntas eficaces, podemos convertir descripciones vagas en excepcionales afirmaciones.

  • "Me gusta esto porque creo que has capturado la naturaleza divertida y adorable de mi marca"
  • "No me gusta esto porque me recuerda demasiado a las webs de mis competidores y quiero diferenciar mi negocio respecto a ellos"
  • "Este diseño necesita destacar más añadiéndole un color rosa brillante que todos mis clientes adoran"
  • "No me gusta este color borgoña porque hace que mi producto parezca antiguo y congestionado"
  • "Puedes hacer que se parezca más a una web de Apple, porque mis clientes se centran en el mundo de la tecnología y son los que adoptan primero todas sus novedades"

Recuerda que mientras que diseñas sitios web durante todo el día, cada día, es muy probable que sea algo con lo que tu cliente no tenga mucha experiencia previa. Sé paciente, ayúdale a clarificar sus descripciones, guíalo para hacer descripciones de valía, pero nunca hagas suposiciones basadas en sus respuestas genéricas y resueltas sobre la marcha.

¿Cuál es el Siguiente Paso?

Los Módulos de Estilo son una alternativa mejor que las composiciones completas de diseño en las primeras etapas del proyecto (p. ej. durante el proceso de aprobación del cliente), pero todo dependerá de como te guste trabajar, un mockup podría ser el siguiente paso del proyecto, si éste forma parte de tu habitual flujo de trabajo.

Ahora que has definido la dirección del diseño y el cliente ha firmado una de tus pruebas de Módulos de Estilo, puedes estar seguro de que tu composición estará mucho más cerca de cumplir las expectativas de tu cliente que si saltases directamente abriendo Photoshop tras una reunión inicial. No sólo la maqueta estará mucho más próxima a pasar la próxima prueba, no habrá tampoco necesidad de crear múltiples cambios en el diseño - ese trabajo ya se ha hecho con los Módulos de Estilo.

Dependiendo de como te guste abordar el trabajo del cliente, estos ejemplos son todos de flujos de trabajo perfectamente viables para el resto del proyecto:

  • Módulo de Estilo > Boceto > Maqueta > Código
  • Módulo de Estilo > Boceto > Código
  • Módulo de Estilo > Maqueta > Código
  • Módulo de Estilo > Código

Conclusión

Gracias por permanecer conmigo y leer todo sobre el qué, el cómo y el por qué de los Módulos de Estilo — ¡Espero que hayas disfrutado aprendiendo sobre los mismos tanto como yo he disfrutado redactando esta introducción para ti!

Los Módulos de Estilo son un medio revolucionario para afrontar el proceso de diseño y ayudar a tu cliente a clarificar la visión de la web incluso para el proyecto más enrevesado y complicado.

¿Qué piensas tú? ¿Vas a usar Módulos de Estilo en tu próximo proyecto? ¡Nos encantaría escuchar tu opinión en los comentarios!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.