Archivo de la etiqueta: Design

Are Your Web Graphics Print-Ready? – thnxz to @sixrevisions


Is Your Web Graphics Print-Ready?

As a web designer, masters of the digital realm, you might have never faced the situation where your designs are going to be sent to a print shop.

Or perhaps you’re an Internet business owner in a place right now where you need printed materials for an event (a conference, a meet-up, billboard advertising, and so forth). You might be an online retailer, a SaaS company, a web development agency, etc.

What happens when you’ve only got web graphics at hand? Graphics designed to be displayed on electronic devices like computer monitors and smartphones.

continue reading »

@topdesignmag :) Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s


Writen by Bogdan is the founder of Top Design Magazine.

 

Creating a website is not an easy thing because it requires a lot of steps; from the planning and all the way to functionality testing, the process of designing and developing a website needs people with various skills. You need a good graphic designer, a good web designer, a talented web developer, a great content writer and also a SEO expert is you want your website to be great. Sure, you can skip some of them but this can cost you a lot in terms of success.

For web developers, coding a website can be a piece of cake if they have all the graphic components but this always means that whenever they want to create something, they are dependent to a web designer. For a company, this issue is solved from the start but if you are a web developer and also a freelancer, then you need to come up with solutions if you want to stick to the deadline. Depending on your budget you can either hire someone to create a design from scratch, either use a template. A .psd template is extremely useful in the following cases: you are a beginner and you want to practice your programming skills but you don’t want to spend time creating the visual stuff; you are a web developer and you don’t have a budget for creating the design; you have a budget but the time is so limited that you can’t afford spending it on the graphical part.

Full article and more PSD’s :)

Whatever your reasons are, a .psd website template can prove to be extremely useful so it will be a good idea to save them in your toolbox. In this article you can see a collection of 25 gorgeous .PSD’s which are ready to be converted into fully functional websites.

Intent Creative Free PSD Theme

25. website psd template

WordPress blog theme PSD template

24. website psd template

Prepado para una entrevista de trabajo? Sos Desarrollador Web? hacé tu checklist – @codejobs


Preguntas generales:

  • ¿Qué sistemas de control de versiones ha usado (Subversion, Git, etc.)?
  • ¿Cuál es su ambiente de desarrollo favorito (Sistema Operativo, Editor de Texto, Navegadores, Herramientas, etc.)?
  • ¿Puede describir el proceso que sigue cuando crea una página web?
  • ¿Puede describir la diferencia entre “Progressive Enhancement” y “Graceful Degradation”?
    • Puntos extra si el entrevistado menciona “detección de capacidades”.
  • Explique qué significa “HTML Semántico”.
  • ¿Cuál es el navegador que utiliza principalmente para el desarrollo y qué herramientas de desarrollo usa?
  • ¿Cómo optimiza los recursos de una web?
    • Se espera una lista respuestas tales como:
      • Concatenación de archivos
      • Compresión (minificación) de archivos
      • Utilizar un CDN
      • Caching
      • etc.
  • ¿Por qué es mejor utilizar varios dominios para distribuir los recursos de una página web?
    • ¿Cuántos recursos se pueden descargar simultáneamente de un mismo dominio?
  • Mencione tres formas para disminuir el tiempo de carga de una página (tiempo real o percibido).
  • Si se ha unido a un proyecto y los desarrolladores usan tabs y usted usa espacios, ¿qué hace?
    • Sugerir que el proyecto utilice algo como EditorConfig (http://editorconfig.org)
    • Mantener la convención establecida y utilizar tabs.
    • Utilizar el comando :retab!
  • Escriba un página con una galería sencilla.
  • ¿Qué herramientas usa para probar el rendimiento de su código?
  • Si pudiera elegir una tecnología para dominar este año, ¿cuál sería?
  • Explique la importancia de estándares y los grupos que los definen.
  • ¿Sabe que es el FOUC? ¿Cómo lo evita?

Preguntas específicas de HTML

Preguntas específicas de JavaScript

Respuestas y ejemplos! Seguí por acá :)

Hot Infographics on Visually (I) – Thnxz to @Visually


Gay marriage chronology

