background preloader

Pixel Proliferation: A Toolset For Managing Screen Resolutions

Pixel Proliferation: A Toolset For Managing Screen Resolutions
In the digital world, change is constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for more fluid and responsive experiences, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. So we have packaged up our set of tools that help us stay current and we are offering it for download. The device landscape is diverse, bordering on splintered. Of course, it is important to remember, this is a tool, and only a tool. Our work demands we have elegant ways of presenting the resulting design concepts. We hope this toolset lets you acclimate to new devices and resolutions quickly, and let you spend more time addressing the opportunities they present. 1. 2. 3.

26 Email Newsletters Inspiration You'll Love Email Marketing is very important for reminding your customers of your brand and your latest special offers. Email Newsletters are regularly distributed publication sent to customers, it's essential to have them wanting more which is why basic text emails simple won't do the trick. It's important that Email Newsletters are beautiful and informative. In today's post we've gathered 26 Email Newsletters Inspiration You'll Love, these email newsletters are creative examples of what an email newsletter should be. I hope these email newsletter designs give you lots of inspiration when designing your own. The App Developers This is a light and modern email newsletter designed for The App Developers Etsy Minimalist Email Newsletter designed for Etsy. Litmus March Newsletter Modern take on an Email Newsletter, with a charming color scheme for each section and circled elements. Stupid This is a stylish 2 column email newsletter. Colour Lovers Baldwin Denim – Apparel Flag Ship My Starbucks Rewards Canvas Vigor

Initializr - Start an HTML5 Boilerplate project in 15 seconds! Lorem Ipsum - All the facts - Lipsum generator The Creative Portfolio Sites of 50 Designers A few months ago we reviewed Web Design Agency Homepages. However, many designers prefer to work alone, and their portfolios are also worth checking out. Thus, here are 50 individual creative portfolios, which will knock your socks off! Keeping in mind that most agency sites are built on a “Logo – Tagline – Best Work – Contact Info” basis, we were curious to see if this formula would work as well for freelance designers as it does for web design agencies. A lot of designers prefer one page portfolios; some designers put personal photos on their sites; many of those whose websites are listed below are fans of minimal design, and so on. And if you believe reading is not enough to understand what an inspirational portfolio site is, please take a look at the following examples: 50 Creative Portfolios Erik Ford Marc Thomas David Hakkert Pierrick Calvez Joshua James Tyler Finck Matthew D. Oliver Brux Sam Markiewicz Daryl Thornnhill Cody Sielawa Derek Boateng GregSuj Daniele Petrarolo Nicolas Borreil Jrutland

Onbile - Create your mobile website with premium templates Designing Style Guidelines For Brands And Websites Advertisement A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. One way to help those who take over your projects is to produce a style guide. Edward Tufte once said: “Great design is not democratic; it comes from great designers. Why Create A Style Guide? You’ll have an easy guide to refer to when handing over the project.Makes you look professional. Branding Guidelines: What To Include? Strategic Brand Overview This should be short and sweet. 1See Kew’s branding guidelines2. Kew uses strong photography in its “brand essence” message, with a few paragraphs that both inspire and define the brand. Logos For print and Web, most brands revolve around the logo. 3See Cunard’s branding guidelines4. Cunard provides many variations on its minimum sizes. 5See Think Brick’s branding guidelines6. Provide logos with different colors, and specify which colours are allowed. Spacing Colors Fonts Layouts and Grids (al)

Lucky 7: Must See Documentaries for Designers After a long day of hard work it’s time to relax and drown in your comfortable sofa. We often provide inspirational articles and showcases, but what about silver screen inspiration? I personally love documentaries and strongly believe that they educate you more than movies can. Duh, right? The following documentaries are very entertaining, but they also all teach you a good bit about design history, practical design theory, art, architecture and about some of the great designers of the past and today. Oh, and one more thing… All the documentaries listed are available for streaming on Netflix.com 1. Art & Copy is a powerful film about advertising and inspiration, by filmmaker Doug Pray. 2. Helvetica is a feature-length independent film about typography, graphic design, and global visual culture, produced and directed by Gary Hustwit. 3. 4. 5. 6. 7. Graffiti isn’t simple vandalism; it’s an artistic expression employed around the world. Check out our previous minimalism based articles!

