background preloader

Bookmarks 2

Facebook Twitter

Vitamindrip by B21 Branding Studio, via Behance | Branding. Grayden Poper – Interactive Designer. Carefully Crafted UI Design Assets. Full-view.png by Creativedash. Creativedash. The Graphics Were the Best Part of the Oscars - Bloomberg Business. As speculation swirled Sunday night around who would win Best Actress and Best Actor and which film would come out on top, design-minded viewers had another red hot question. Who came up with the gorgeous title sequences introducing each category? It was Henry Hobson, a British-born, L.A. –based film director and graphic designer, with the help of the California animation studio Elastic and show co-producer Lee Lodge. This is just one of 23 sequences Hobson whipped up for the Academy Awards, every one taking a singular approach to its theme: For the production design category, Hobson arranged and photographed the recognizable props associated with each nominated film.

Hobson, 33, has been involved with the Oscars for seven years, in one way or another, gradually pushing the look and feel of the title sequences in a contemporary direction and away from the use of stitched-together film clips. It's also a testament to the good work that can result from deadline constraints. Dobano. CASO DE ESTUDIO/COOPSOL Cliente: Grupo Coopsol / Año: 2015Productos: Estrategia de marca / Identidad visual / Brandbook El Grupo Coopsol es un conglomerado de empresas peruanas, con más de 23 años de experiencia brindando servicios y productos para distintas actividades empresariales e institucionales, a partir de la experiencia y liderazgo en el soporte integral del capital humano.

El 2015, representra un antes y un después para la empresa, dado que sus directivos decidieron redefinir su posicionamiento en el mercado de Gestión del Talento Humano. Para ello, nos encomendaron desarrollar una identidad, que proyecte al Grupo Coopsol como una marca global, con una propuesta de valor superior a todos los competidores y que integre positivamente a todo el personal de la empresa. IDENTIDAD DE MARCA Para construir la nueva identidad, se usó como ícono visual en sol.

8 TIPS PARA HACER MARKETING EN PINTEREST - MERCADO NEGRO. Pinterest permitió que la frase una imagen vale más que mil palabras sea una realidad. La plataforma ha venido cautivando a los usuarios por sus imágenes y las opciones al momento de publicar contenidos. Por ello, te presentamos 8 tips para hacer marketing con Pinterest Cuando iniciamos, lo primero que debemos tener en cuenta es qué es lo que queremos y hacia dónde apuntamos nuestros objetivos.

Las alternativas variarán por distintos factores. Es por ello, que se tiene que estar enfocado nuestra atención en 3 premisas: configurar a la perfección el tablero, diseñar una imagen atractiva para lospinesy personalizar el contenido a compartir. La plataforma de Pinterest cuenta con una gran variedad de opciones para modificar los contenidos, permitiendo así unas opciones que visualmente sea más atractiva. Cuando un usuario está en Pinterest, en su mayoría, terminan observando las portadas de las cuentas. Pinterest permite la creación de varios muros. SMART MED MAT – En pedagogisk webbplats om mat och matavfall från Va Syd. Ideasweb.la. Proyectos que se hicieron realidad Cuando nuestro cliente, Carlos Acuña, nos contactó para realizar el desarrollo de PM Certifica nos sentimos bastante contentos y al mismo tiempo sabíamos que afrontabamos un reto muy importante. Carlos es uno de los profesionales más reconocidos (sino el más reconocido) en Dirección de Proyectos ya que es el único Profesional en Perú y uno de los diez profesionales en el mundo que mantiene las 7 certificaciones principales del PMI®.

El objetivo principal era el de desarrollar un sitio web autoadministrable con una imagen profesional y fresca, el cual le permitiera al equipo de PM Certifica gestionar toda la información relacionada a su negocio. Era importante poner especial énfasis en los diplomados, cursos y talleres de Dirección de Proyectos. Asimismo, se destacarían los convenios con el Project Management Institute, IIBA y PMI. En base a los puntos mencionados se crearon las siguientes secciones: Carlos Acuña Director General de PM Certifica.

Design / Dev Feed #10. A weekly collection of design and development goodies - issue #10, featuring Mobile Interaction Design, Twitter's "fave" animation, Long shadow, How to Create (Animated) Text Fills, CSS-only littlebox icons, Color Palette - Flexbox Demo, A Simple Todo App, Technologic Inventions (GIF series), Animating List Items, CSS3 Toggle Buttons and more to be added during the week. Mobile Interaction Design by Ramotion Inc. Twitter's "fave" Animation via CSS Animation Long Shadow by Mladen Stanojevic note: move cursor to change light source positionHow to Create (Animated) Text Fills via Codrops A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.littlebox by Cabell Maddux Super simple to implement, CSS-only icons.Color Palette - Flexbox Demo by Lincoln Loop A Simple Todo App by Adam Lindqvist Technologic Inventions (GIF series) by 41?

29! Animating List Items CSS3 Toggle Buttons By Ashley Nolan. 7 libros imprescindibles para diseñadores gráficos. Muchas veces a los diseñadores nos cuesta encontrar libros de nuestra profesión.

Voy a comentar aquí 7 libros imprescindibles para todo diseñador gráfico. Espero que os gusten y os sean útiles. Los listaré en orden de relevancia según mi criterio. 1. Guía imprescindible de estrategia. 2. Famoso libro de Steve Krug. 3. Este libro es el primero de los 5 libros oficiales de la Universidad de diseño de Londres, concretamente los correspondientes a la Licenciatura de Diseño Gráfico. 4. El Pensamiento Creativo es el conjunto de técnicas aplicadas a todo desarrollo. 5. Una vez que hemos leído la guía de Desarrollo del Pensamiento Creativo, ha llegado la hora de descubrir cómo aplicar estos conocimientos creativos al diseño gráfico. 6. Si lo tuyo es el diseño de páginas web, o si quieren iniciarte en este mundo, aquí tienes un libro fundamental. 7. Con este, termino mi lista de libros útiles e imprescindibles para todo diseñador gráfico.

Twitter Waarket Facebook Waarket Google+ Waarket Gracias! How to test the usability of prototypes like a pro. Usability isn’t something you just can cook up in any one phase of design, but must be developed and refined throughout the entire process. If you want the best end product, you have to anticipate real user scenarios from the prototyping phase. Usability testing should be the last place to start thinking about usability. Why worry about usability testing so early in the process when prototyping already has a big enough to-do list? Because unless your prototype is usable, all your testing will tell you is that people don’t like terrible products. unless your prototype is usable, all your testing will tell you is that people don’t like terrible products It almost goes without saying, but you’re designing the product to be used by real people.

In order to prepare it for real people, it should be tested on real people. Usability tests before the prototype Usability testing doesn’t have to start with prototyping — in fact, if you have the resources to start sooner, you should. How to trigger animation using ScrollMagic. We’ve created an SVG and animated it using GreenSock in my previous tutorial, but what if we wanted the animation to only trigger when the user scrolls past a certain point of the website? In today’s ScrollMagic tutorial we will trigger our GreenSock animation based on the scroll position.

Here’s the final result. 1. Include ScrollMagic Firstly we will include ScrollMagic in the html, just after the TweenMax.min.js reference. I pasted the smaller version of ScrollMagic into my plugins.js. 2. By default all animations (tweens and timelines) are triggered by ScrollMagic when the top of the triggerElement reaches the middle of the viewport. Firstly we create the ScrollMagic controller, then thetlCurtain timeline and then we add this timeline to a ScrollMagic scene.

The triggerElement element for this animation is set to #screen2 .imacInner, which is an absolute positioned div with fixed dimensions defined in the stylesheet. The tlCurtain consist of these 3 tweens. 2. 3. 4. Conclusion. How to Create a Coding Page Illustration in Adobe Illustrator. With all the flat style madness going on in the design community, we can quickly see how this is the direction of the future.

