background preloader

Webdesign

Facebook Twitter

Website wireframes: Mockingbird. 50 Portfolios de Webdesigner Francais à suivre sur Twitter - Blog Du Webdesign. 50 Powerful Time-Savers For Web Designers - Smashing Magazine. Being a web designer is not easy. Not only do we need to have a good understanding about visual design, typography, information architecture, psychology and a plethora of other disciplines; in our work, we need to take care of so many details, so that our job becomes more and more time-consuming, requiring dozens of tools, attention span and an effective workflow for beautiful, timely and functional results.

And this is where small time-savers become handy. Be it a handy checklist, batch installer, dummy image generator or converter from Excel spreadsheet to HTML — all these things can save us a couple of minutes every day, making our work easier and more efficient. And this is why we keep collecting them for Smashing Magazine’s readers. Whether you like lists or not: this one will probably help you find those little nuggets out there that will help you avoid headaches and stress. Below we present useful time-savers for web designers. Time-Savers For Web Designers Link try ruby!

Create an iPhone App Website in Photoshop. In this tutorial you will learn how to create a simple, yet beautiful application page for your iPhone app. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download. LusterForever.com – Cool silver charms and leather bracelets design! Totally awesome sterling silver bracelets. Final Result Tutorial Resources Lets Get Started 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.

Check out our latest testking 70-293 videos and testking 156-215 tutorials to learn professional web designing. Related Articles. Design Trends (Predictions) in 2010. As we are stepping in a new decade, I can foresee that web design in 2010 is going to be fun and filled with experimental works. With the new CSS3 and HTML5, designers and developers are trying to utilize the new features to create impressive designs.

Sketchy and large background styles are fading out. Serif fonts and texturized background will be popular. Thanks to CSS3, we are going to see a lot of rounded corners, RGBA transparency, and drop shadows. With the rise of smart phones, mobile web design is going to pick up this year. Serif Fonts In the last decade, most web sites were designed in either Verdana or Arial (sans-serif fonts), but that is going to change in this new decade. Big Headings Big headings in header (as part of design interface) will gain more popularity in 2010. Custom Font Embedding As Typekit is expanding their font list and more free quality fonts are available (e.g.

Texturized Background Minimalist & Grid Minimalist and grid designs are not today's new. Text Shadow. We Love WP – WordPress Gallery, WordPress Websites, Blog Designs, Designer Inspiration and WP Themes. » WordPress Gallery. 20 portfolios pour trouver l’inspiration. MIX 2010 – Jour 2 (suite) Suite de la deuxième journée de conférence au MIX 2010.

Les vidéos et diaporamas des sessions sont déjà disponibles ici : Live.VisitMix.com/videos. Total Experience: A design Methodology for Agencies Salle comble pour cette session présentée par Organic sur les méthodologies créatives en agence : Le mot de la fin : Il insiste sur l’importance de faire du travail de terrain pour bien comprendre les habitudes / motivations / contraintes des clients et prospects (plutôt que d’acheter des études aux instituts spécialisés) et pour itérer sur un concept créatif, une campagne ou un site (notion de beta perpétuelle, même pour une action de com’). Modern Web Form Design Impossible pour moi de rater la session de Luke Wroblewski, mon maitre à penser, sur la conception de formulaires : Saisir un mot de passe peut être compliqué car les caractères sont masqués (idéalement il ne faudrait cacher que les caractères déjà saisis).

À suivre… Le principe de proximité dans le webdesign. 40 Beautiful Corporate Websites. In today’s marketplace, every company needs an effective website. Of course, the purposes and needs of each company’s site will be unique, but every company should have a site that presents a professional image to visitors. That image should also be an accurate representation of the company and should work with other branding efforts to present consistent messages to customers. Portfolio websites, blogs, and e-commerce websites often get attention as sources of design inspiration, but today we’re focusing on corporate websites. The purpose of these sites is to provide information about the company and its products or services.

Here you’ll find 30 excellent examples that should serve as some inspiration for your own design projects. Looking for hosting? Create a Clean and Colorful Web Layout in Photoshop. In this tutorial I am going to show you how to create a clean corporate layout in Photoshop. The original layout was created by kuntiz from ThemeForest and I want to thank him for allowing me to write this tutorial. Materials Needed: Step 1: Create a new document Create a new document (Ctrl+N) in Photoshop with the size 1200px by 750px. Then select the Gradient Tool (G) and draw a gradient #792700 to #000000 from the top to the bottom of your document. Step 2: Add some colors to your background Create a new layer, select the Brush Tool (B), select a soft brush with the diameter 300px and add some colors to your layout. Step 3: Add a texture to the background Now we are going to create a texture for our background.

Step 4: Create a dark background for the content Create a new layer, select the Rounded Rectangle Tool (U), set the Radius to 3 pixels and create a rounded black rectangle. Step 5: Use groups to organize your layers Step 6: Create more groups Step 7: Add a logo and a tagline Step 13. 99 High-Quality Free (X)HTML/CSS Templates | Showcases. As you already familiar with the fact that your website represents you and your brand. It’s up to you how you set-up your website. Just because WordPress themes tend to get a lot of exposure and attention in the design community these days, It doesn’t mean basic (X)HTML/CSS templates are ugly, cluttered, and boring. You can built you corporate or personal identity over web using these (X)HTML/CSS templates. Thanks to all designers and developers from all over the world who freely distributed their high-quality templates for everyone on web. This is not the traditional long list with all the available (X)HTML/CSS templates on the internet but its an refined collection of best handpicked free (X)HTML/CSS templates which was created with the online professional in mind as we also know that our website reflects the identity of each of us on the Internet.

Also please Notice that these templates is not arranged in any particular order so just scroll down and find your inspiration. 02. 03. 04. Typekit Offers a New Approach to Fonts on the Web. The Internet was abuzz today with the news of Typekit, an upcoming product from user experience guru Jeff Veen (who helped create Google Analytics) set to launch this summer.

Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users. In other words, the web is about to get a whole lot more accessible and indexable even while it gets prettier. The problem, says Veen, is that most web fonts aren't licensed for CSS linking or use on web pages. Even free fonts are generally not licensed for that type of use. "If the technology to link typefaces exists, designers can and will do so regardless of licensing. Designers, what do you think of Typekit's concept?