Archivo de la etiqueta: Web 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

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

 

“Users pay close attention to photos and other images that contain relevant information, but ignore (…) “jazz up” webpages.” Jakob Nielsen @NNgroup – @christianvasile


How to Use Images Successfully – Web Design Usability Guide
VIa 1stwebdesigner.com

Web Design Usability Guide – Dealing with Images

Indeed, users want to see photos on websites, but they want them to be relevant. They would prefer a webpage that doesn’t have visual images rather than a webpage that has lots of photos that just make it heavy and cluttered. The key in using images on websites, according to the study, is based on a few basic ideas:

  • Image fundamentals – size, composition, quality and exposure are four important things to look for in a good image. People actually look for quality in images, even the contrast makes a huge difference.
  • Effectiveness – if the picture creates excitement or interest, then it works. It is down to three characteristics:
    • Emotional appeal – does the product in the picture look good and make the user want it?
    • Rational appeal – does the image show the benefits of the product?
    • and Brand appeal – does the picture fit your brand?
  • Transmitted message – this is about the image sending the right message to the website readers.
  • Anticipated user response – this is a bit more difficult to put into practice, but the basic idea behind it is that the picture should help decision-making and create a desire for the product. We will talk about this a bit later.

Purely decorative images tend to be ignored unconsciously by our brain. Like a radar, if the images are there only as a filler, the brain will ignore them. The study concluded that pictures and images of real people or real products are automatically categorized as important and are to be studied in detail by the human brain. If you have a personal blog, people would rather see your face than a drawing or a caricature. They want to see the face of the person communicating with them, it is a matter of trust and bonding.

If you own a company, it is a very good idea to take some time talking about the people behind it – using images. It gives a personal touch to an otherwise faceless company and people dig that. People actually want to know (or at least see) who the people are behind a company. If you can afford it, invest in a good photographer and try to stay away from stock pictures (especially from stock pictures that aren’t relevant to your content). It might cost a few bucks, but it will add a lot of value to your company website.

Several eye-tracking study show that the more detail your product images have, the better the results you will have. Yes, studio pictures of a big flat screen TV work just fine, but is just fine good enough for you? People want to see details, show them!

Full article :) !

Quality and relevance

Below I will show you some results of different studies. You will see several websites marked with heat zones. The red areas indicate where the users’ eyes were mostly focused, while the blue areas show the exact opposite, indicating what is ignored or a turn-off for visitors.

%tutke

Eye-tracking study on Adelphia’s website

Besides the fact that it is an incredibly outdated design, you can clearly see that none of the heat zones are on images. It is because all the images embedded in their webpage are purely fillers. Had they been using relevant pictures, the heat zones might have been a bit different, but for now it shows how much of a waste of space images are on their site.

Full article :) !

Another good example can be seen below. New York Magazine’s restaurant section has also been part of the eye-tracking study and it shows that even if worldwide known chefs are featured in images, the quality is still important. So even if the pictures are somewhat relevant, low-contrast and small size images are simply ignored. Image quality is as important is the relevance of the image being used. There has to be a balance, where quality and relevance are the two guiding principles.

NYMag, retaurant section

Eye-tracking on NY Mag’s website

Jakob Nielsen and Kara Pernice wrote an article entitled “Images as Obstacles” some years ago. The images above are courtesy of Peachpit and the amazing heads who published the study. Thank you for your tremendous work!

Guiding the user
Full article :) !

A Collection of Interesting WordPress Icon For Free // thnxz @naldzgraphics :)


Via Naldz Graphics

We constantly showcase different icon designs here in NaldzGraphics which are definitely useful in all types of your application and web designing needs. Today, we would like to share another compilation of attractive icons we have gathered from around the web which are perfect for WordPress fans out there – the WordPress icon.

These icons are available in various sizes and file formats thus there is no need for you to rescale the icons for them to look great on your web and print projects. Please be reminded to read the license agreement indicated by the creator of the icon that you want to use for commercial purposes to avoid conflicts in the future. Have fun browsing!