Whether it’s icon design, mobile design, or web design, beautiful playful colors, lines and shapes are creating a new world for us to play in. Having said that, the current tutorial will focus on helping you create a simple and attractive illustration for a website page specialized in computer coding. Step 1 – setting up a proper document Open up Illustrator and create a new document with the following settings: number of artboards: 1;units: pixels;width: 1920px;height: 1080px;color mode: RGB;raster effects: 72ppi;align new objects to the pixel grid: checked.

You might wonder why I chose such a big size for the artboard. Step 2 – Layering our illustration Layers are in my opinion a must when dealing with detailed illustrations that have parts and pieces which go ontop one another. Background;center circle;gear wheels;coding space;keyboard. Step 3 – start “building”! UI/UX Works by Julien Renvoye.

PageSpeed Insights. Make your web pages fast on all devices What's New Read about the July 2018 Google Speed Update. Web Performance Learn more about web performance tools at Google. Give Feedback Have specific, answerable questions about using PageSpeed Insights? Ask your question on Stack Overflow. StoriesOnBoard - The User Story Mapping Tool. Shorten - Bitly. The Design Sprint — Google Ventures. The sprint gives teams a shortcut to learning without building and launching. The sprint is a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers.

Developed at GV, it’s a “greatest hits” of business strategy, innovation, behavior science, design thinking, and more—packaged into a battle-tested process that any team can use. Working together in a sprint, you can shortcut the endless-debate cycle and compress months of time into a single week. Instead of waiting to launch a minimal product to understand if an idea is any good, you’ll get clear data from a realistic prototype. This page is a DIY guide for running your own sprint. A Lightning-Fast Way To Make A Digital Prototype. [Editor’s note: This is the sixth in a series of seven posts on running your own Google Ventures design sprint.

Missed the other previous posts? Here are Parts I, II, III, IV, and V.] 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 sixth in a series of seven posts on running your own design sprint. On day 2 you drew concept sketches.

On day 3, you made a plan and a storyboard for your prototype. This part of the sprint is super exciting for me as a designer. But wait a second…what should this prototype look like? What your prototype should look like Quite simply, a prototype is anything a person can look at and respond to. Make it minimally real You’ll probably be amazed at how much real feedback a user can give you on a slide deck of mockups that aren’t even pixel-perfect. Why? Keynote is the world’s best prototyping tool What to do in day 4 Related. Speak Up Africa on Behance. We were approached by non-profit organization Speak Up Africa to help them rebrand. While they wanted to stay close to their African roots we al… Read More We were approached by non-profit organization Speak Up Africa to help them rebrand. While they wanted to stay close to their African roots we also wanted to give them a contemporary look and feel.

The logo mark nods to speech and sound with the use of wave forms while being contained within the iconic shape of the African continent. Speak Up Africa is a creative health communications and advocacy organization dedicated to catalyzing African leadership, enabling policy change, securing resources, and inspiring individual action for the most pressing issue affecting Africa’s future: public health.

Published: October 22, 2013 Views46961Appreciations3764Comments251 We were approached by non-profit organization Speak Up Africa to help them rebrand. We were approached by non-profit organization Speak Up Africa to help them rebrand. 15 Creative Presentation Folder Designs | PrintingRay Blog - Online Cheap Printing and Designing. Presentation folders have a crucial purpose other than containing business and marketing information.

These folders can also contribute to an organization’s efforts to define and establish their image. So it is very important that presentation folders are properly designed. CSS-only Coffee App Concept. 3 Multicolor Banners with Glowing Bokeh Lights - Free Vector. Unsplash | Free High-Resolution Photos. Jessica Walsh on Behance. Jessica Walsh / Influence #1 - Guillaume Galante Blog. Influence #1 / Jessica Walsh Every week in « Influence » I choose an artist who inspires me in my daily life. In those posts, I will present you some of the best artists around the world. Behind those posts, you’ll know which artist influence my personal and professional projects. It’s important to take a look to other people work to think further for your projects.