For more than a decade, the battle over same-sex marriage and other rights for gay couples has been hard fought in U.S. courts and legislatures and at the ballot box. Use this map to view milestones in the fight and how state laws have changed since 2000.

Timeline: Gay marriage | Full-coverage: Prop. 8 and DOMA

Gay Marriage Chronology

24 Things You Didn’t Know About Beer

24 Things You Didn

20+ New Brochure Design Examples – thnxz @topdesignmag


 

Finding a new brochure design that can inspire you can cause a real headache that can ruin you your time. That’s my reason for collecting for you more than 20 brochure designs that rock. Getting inspiration from these examples will help you pass the first step and start designing.

http://www.topdesignmag.com


 

10 Properly Designed Promotional Campaigns on Facebook – thnxz @onextrapixel !


The new Facebook page layout also known as Timeline provides us with tons of opportunities to promote and advertise any content or products via visual means. Many brands grasped this idea long go – the corporate Facebook pages design is the key to a brand’s popularity and fans close engagement.

We’ve already examined best showcases of creative incorporation of brand design into social media. In addition to attractive business pages, brands also organize stand-alone campaigns on Facebook devoted to a new product launch, sales and important events such as company anniversaries.

10 Properly Designed Promo Campaigns on Facebook

Now it’s time to examine top 10 successful promo campaigns on Facebook that brilliantly integrated their appeal into a special design on their Facebook pages.

Full article & design examples! :)

10 Properly Designed Promo Campaigns on Facebook

First, let’s define the criteria of what significant elements make up a successfully designed Facebook campaign:

  1. Cover photo: A cover photo is one of the best helpers to inform your audience about brand news and upcoming events. Some intricate details on their usage are listed below.
  2. Timeline images: Timeline images include branded content, coupons, QR codes, etc. An unusual approach to distribute important content and info in the form of images on the social network increases fans’ engagement.
  3. Milestones: A creative add-on is also able to constitute a harmonious design biosphere of a Facebook promo campaign.
  4. Apps: Promo apps fit the overall design, educate or entertain the Facebook audience, they also inform about news, upcoming events or new services.
  5. Events & Contests: Offline promotional meetings are an integral continuation of marketing activities in social media. Contests ensure maximum reach of the audience that will 100% include a fan’s friends there for broadening your potential audience.

If all these puzzle units merge together (or at least the chosen ones will be joined perfectly), you’ll get thousands of fans who will eye-worship your page and many loyal clients who will stream to your website or store, longing for a new product, service or special offer.

Now let’s look at some Facebook pages for the best design examples of promo campaigns and analyze their tricks.

Full article & design examples! :)

Free Resources to Build Your Next WordPress Site – @sixrevisions


 

WordPress is a popular website publishing platform. What once was primarily a blogging system has now evolved into a flexible and robust CMS used by both small businesses and large corporations alike.

When working with clients, front-end developers are often expected to produce creative, cutting edge content in a very short period of time.

And beyond staying innovative, there can often be a lot of redundant coding and debugging which requires a careful, meticulous eye. Between managing client expectations and trying to produce well-designed sites in a reasonable amount of time, developers can really feel the pinch.

Fortunately, there is an immense amount of resources to help aid with WordPress development.

In this article, I’ve seeded through tons of stuff to bring you a list of my favorite free WordPress resources for designers and developers. From discovering inspiration to choosing the right WordPress theme framework, I hope you’ll find just what you need to kick start your next project.

WordPress Theme Design Inspiration

One of the toughest parts of web design can often be just getting started. And even once you’ve begun to build your wireframes or designed your layouts, it’s easy to fall into the stylistic rhythms you’ve used in the past. This is why it’s important to continually research and interact with the work of other WordPress theme designers.

The following sites are a great place to engage with new and fresh designs to keep you pumping out those jaw-dropping projects.

Full Article :)

Theme Design Gallery

WordPress Tag on CSS Awards

WP Inspiration

 

Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]


Hello everyone, this is Mike and welcome to my Basic Web Design Video Course. In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website. You’ll learn all the steps I use including: planning, wireframing, using basic tools and panels in Photoshop, basic HTML and CSS, and after learning these we will apply our knowledge and create our very fist website from scratch.%tutke