WordPress Icon Set  + Here :)

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!

The Importance Of Color In Web Design – 30 Brilliant Examples Of Colorful Schemes


As a designer, when you create a website your primary concern is how to capture the viewer’s attention without compromising the usability.

The only way to do it is by pushing up your creativity level and in order to create something truly impressive.

Colors acts differently and there is a strong concept of chromatic psychology in web design. Red, green, purple, orange…all of them stimulate the viewer’s feelings and emotion, so when you choose your color scheme you need to make a little research. A colorful website is a great choice when it comes to deliver a positive message or spread the word about an upcoming event.

These types of colors are good to raise the awareness and to capture the attention, so use them wisely because the downside can go as far as mistrust, especially when these colors are trying to promote an apparently sober idea, such as a law firm or a government campaign. In this article you can see a collection of 30 gorgeous websites which are using bright colors.

Behind The Brutes

1. colorful web design

Every Last Drop

2. colorful web design

Continue Reading

21 Examples of Beautiful Color Use in Web Design // @webdesignledger


There is no doubt that choosing the right colors for a design is a very important step of the creative process. We need to think about the message and the style we want to communicate, besides also thinking about the best combination to please our viewers eyes and to deliver a nice result. Today we gathered some good examples of color use in web design. From subtle colorful details to colorful background images or bold colorful type, there are different styles here to show you how to add color to your next project.

Read More

There Is No Mobile Internet! // @smashingmag – smashingmagazine.com


By Marek Wolski

A Quiet Change

At the beginning of June, Google published on its Webmaster Central Blog its “Recommendations for Building Smartphone-Optimized Websites.” Its recommendations are that responsiveness — or, where necessary, device-specific HTML — is the way to build websites for today. Both methods are based on all devices accessing one URL, which in Google’s words makes it “easier for your users to interact with, share, and link to…”

Following the recommendation means making most of your Web content accessible across devices. It ensures that each link shared across the Web leads back to the same place and that, irrespective of the user’s device, everyone gets the same design experience. It aims to standardize Web design approaches, but also to standardize user experience expectations.

Shortly after, Apple announced a lot of thrilling updates to iOS 6. One of the least talked about was Safari’s iCloud tabs. This syncs your open browser tabs and allows you to continue browsing from where you left off on another device. Google’s recent version of Chrome for iOS has the same feature. The result? The ultimate cross-media surfing experience, a digital doggy bag.

After many years of Internet people working on standards, technologies and practices to bring about a One Web experience, the two companies made a big push towards making it a reality. We are now a big step closer to, in the words of the W3C, “an Internet where as far as reasonably possible, the same information and services are available to users irrespective of the device they are using.” Well, that is only if website owners and brands get their act together and change their old ways. To do so, they will need to recognize that things aren’t what they seem and aren’t what many are still peddling.

Full article

Old Habits, Old Stereotypes

A couple of years ago, mobile devices couldn’t even handle many of the Web’s fundamental standards (JavaScript, for example). But as devices became as powerful as last year’s MacBook, the technology drove a behavioral shift. It wasn’t just early adopters who were using the mobile Web. It was every person and their dog with a smartphone and a 3G connection (around 75% of smartphone owners surf the Web).

Our Mobile Planet - General Smartphone Activities
Image source: Our Mobile Planet.

The line between what is and isn’t Web-enabled is blurring. People don’t see the Internet on their phone or tablet as being the “mobile Internet.” It’s just the Internet. In the words of mobile expert Brad Frost, “mobile users will do anything and everything desktop users will do, provided it’s presented in a usable way.”

For the last few years, across categories, mobile experience benchmarking studies have been filled with recommendations to broaden and deepen the content available. Users are searching more and longer for information that currently isn’t available on mobile or even tablet devices.

Mobile Site vs Full Site
Image source: Strangeloop.

This desire for information is prevalent and strong enough that many opt for a less than optimal visit to the “full site” in order to access more or other information. The fact that almost a third of mobile users are prepared to endure poor navigation, slow loading times and no touch optimization really underscores the presence of this fundamental behavior.

Full article

15+ inspiring galleries // thnxz to webdesignerdepot.com – @designerdepot @TheGainesColl – TheGainesCollective.com


We are very visual beings. We like to see it to believe it. And sometimes we don’t trust our brain as much as we trust our eyes. Making decisions is often easier when you see something rather than if you take in a bunch of information about that something.

By Kendra Gaines Connect with her.
TheGainesCollective.com/

Could you imagine trying out a new restaurant without seeing food from their menu? Could you imagine purchasing a shirt online without actually seeing that shirt? How about working with a developer and not knowing what sites they’ve worked on? All these things sound farfetched because we have to see something.

Visuals help build trust in that same vein, that we must actually see it to understand it’s real. Web designs have become very image heavy as of late because we want to do less reading and more seeing. We don’t want to have to make difficult decisions about easy things. Just show us the offering and we can go from there.

Our best bet is to create images galleries. Image galleries come in many forms to many different sites and of course make the most sense. We now have a place to put all our work or our products so visitors can see what we have to offer. Today we’ve found some of the most interesting, intuitive and innovative image galleries we could find. So, let’s jump right in…

Arnaud Beelen

To start, let’s break out of the entire notion that our thumbnails have to even be squares. Arnaud has created perfectly spaced parallelograms to show off his thumbnails. This is immediately interesting and stands out from the thousands of portfolios that are all too square.

Big Human

Big Human has done an absolutely wonderful job making an image gallery with easy to use and understand navigation. Utilizing the arrow keys on a keyboard, the developers here have made it second nature to scroll through images and skip to different projects. This is a great idea that I’d love to see implemented more.

Big Human

Full article / Artículo Completo

…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

Web Designing from Evolution to Revolution [Infographic]


Via inspiredm.com
Here’s a nice infographic I came across today, released by Brush Lovers, fine curators of quality photoshop brushes, styles and patterns.

The term “web design” implies a great range of activities such as website planning, website creation, modeling, matching the right elements (fonts, banners, etc), coding, and arranging all pages in such a way that the end result will be a user-friendly and easy-to-use site. This infographic follows the journey of webdesign from its inception to the present days. Enjoy!

brushlovers

Shot of Inspiration: Beautiful Website Backgrounds


Website backgrounds have a reputation of being “in the background”, when in fact they are very important in setting the mood of the entire site and creating a strong impression with visitors.  When you make your own website, the background needs to be one of the first things you decide on – will you use an eye-catching image? Or will you go for an elegant pattern to attract more focus to other parts? Are you going to make the screen shine with colors or create a unique atmosphere with monochromatic shades?

There’s no right answer for these questions. It depends on the type of website you want to create and the brand identity you want to project. There are many different styles you can choose for your website background and they all have a different effect.

Here you will find some outstanding examples of various types of backgrounds. Have a look, visit the sites and get a feel of what each background is good for. This will help you understand what kind of background is the best for your website.

One Grand Image

Inspirational Backgrounds for Web Design

 Creative People

Inspirational Backgrounds for Web Design

Cappello’s

Inspirational Backgrounds for Web Design

Red Hot Chili Peppers Sigue leyendo

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

MarketingActivo

el mundo del marketing se activa para ti

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

contact: ralucastoica23@gmail.com

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

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

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

Silvia Altamirano

an editorial designer that writes

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.

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

Travel & Lifestyle Blog

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.

“Un fotógrafo tiene que ser auténtico y en sus fotografías, debe expresar emociones, provocar reacciones y despertar pasiones..” ~ Javier García-Moreno E.

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

hay que ser libre para ser uno mismo

Seguir

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

Únete a otros 1.656 seguidores

%d personas les gusta esto: