background preloader

35 Excellent Wireframing Resources - Smashing Magazine

Advertisement Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer. Below are more than 35 resources for creating better wireframes, including tutorials on different methods and a variety of tools available. 1. Here are more than twenty wireframing articles, guides, and tutorials to help you improve your wireframing process. Wireframes Magazine This site offers tons of resources and articles about wireframing. Wire Frame Your Site A great introduction to the benefits of wireframing from Sitepoint. Ajax Wireframing Approaches A post in a series from Particletree about prototyping Ajax, this covers wireframing techniques. Framing the Problem An article about wireframing from ClickZ.

http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/

Related:  Resource

10 UI Design Patterns You Should Be Paying Attention To - Smashing Magazine Advertisement Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.

16 Design Tools for Prototyping and Wireframing Article This article was written in 2009 and remains one of our most popular posts. If you’re keen to learn more about wireframing, you may find this recent article on free online wireframing tools of great interest. In recent years the number of tools available to help you document and design your web site has just exploded. It seems that we all need a wireframing or prototyping tool at our fingertips (at least in the design arena). So in order to save you the hard work required to find one, I’ve assembled this list.

The Ten Commandments Of Efficient Design In Axure Advertisement Axure is a powerful tool for creating software prototypes quickly. Getting started with it is really easy; however, therein lies a danger. The tool is so intuitive that many users can be productive without undergoing any formal training. What they might not be aware of is that they probably aren’t using Axure optimally. Effective Twitter Backgrounds: Examples and Current Practices « Advertisement Smashing Magazine has been on Twitter for about a year now (@smashingmag1), and it turned out to be a great medium to communicate with our audience, build connections, discuss design-related topics and give away some nice prizes. However, even a year later, we still don’t have a Twitter background page and now is a good time to change that. So because we decided to create our own Twitter page, we wanted to first find out how other designers do it and what tips and techniques they use to create a truly outstanding, beautiful Twitter page.

10 UI Design Patterns You Should Be Paying Attention To Advertisement Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Photoshop WebDesigner Toolbox: Resources You'll Ever Need If you’re using Photoshop daily it’s essential to have an asset library. Having a pre made toolbox or asset library can be extremely handy. Having the right toolbox can save you a whale of a time and provide you with nifty resources. If you’re a web designer, your asset library will probably differ from a photographers library, however there are things which should be found in every Photoshop user’s toolbox. While you could spend countless hours making your own resources, usually there’s no need to do that.

50 Free UI and Web Design Wireframing Kits, Resources and Source Files Advertisement Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations. This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. Yahoo!

The 65 Most Annoying things about the Web Today 2.7K FlaresFilament.ioMade with Flare More Info'> 2.7K Flares × Using the Web can still be a very annoying experience! We’ve come a long way on the web today. Or have we? While we’ve innovated in many areas, we’ve also continued to disregard pre-existing issues. 15 Essential Checks Before Launching Your Website Advertisement Your website is designed, the CMS works, content has been added and the client is happy. It’s time to take the website live. Or is it? When launching a website, you can often forget a number of things in your eagerness to make it live, so it’s useful to have a checklist to look through as you make your final touches and before you announce your website to the world. This article reviews some important and necessary checks that web-sites should be checked against before the official launch — little details are often forgotten or ignored, but – if done in time – may sum up to an overall greater user experience and avoid unnecessary costs after the official site release.

25 Amazing Retro Web Sites for Your Inspiration A fresh post for this hot June with a Back to the Past. With the term Retro we describe a review of past trends that relive in modern Design. We’re watching, in these last years, as the use of illustrations from old posters, old-style typography, old cars, old packaging and old photos are popular also in Web Design.

10 Free Wireframing Tools for Designers This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Wireframing is a crucial step in web design and development as it allows for rapid prototyping and helps to pinpoint potential problems early in the process. It can be invaluable to have a visual representation of content, hierarchy and layout. Wireframes make it easier to communicate ideas, reduce scope creep, cut down on project costs (due to fewer design revisions later), and enable greater upfront usability and functionality testing. 12 Free Web Apps to Boost Your Drawing Skills Drawing and sketching were once activities limited to pencil and paper, but for budding artists in the digital age, there's a wealth of online, browser-based tools to let your creativity run wild. It doesn't just have to be a hobby or pastime, though — drawing is useful for brainstorming and problem-solving, and these web apps can aid in any profession. We've picked 12 of the best drawing and sketching apps to suit any level of artist, ranging from professional-grade applications to simple tools for doodling.

Related:  Wireframes