For our valuable readers we will be pushing the basics here. So it’s your chance to learn and become a web designer for free. Are you excited? I hope that beginners can follow through, if anything is unclear just reach out to me in the comments section.

I will do my best to walk you through everything slowly and clearly. So let’s get started!

Planning and Wireframing

What is a wireframe?

A wireframe is a visual presentation of how a website’s layout will look when it’s finished. It’s about structuring the overall layout without any graphics, placing the various elements where you believe they will look and work best. Wireframing is a great step to start before jumping on to Photoshop because it allows you to focus on the important components of the website without all the visual clutter of a finished design. Wireframing also saves you time when designing a website because wireframing acts as a sketch, and instead of having to do things more than once in Photoshop, you can just adjust your ‘sketch’ until you’re happy.

Your wireframe should include boxes that represents images, header, footer, sidebars, text blocks, navigation and other content aspects of your website.

You don’t have to worry about drawing them yourself, since there are many wireframing tools available on web.

Wireframing Tools:

Tools Used: Go Mocking Bird

Photoshop Basic Tools and Panels
+ INFO + Videos? Here!

Creating Exciting And Unusual Visual Hierarchies // thnxz smashingmagazine.com – @smashingmag


Layout, for both print and screen, is one of the most important aspects of graphic design. Designs that extend across multiple pages or screens, whether containing large or small amounts of type, must be carefully controlled in a way that is enticing and is easy for all to access.

Creating Exciting And Unusual Visual Hierarchies With Typography

By 

Careful control of visual hierarchy is a key aspect of the design decisions we have to consider. In this article, we will look at how frequently type needs to be broken down into different levels, such as topic, importance and tone of voice.

Read more…

Design Forward // thnx to @frogdesign


 

The following is the introduction to Design Forward: Creative Strategies for Sustainable Change by frog’s founder Hartmut Esslinger. The book will be released on Feburary 16, 2013 and is available for pre-order now.

After a long career with frog — the design agency I founded in 1969 — and as a creative consultant for some of the world’s best and most successful entrepreneurs, executives, and companies, I wrote my first book, A Fine Line — How Design Strategies Are Shaping the Future of Business. In that book, I focused on the corporate side of the business-design alliance and outlined why Strategic Design is most successful when it is an integral part of a company’s innovation and business strategy. Due to both the business focus and the limited space, A Fine Line wasn’t as complete as many would have wished, and I fielded many questions about organization and process in the field of design and in the working relationship between business and design. Because A Fine Line was published in German, Chinese, Japanese, and Korean, the feedback was — and still is — global in nature. I used the questions, comments, and criticism that I received about my first book as my motivation for writingDesign Forward as well as for structuring the information I offer within it.

In general, the input I received fell within three categories. I used those categories to structure the contents of Design Forward in three parts:

 • Part 1: Creating a New Culture of Design. In this part, I offer an overview of the design profession, its historic development, current challenges, and future opportunities. The chapters in this part explore what we mean when we talk about creativity, the role of creativity in business, and how my earliest creative experiences helped to form my own design practice and approach the process of “right brain-left brain” collaboration. This part also offers specific ideas that can help any company make the best use of design in its strategic plan and operation.

• Part 2: Shaping the Design Revolution. Here, we explore the educational opportunities and challenges of training students — of both design and business — in the professional competencies necessary for effective cross-disciplinary teamwork and collaboration. To illustrate the outcomes of the educational approach I outline here, this part includes a portfolio of the work of my own design students.

• Part 3: Leading By Design. 

Sigue leyendo

…de los realizadores de EDUCANDO AL SOBERANO I, II y III Llega… El Último Intento!! // @CrazyEgg


Es un tema de debate y consulta entre Colegas, Veo el iceberg y Conduzco mi barco directo a él.
Buenos Aires, Argentina – Feb 2013

A nuestros Queridos Clientes!
en ocasiones no logramos que nuestras palabras y recomendaciones lleguen a vuestros oídos.

Contratan un equipo de profesionales y luego gustan de no escuchar, y creéis saber todo de todo. Comparto una pequeña de recomendaciones de terceros, que seguramente ayudaran a su Marca, Producto, Servicio y Estrategia…