I will try to make one post every week. (Reading Time : ≈ 10 minutes) Why Jessica Walsh ? If someone asks me which artists inspires me to find inspiration, Jessica Walsh will probably one of the first designer I would say. Jessica Walsh’s course She started really young to create stuffs, at only 12 years old, Jessica Walsh was creating websites and writing about HTML and CSS. Later on, she received a job offer to work at Apple in California. Sagmeister & Walsh’s fusion Jessica Walsh is currently the associate director of the « Sagmeister & Walsh » studio. Jessica Walsh also teaches at the famous school of visual arts in New york. PI-AR - Home. IAB. Stylus — expressive, robust, feature-rich CSS preprocessor. One Page Love.

Is Your Creative Vision Shortchanging UX? Inspirational Examples of UI Style Guides. Covers - A JS / CSS Experiment. How To Use Animate.css | Telegraphics Inc. Webdesign-Inspiration.com: Best web designs inspiration gallery. Infographic: Pros & cons of infinite scrolling. Iconset:20-flat-icons icons - Download 20 free & premium icons on Iconfinder. How to profit from UX design.

Free ebook: The Guide to Mockups | Web design | Creative Bloq. DOSER DA2C on Behance. UX UI design Infographics - by UXPin on Pinterest | 17 Pins. Iconset:20-flat-icons icons - Download 20 free & premium icons on Iconfinder. 10 web design trends you’ll actually see in 2015 (and how to survive them) The CSS Gallery List - Submission Made Easy. All Facebook Image Dimensions: Timeline, Posts, Ads [Infographic] 25 Best Professional Resume Templates. 7 Plugins de Photoshop que agilizarán tu flujo de Trabajo | Independiente - Revista digital sobre diseño, emprendimiento y tecnología. Proteger wordpress con htaccess ¿Cómo lo hago? Material UI | Material UI Colors.

CSS Gradient Animator. Google Web Designer. Barthelemy Chalvet. AgenceMe (@AgenceMe) | Twitter... Articles, Resources & Inspiration For Web Designers by CSSDA. Top Pens of 2014 on CodePen. 20 Best CSS, JS & Other Experiments Of 2014. Speed up your corporate identity design process | Branding | Creative Bloq. How to design a game character | Ad feature | Creative Bloq.

44 Apps That Turn Your Smartphone Into a Productivity Powerhouse (Infographic) Modal window destroy concept. LoveUI.co | Lovely UI Resources. Mockup Zone ~ Creative Market. Online Advertising Marketplace | BuySellAds. 2014: Our Favorite Codrops Resources. Applying App Design Concepts to Website Design. The Button Color A/B Test: Red Beats Green. A Guide to Color, UX, and Conversion Rates. Tech & ALL – PSD, Tech News, and other resources for free. 20 Free PSD Mockup Templates For Designers | Next Design web. GraphicBurger. 20 Free PSD Mockup Templates For Designers | Next Design web. How I Built Email Interaction Prototype with Google Form. What if Santa was an agency? Fancy Buttons. GoodUI. Traductor de Google. Startup Framework for WordPress - Drag & Drop Theme. Baileys Vanilla Cinnamon Launch - debarchambault. Cartoon family icon by kchungtw, Royalty free vectors #47407951 on Fotolia.com.

Examples of mobile and web application wireframes. Scroll Activated Animations - New Trend in Web Design. Edgehero - Adobe edge Animate community. 20 Examples of Fullscreen Responsive Menus. 50 fantastic freebies for web designers, August 2014. Home | Owl Carousel | 2.0.0-beta.2.4. Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad « Mercury Intermedia | Premium mobile apps | iOS & Android.

53 Gorgeous Sets of Flat Design Icons. El Rincon de Fri-Fri: Libros de tela hechos a mano. eWebDesign | Web Design Blog. Inspiring UI Roundup & Menu Animations. UI DESIGN. Design Tutorials. Web. Making movies/animations.