\n<\/h5>\n
\n Qu\u00e9 gran sitio para crear sus propias gu\u00edas de estilo y almacenarlas en la nube para referencia futura y para compartir. Hay plantillas de gu\u00eda de estilo para logotipos e im\u00e1genes, paletas de colores, tipograf\u00eda, \u00edconos y su propio texto y medios. La otra gran ventaja aqu\u00ed es que no tiene que crear manualmente sus propias gu\u00edas de estilo PDF: las almacena en Frontify y se pueden convertir a archivos PDF para descargar, imprimir y compartir. El control de versiones mantiene todas las versiones anteriores en segundo plano para que aparezcan en cualquier momento. Puede comenzar con sus plantillas o buscar ejemplos de libros de marca para personalizar los suyos. Todas las funciones son accesibles a trav\u00e9s de la API. Aqu\u00ed hay un ejemplo de lo que puede hacer con solo un logotipo, usando el propio de Frontify:\n<\/p>\n
\n Este es el logotipo b\u00e1sico. Frontify decidi\u00f3 que las \u00abgotas\u00bb eran clave aqu\u00ed, pero que pod\u00edan hacer muchas otras cosas, manteniendo el logotipo consistente. Aqu\u00ed hay cambios de color:\n<\/p>\n
\n Y aqu\u00ed hay un ejemplo de una variaci\u00f3n del logo b\u00e1sico:\n<\/p>\n \n Este es solo un ejemplo de las plantillas de dise\u00f1o y color que puede usar para crear gu\u00edas de estilo \u00fanicas, y todos los componentes son intercambiables.\n<\/p>\n \n Esta aplicaci\u00f3n ha existido por un tiempo, y es posible que ya la conozca, pero ser\u00eda dif\u00edcil encontrar otra con el paquete de opciones de dise\u00f1o. B\u00e1sicamente, ha eliminado las arduas tareas de planificaci\u00f3n y codificaci\u00f3n. Puede tener dise\u00f1os de dise\u00f1o en solo minutos, agregando elementos con un solo clic. El precio de $25 vale la pena. Botones para todo; muchas opciones de animaci\u00f3n, opciones para compartir inmediatamente, etc. \u00a1M\u00e1s de 40 elementos de contenido en este beb\u00e9! \u00a1Es realmente una herramienta multiusos! Si no est\u00e1 seguro acerca de todas sus funciones y c\u00f3mo puede usar esta aplicaci\u00f3n, consulte los tutoriales en video aqu\u00ed<\/a>.\n<\/p>\n \n Hay excelentes funciones que le permiten dise\u00f1ar sus p\u00e1ginas muy r\u00e1pidamente y puede modificar casi cualquier elemento. Por ejemplo, hay varios elementos de cuadr\u00edcula predefinidos que puede modificar o una opci\u00f3n para dise\u00f1ar su propia cuadr\u00edcula.\n<\/p>\n \n Si hay una desventaja de Visual Composer, es que deja una gran cantidad de c\u00f3digo peque\u00f1o cuando lo desactiva que debe eliminarse antes de comenzar un nuevo tema. Aqu\u00ed hay un ejemplo de un dise\u00f1o creado a trav\u00e9s de Visual Composer.\n<\/p>\n \n Cuando su inspiraci\u00f3n acaba de estancarse, probablemente la busque buscando nuevos sitios web que puedan darle grandes ideas. Esa puede ser una tarea que consume un poco de tiempo, entonces, \u00bfpor qu\u00e9 no usar un m\u00e9todo mucho m\u00e1s conveniente? Design Hunt es una especie de \u00abc\u00e1mara de compensaci\u00f3n\u00bb, pero cambia todo su repertorio a diario. Dibuja fant\u00e1sticos dise\u00f1os nuevos que se encuentran en Pinterest, Dribble, Designer News, DesignInspiraton y m\u00e1s, y los publica para los dise\u00f1adores que buscan inspiraci\u00f3n e ideas nuevas. Ahora, puedes ir a un lugar todos los d\u00edas y encontrar una colecci\u00f3n totalmente nueva.\n<\/p>\n \n Relativamente nuevo en el negocio de las fotograf\u00edas de archivo, Tookapic ahora tiene m\u00e1s de 11,000 fotos de archivo, la mayor\u00eda gratis, el resto a un precio bajo. Es posible que te guste m\u00e1s esta fuente de fotos de archivo que est\u00e1s usando ahora: color y claridad fenomenales y fotos realmente \u00fanicas. Accede a su sitio y mira lo que tienen. \u00a1Puede que te sorprendas!\n<\/p>\n \n Esta herramienta gratuita de creaci\u00f3n de prototipos te permite dibujar y crear maquetas desde tu m\u00f3vil o cualquier otro dispositivo y ver inmediatamente el prototipo. Desde all\u00ed, puede reorganizar, modificar, agregar color, texto, cambiar formularios y hacer pr\u00e1cticamente cualquier cosa, con compatibilidad inmediata con cualquier dispositivo. Una vez que asigne un nombre a su proyecto, vaya inmediatamente a la interfaz principal y comience. Una vez terminado, puede obtener una vista previa de todo el dise\u00f1o e interactuar con \u00e9l para asegurarse de que todo funcione bien.\n<\/p>\n \n Para obtener m\u00e1s informaci\u00f3n sobre esta herramienta fenomenal, visite el sitio web y vea la demostraci\u00f3n: quedar\u00e1 encantado con la facilidad de uso. Una de las mejores caracter\u00edsticas es la capacidad de colocar im\u00e1genes desde cualquier lugar (incluso Dropbox y bocetos) y de cualquier tipo de imagen. Tambi\u00e9n puede agregar un equipo si se trata de un proyecto colaborativo. El mayor inconveniente de Marvel es que existen limitaciones con la versi\u00f3n gratuita, por lo que definitivamente deber\u00e1 actualizar. A\u00fan as\u00ed, es muy f\u00e1cil de usar, tan bueno como Justinmind.\n<\/p>\n \n Si creas muchas animaciones, definitivamente querr\u00e1s esta herramienta. Funciones realmente geniales sin tener que escribir ning\u00fan c\u00f3digo. Hay una biblioteca de efectos de animaci\u00f3n listos para usar, m\u00e1s de 50 en realidad, y puede personalizar f\u00e1cilmente la cantidad de bucles y la duraci\u00f3n. \u00a1La animaci\u00f3n agrega un gran compromiso y entretenimiento siempre que no se exceda!\n<\/p>\n \n Sin embargo, si est\u00e1 buscando una gama realmente completa de caracter\u00edsticas y opciones, CSS por s\u00ed solo no llenar\u00e1 la factura. Si bien ciertamente contin\u00faa el debate sobre CSS y JavaScript, definitivamente hay formas en que se pueden usar juntos. Por ejemplo, tiene una excelente animaci\u00f3n CSS dise\u00f1ada, pero desea que se deslice hacia adentro desde la izquierda cuando un usuario llega a cierto punto al desplazarse hacia abajo. Tendr\u00e1 que agregar JS para hacerlo. Comprender que CSS tiene sus limitaciones y JS puede mejorarlo es solo un uso inteligente de las herramientas disponibles.\n<\/p>\n \n No obstante, Animate CSS es realmente f\u00e1cil de ejecutar. Lo descarga, adjunta CSS, as\u00ed como jQuery y cualquier otro componente que desee y comienza a animar. Hay excelentes tutoriales en YouTube para comenzar.\n<\/p>\n \n Si es dalt\u00f3nico o simplemente tiene problemas con el esquema de color, esta herramienta desarrollar\u00e1 un esquema de color completo para usted, o crear\u00e1 uno si sabe por d\u00f3nde quiere comenzar. Cuando encuentre un color que le guste, bloqu\u00e9elo y luego siga haciendo clic: obtendr\u00e1 un esquema completo con tantos colores como desee. Esto es especialmente \u00fatil si desea utilizar degradados de color. No hay nada realmente controvertido acerca de esta herramienta: a los dise\u00f1adores que la usan les encanta; aquellos que a\u00fan no lo han probado. \u00bfEl \u00fanico inconveniente? Ya no es gratis y tienes que tener una cuenta de iTunes para descargar.\n<\/p>\n \n Esta no es una herramienta completa con muchas opciones, plantillas y dem\u00e1s, \u00a1pero aqu\u00ed hay una forma \u00fanica de dise\u00f1ar un men\u00fa, o varios en tantas p\u00e1ginas como desee! Todo lo que debe hacer es ingresar los detalles de lo que desea en su men\u00fa. Luego se le proporcionar\u00e1n instrucciones detalladas sobre c\u00f3mo construirlo e incrustarlo en una p\u00e1gina espec\u00edfica.\n<\/p>\n \n SVG circular es probablemente superior a CSS para crear este tipo de elementos. Una vez que descarga, tiene 3 opciones: puede dibujar sus sectores en un editor gr\u00e1fico, como Sketch, y luego exportarlos como SVG, agregar interacci\u00f3n e incrustarlos; puedes dibujar tus sectores con c\u00f3digo; o puede usar el generador Circulus directamente en la aplicaci\u00f3n.\n<\/p>\n \n CSS le permite crear una navegaci\u00f3n circular, pero hay algunos errores del navegador y adem\u00e1s es mucho trabajo. Debe comenzar con un rect\u00e1ngulo, dividirlo, luego sesgar y rotar esas secciones. Y, si usa algo m\u00e1s que \u00edconos en sus sectores, se vuelve m\u00e1s complicado.\n<\/p>\n \n Usando SVG, puede dibujar cualquier forma que desee, usando l\u00edneas espec\u00edficas y comandos de arco para las \u00abporciones de pastel\u00bb que desee; aqu\u00ed hay un ejemplo:\n<\/p>\n \n Una vez que haya dibujado cada una de sus cu\u00f1as y su \u00edcono y\/o contenido incrustado, simplemente \u00fanase a ellas.\n<\/p>\n \n \u00bfCansado de las mismas fuentes y estilos de letras antiguos? Cree el suyo propio, sin necesidad de codificaci\u00f3n, simplemente haga clic y arrastre. \u00a1Cambiar a fuentes y estilos \u00fanicos para el texto puede animar a los visitantes a leer el contenido! Esta aplicaci\u00f3n es tan genial que te resultar\u00e1 dif\u00edcil no jugar con ella durante horas. Y nunca volver\u00e1s a decir que la tipograf\u00eda es la parte menos sexy del dise\u00f1o web.\n<\/p>\n \n Es tan simple. Personaliza las fuentes de una serie de diapositivas que tienen diferentes caracter\u00edsticas: altura, apertura y contraste. Usted ajusta hasta que tenga lo que le gusta y luego lo descarga como un paquete de fuentes web (gratis). Tambi\u00e9n hay una biblioteca de fuentes preconstruidas para elegir. Siga jugando: ver\u00e1 por qu\u00e9 los dise\u00f1adores tipogr\u00e1ficos pueden ser una \u00abraza en extinci\u00f3n\u00bb.\n<\/p>\n \n Este es realmente un \u00abchico nuevo en el bloque\u00bb. Fontflame intenta aliviar a los dise\u00f1adores de una carga m\u00e1s: encontrar combinaciones de fuentes que realmente funcionen. En este momento, tiene 10 emparejamientos publicados en su sitio, pero se agregan diariamente. Los ejemplos de emparejamiento, utilizando la biblioteca de fuentes gratuitas de Google, incluyen \u00abLobster-Asap\u00bb y \u00abRoboto-Open Sans\u00bb. Pronto se agregar\u00e1n bibliotecas adicionales. Est\u00e9 atento a este sitio: pronto tendr\u00e1 mucho que ofrecer en parejas.\n<\/p>\n \n No es una aplicaci\u00f3n ni una herramienta: este es un podcast semanal para dise\u00f1adores y desarrolladores que no querr\u00e1 perderse. Presentado por Paul Jarvis, tendr\u00e1 acceso a nuevas tendencias, aplicaciones y herramientas, y muchos consejos realmente pr\u00e1cticos.\n<\/p>\n \n Aqu\u00ed hay una gran herramienta de creaci\u00f3n de prototipos que tiene varias caracter\u00edsticas que no se encuentran en los dem\u00e1s. Como todos los dem\u00e1s, crea su maqueta para cualquiera o todos los dispositivos: elige los que desea. Una vez que se crea su prototipo, puede obtener una vista previa en todos los dispositivos y luego enviarlo a los clientes o miembros del equipo para su revisi\u00f3n. Pueden comentar directamente sobre el dise\u00f1o en s\u00ed, lo cual es una gran ventaja. Otras dos buenas funciones de In-Vision son un modo de historial, que le permite ver todas las versiones anteriores de un dise\u00f1o, y 3 proyectos de demostraci\u00f3n para que los dise\u00f1adores trabajen hasta que se sientan c\u00f3modos con todas las funciones.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aec8c0e1.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aeed4185.webp\")
<\/a><\/p>\n\n COMPOSITOR VISUAL<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af0e1084.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af2d7a5b.webp\")
<\/a><\/p>\n\n CAZA DE DISE\u00d1O<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af635541.webp\")
<\/a><\/p>\n\n TOOKAPIC<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afa6f8e1.webp\")
<\/a><\/p>\n\n MARVELAPP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afda6714.webp\")
<\/a><\/p>\n\n CSS ANIMADO<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0055e63.webp\")
<\/a><\/p>\n\n COLORES<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b02cf489.webp\")
<\/a> Generador autom\u00e1tico de esquemas de color para personas con problemas de color<\/p>\n\n C\u00cdRCULO.SVG<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b05b156f.webp\")
<\/a> Un poco de algo para atraer mejor a los visitantes<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b091211e.webp\")
<\/a><\/p>\n\n METAFLOP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0bf1c12.webp\")
<\/a> Capte la atenci\u00f3n con fuentes y estilos \u00fanicos<\/p>\n\n FUENTE DE LLAMA<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0fbac60.webp\")
<\/a><\/p>\n\n PODCAST DE TRABAJADORES INDEPENDIENTES<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b126e89c.webp\")
<\/a><\/p>\n\n EN VISI\u00d3N<\/a>
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b159f64b.webp\")
<\/a><\/p>\n