Saludos cordiales! :D
PS. si Ud. insiste al respecto solo diremos, “el cliente siempre tiene la razón”, nunca se equivoca, nosotros no lo interpretamos…

The Best Websites In The World Do These 6 Things…

Check list 

Sigue leyendo

Multi-Device World: about design and more, and more… // @smashingmag / @flipthemedia


Thnx to smashingmagazine.com and flipthemedia.com

When I think about where we are with the Web in comparison to other media in history, pinpointing it is really hard. Is it like when the Gutenberg Press was just invented and we’re experimenting with movable type, or are we still embellishing pages and slavishly copying books by hand?

By 

 

Our knowledge of building digital things changes rapidly, taking us from newborn to adult and back again every couple of years. It’s both exciting and frustrating, because just when you think you have it all figured out, it completely changes. But if you’re like me, learning something new keeps things interesting.

So, it seems pretty normal that our methods of designing and building websites are questioned every so often. The argument to ditch design apps (or to drastically minimize the time spent in them) and go straight to the browser has popped up a lot in the past few years and then quite recently. It’s obvious that our digital world and, by proxy, our design process are in a state of transition. And they should be: considering design in the context of your materials and goals is always important.

I tend to shy away from prescriptive approaches. Most decisions are framed by our experience, and, as humans, we’re continually drawn to and seek out what we already believe (known as “confirmation bias”), ignoring the rest. So, I strive to keep that in mind whenever listening to advice about how things should be done. We’re all navigating the same changing landscape here. What many designers recommend is the right answer for them and not necessarily the right answer for you, or your client. As Cameron Moll more eloquently states:

“You know your circumstances, your users, and your personal preferences best. And if that means responsive web design — or design methodology or todo app or office chair or whatever — isn’t the right choice for you, don’t be ashamed if you find yourself wanting more, or at least wanting something else.”

That’s exactly how I feel right now. A lot of the explorations into Web design lately have been looking for the best ways to optimize an experience and to make it as flexible as possible across devices. These are important issues. But what about the design principles we’ve proven and iterated on through a variety of media? How can we apply what we’ve learned about design so that it can be utilized in an appropriate way to create websites in this multi-canvas world?


Typographic Design in the Digital Domain” with Erik Spiekermann and Elliot Jay Stocks

In an interview with Elliot Jay Stocks, legendary typographer and designer Erik Spiekermann explains how he finds it funny that designers today complain about limitations in designing for mobile…

by 
1. Technology and use trends

  • Digital options increase every day
  • Fluidity allows you to reach people through all the different methods available
  • Some devices actually create new data, which yield new insights (i.e. FitBit, Fuel band, etc. This idea will also be interesting for toys.)
  • Network speeds increasing (huge difference from 3G to LTE)
  • With the decreased price of cloud storage, sharing content across devices is easier (shared experience)
  • Content management systems drive the consumer experience and should be integrated into the foundation of your platform

2. Types of connected experiences

  • Synchronized: for example, the eReader let’s you make notes and brings you back to where you last stopped, no matter the device. Evernote allows you to share information and access documents from different locations and devices.
  • Adaptive: content adapts to your current device. This could mean apps for the device you want to target or responsive websites. It’s important to consider how the customer will engage on a device and what information you need to share.
  • Complementary(second screen): people interact with content at an event or with others experiencing an event. A lot of networks are investing in second screen platforms. 80% of people with tablets watch television with a second screen in front of them; an opportunity for networks to build deeper experiences for customers.
  • Device shifting: people start searches on mobile/tablets and finishing them elsewhere, shifting seamlessly from device to device. Consider content and context of each device.  For example, when searching for cars, on the phone you might want to show visuals, basic information, and location-based results, while on the PC you have expanded information, but don’t focus on location-based information specifically. Sigue leyendo

Para los amantes de las tipografías > lo pedís, lo tenés :D


10 free grunge fonts