The Seven Success Factors of Social Business Strategy [INFOGRAPHIC] | Vala Afshar Houston, we have a problem - a social business strategy problem. The era of social networking started in the early 2000s with the launch of Friendster. In fact we can argue that there were renditions of social networking even before that --from Bulletin Board Systems (BBS) to CompuServe, Prodigy, and AOL. Yet even though we have had some form of social networking since the advent of the networked ecosystem, most companies today are still challenged with successful social business transformational initiatives. A recent survey by Altimeter of nearly 700 social media professionals yielded that: As a CMO and an active user of social media, I am stumped at how the industry still treats social as an experiment. Another trait commonly observed in the industry is that most social media strategists focus solely on the external social media. The e-book is an easy and insightful read that provides practical advice. 1) Define business goals Figure out your business objectives.

Anatomy Of A Perfect Landing Page What is the main goal of a landing page? If you said online sales, then you are correct! Although there is no exact formula for making the perfect landing page, there are some common rules of thumb to increase your chances of making a winning one. Today we will take a look at an infographic that will assist you on making the right decisions during the planning period of a landing page. All landing pages should have just the right amount of information the customer needs. Color is also an important aspect of any website. Note: Click the image to view full size. From: Formstack.com Did you enjoy this infographic? Adobe Muse Tips – Scrolling menu | Creative droplets Recently, I played with Adobe Muse CC, part of the Adobe Creative Cloud. This application is for designers who need (or want) to create websites without writing a single line of code. If you’re a designer who knows how to create amazing pages in InDesign, why not use your skills to target the web? Web design patterns The real question is: Can a good print designer become a good web designer? The web is full of “design patterns”: I’ll explain how to achieve classic web design patterns with Adobe Muse. #1. A fixed navigation bar sticks to the top of the page. The website The great bearded reef is a perfect example. Here is a sample page produced with Adobe Muse: Click on the image and scroll down. Make sure that your design is in a layer on top of your content. Pin your navigation bar. #2. A scrolling menu is part of the initial web design, below the logo of your company for instance. As in the previous sample, make sure that your menu bar in a layer above your page content. #3.

Top 100 Tasty Palettes from Colourlovers We tend to think of color as a constant as an example if we see a green color our brain might automatically associate it with an apple. As Georgia O’Keeffe said, “Color interpretation is a complex process the taps into our sensations and moods, as well as our eyes, neurons, and brains.” The quest to find the perfect colors and color combinations is a common thread that runs from those who have painted great masterpieces and graphic artists to interior designers and landscapers. As French impressionist Claude Monet said, “Colour is my day-long obsession, joy and torment.” Today we are here to help you find that perfect color palette. In their own words, COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles. Note: Simply click on the desired palette and you will be redirected to the page where you can get the exact Hex and RBG code for each color.

Como projetar um site responsivo? Navageção Como projetar um site responsivo? Navegação Projetar modelos de navegação pode ser um desafio quando falamos em diferentes tamanhos de tela. Portanto, alguns métodos populares podem ajudar a tornar a navegação […] Projetar modelos de navegação pode ser um desafio quando falamos em diferentes tamanhos de tela. A principal preocupação ao projetar um site responsivo é saber aproveitar o espaço, principalmente em telas pequenas. Segundo Steven Bradley, ao projetar um site responsivo é importante manter em mente que: O espaço para navegação horizontal é limitado;Possibilidade de cerca de 4 links em um menu horizontal;Botões, links e alvos muito pequenos dificultam a seleção. Abaixo estão modelos dos simples aos mais complexos de navegação sugeridos por Brad Frost. Padrões simples Top Nav ou abordagem “não fazer nada” O nome dessa abordagem já é bastante sugestivo. A grande vantagem dessa abordagem é a simplicidade. Footer Anchor ou Âncora de Rodapé Momentum Contents Magazine Footer Only ou Rodapé Pea

Disney inventa tecnología para convertir cualquier superficie en táctil Cuando en Disney no están creando príncipes y princesas, investigan nuevos avances tecnológicos. De esto se encarga la organización Disney Research, que ahora mostró un proyecto llamado Touché, el que permite a cualquier superficie reconocer gestos táctiles, ya sea una mesa, un sillón, agua o incluso el cuerpo humano, permitiendo su comunicación con aparatos computacionales. La idea es conectar un pequeño cable al objeto para que adquiera las propiedades táctiles, diferenciándose además de las pantallas touch convencionales en teléfonos móviles y tablets en un punto esencial: Touché reconoce cuánta superficie está siendo tocada, lo que permite a la computadora identificar si es que se puso una mano, un dedo o todo un brazo encima. Las posibilidades son infinitas y lo más probable es que sus aplicaciones primero sean vistas en los parques de diversiones Disney, aunque al nivel de desarrollo que se encuentra, es cosa de tiempo para que la tecnología llegue rápidamente al mercado comercial.

Related: