background preloader

50 Powerful Time-Savers For Web Designers - Smashing Magazine

50 Powerful Time-Savers For Web Designers - Smashing Magazine
Advertisement There are tools that make our lives much easier. However, finding those obscure time-savers which would save time in every single project isn’t easy and requires a lot of time. At Smashing Magazine, we are regularly looking for such useful tools, gather them, review them and eventually prepare for a truly smashing round-up. Such posts are quite lengthy and extensive, but they are always worth checking out. In this post, you’ll find an overview of useful and handy tools that can help you increase your productivity and improve your workflow. Useful Time-Savers For Web Designers House of Buttons1A growing collection of various buttons spotted in the wild by Jason Long. Historious2 Historious makes bookmarking work the way you want it. Browser UI3 The Browser UI is an action that creates a browser window around any size Photoshop document you can throw at it. A/B Split Testing Calculator4 A/B Test Calculator shows you a comparison of several versions of a particular web page. Related:  tools&tips

JeFaisDu3D Pour ceux qui ne connaissent pas Olivier, c’est ça ( Full 3D!! ), ça, mais aussi ça ! Olivier Vernay, c’est aussi des chiffres monstrueux : 10 ans d’expérience, 4 paninis au thon digérés par semaine… Le bougre bosse maintenant chez Blur studio et ma foi, il a l’air de s’y plaire. Salut Olivier ça fait maintenant un moment qu’on se connait et je sais que tu as fait plein de profil de boite. J’ai commencé à Cryo à Paris, pas vraiment une petite boîte (dans les 200 personnes quand je suis arrivé fin 99) mais quand même payé une misère :) . Maintenant tu es aux US, chez Blur. J’ai jamais pensé déménager dans un autre pays, mais on m’a fait une proposition et j’ai accepté, en partie parceque j’avais envie de changer d’air. Ça fait combien de temps que tu y es maintenant ? 2 ans tout juste. Maintenant que tu as fait tous les profils de boite, tu peux me dire les inconvénients et les avantages d’une petite boite. Au niveau des salaires, c’est intéressant de traverser l’atlantique selon toi ?

Web design training: 20 steps to the perfect website layout When designing a website layout there are some common mistakes that often pop up, especially with interns and new designers. In this list of steps to the perfect website layout, we cover what every new website builder working within a digital agency should know and do before starting a new project, and what they should pay attention to during the process to avoid making these mistakes. These principles cover not only design aspects but also general workflow tips that will get the job done nicely. Follow them and you'll soon be on your way to creating professional website layouts. 01. Before starting the work you need to know what is it you are designing for. Good redesigns are not necessarily the most flashy ones but the ones that improve performance over time. 02. This seems very obvious but I've found too often that designers jump straight into their work before giving any thought to the problem they are trying to solve. 03. 04. It's as simple as it sounds. 05. 06. 07. 08. 09. 10. 11.

When A Thousand Words Is Worth A Picture - Smashing Magazine Advertisement Good design speaks for itself, right? Unfortunately, that is rarely the case. Most of us don’t have the privilege of designing for ourselves; we design for clients, clients who have their own taste and ideas, clients who ultimately need to be persuaded on why we’ve made certain decisions. Good design doesn’t speak for itself; it needs an advocate. This article examines both why design requires justification and how you can go about providing it in a way that is clear and understandable. Beyond The Talk There is a saying oft quoted by professionals: “Those who can, do; those who can’t, teach.”— George Bernard Shaw, Man and Superman I disagree with the premise of this statement, but I do sympathize with its tone. Web design is to some degree immune from this criticism, being an extremely practical discipline by nature, and also a very new one. At the other end of the spectrum, we have the salespeople. We need to reconnect the practice of design with the theory of design. Dan M.

Draw on any webpage. Share your ideas. - MarkUp Understanding Visual Hierarchy in Web Design Visual hierarchy is one of the most important principles behind effective web design. This article will examine why developing a visual hierarchy is crucial on the web, the theory behind it, and how you can use some very basic exercises in your own designs to put these principles into practice. Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in October of 2010. Design = Communication At it's core, design is all about visual communication: To be an effective designer, you have to be able to clearly communicate your ideas to viewers or else lose their attention. To figure out why this is true, it's important to understand a little bit about the way that we see things. Chances are, you don't see "two circles"; Instead, you saw "one black circle and one smaller red circle". Let's now look at a more complex image: The Dawn of Hierarchy Consider the following image of two text blocks: Size

MELANIE DELON » ILLUSTRATOR Designing A Website from Scratch – Illustrator or Photoshop? - Graphic Design Beta - Stack Exchange I've got to disagree with DA01. The fact that a web document isn't a static image is irrelevant to the usefulness of a graphics editor for laying out and designing a website. Your design mockup doesn't need (and shouldn't) be a working prototype of your website. The design mockup is a document that helps you visualize and sculpt the aesthetic design of your site. Just because a sheet of paper or whiteboard doesn't have all the minute qualities of a web document doesn't mean it can't be used to wireframe a website. Likewise, the fact that the browser window can be stretched and resized has no bearing on the value of design mockups. Secondly, a piecemeal approach to design is not conducive to quality results. Lastly, it takes much longer to make design changes in code than it does to tweak a mockup image.

Arkitip, Inc.

Related:  resourcy 4design