Take advantage of this compilation of free grunge fonts that you can put to use in your cool designs.

    Grunge fonts are becoming increasingly popular. Instead of shiny, crisp typefaces, many artists and designers are seeking to use an urban, dirty, street style in their designs. With this in mind, we’ve scoured the web to find you 10 top, free grunge fonts available to download now.
      Via

    Creative Bloq


      01. Everyday Ghost

      Everyday Ghost by Andrew Hart

      Everyday Ghost is one of 63 fonts created by typeface designer Andrew Hart. The design, which features smudges and blotchy effects, adds an interesting twist to an otherwise generic serif font. Free for personal use only.

      FORMAT: TTF

      02. Fail

      Fail by Douglas Vitkausk

      This cool typeface does anything but what its name suggests, having been downloaded hundreds of thousands of times since its release. This is one of 129 fonts designed by Douglas Vitkausk, whose work has amassed over 12 million downloads! Free for personal use only.

      FORMAT: TTF

      03. Laundromat 1967

      Laundromat 1967 by Last Soundtrack

      This cool Laundromat 1967 typeface would make a great newspaper-type ransom note design. Developed by designer Gyom Séguin aka Last Soundtrack, this is one of 46 fonts he’s crafted. The full set of this particular type features uppercase letters and numbers. Free for personal use only.

      FORMAT: TTF

      Sigue leyendo

      Zona de Promesas

      Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

      Fortune Tech: Technology blogs, news and analysis from Fortune Magazine

      Fortune's tech team offers analysis and perspective on the world's most important developments.

      Top Master | Blog

      LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

      La realidad alterna

      Diario de sueños, cuentos, poesías y una novela en proceso

      TechCrunch

      Startup and Technology News

      Unencumbered by Facts

      Taking unsubstantiation to new levels

      Carlos Cordero

      Blog de tecnología

      PsicoEmocions Blog

      Un Pont entre la Psique i les Emocions

      TEA PTLS NACHO

      AUTISMO.TEA..PTLS

      Comunicación & Marketing

      De Lilian Lanzieri

      Xtratexia

      Dirección estratégica para la vida

      Notes From The Internet

      by Silvia Altamirano

      StellarHIRE Partners

      Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

      ivanbrunpr's Blog

      4 out of 5 dentists recommend this WordPress.com site

      Matt on Not-WordPress

      Stuff and things.

      BLOGTEC

      Noticias de Tecnologia.

      Talento en Expansión

      Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

      Two Leaves Tea SPAIN

      Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

      Escuela de Dinero

      El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

      My Blog Daniel Palop

      A topnotch WordPress.com site

      Intentando dejar huella...

      ...en cada uno de los visitantes

      Ideas Para la Clase.com

      Portafolio de experiencias en la clase de español para Middle School.

      littlegreybox

      like. read. laugh. love.

      déborah rueda

      Un sitio más pero diferente sobre marketing on line

      No solo los 80's

      La mejor música de la historia

      Molly Balloon's Blog

      Identity + Dressing + Colour

      El OJO PUBLICO. / Глаз общественности

      Ver para contar & contar para ver. / Чтобы рассказать

      Think Creative Idea

      Marketing, publicidad, web y negocios

      Social Media y más

      Social Media, Redes Sociales, Marketing, SEO

      The Coaching Alliance

      El camino hacia el éxito

      Luces y sombras de las marcas

      Social Media, Marketing y Comunicación

      CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

      Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

      Javier GM Photography - México y más.

      “A great photograph is a full expression of what one feels about what is being photographed in the deepest sense, and is, thereby, a true expression of what one feels about life in its entirety.” ~ Ansel Adams

      Natalia Gómez del Pozuelo

      Experta en comunicación y oratoria

      aloyn

      Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

      Blog de Jack Moreno

      Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

      Mashamour

      Ensalada de Manjares

      Infographic List

      For those who love Infographics - www.infographiclist.com

      URieLaRtE

      hoy es el primer dia del resto de tu vida

      be.blog

      be. Intelligent Multimedia Education

      unmonodelsiglo21

      Un pequeño espacio virtual para pasarla bien

      Curso Web 2.0

      Diseña tu sitio web gratis y consigue visitas!

      ~~Mente en Gravedad~~

      ************************************************************************************************************

      Seguir

      Recibe cada nueva publicación en tu buzón de correo electrónico.

      Únete a otros 4.353 seguidores

      %d personas les gusta esto: