Today we veer off in a slightly different direction, and even though this isn’t particulary about Twitter Bootstrap tutorials,
it is equally important to those learning Twitter Bootstrap. Before
setting off to develop your first site or template based on Twitter
Bootstrap, you’ll need to mockup a site design, and the tools we’ve
listed below will help you immensely in this task.
Twitter Bootstrap Responsive Grid Photoshop Templates (PSD)
Far and away the most popular design tool out there is Adobe
Photoshop. There’s’ a great template for laying out grid-based design
for Twitter Bootstrap at the link below:
Fireworks Designer’s Toolkit for Twitter Bootstrap
Another popular tool for UI designers is Adobe Fireworks. Below are
two template tools for Twitter Bootstrap UI design with Fireworks:
OminGraffle Stencil for Twitter Bootstrap
For those that start the design process in OnmniGraffle you’ll be glad to know there’s a great stencil for Twitter Bootstrap.
Free Twitter Bootstrap UI Mockup Templates for Keynote, PowerPoint and OpenOffice
For those want to use a more simple tool for mocking up Twitter
Bootstrap UIs you may want to use the Free Twitter Bootstrap UI Mockup
Templates for Keynote, PowerPoint and OpenOffice, which you can download
here.
Be sure to subscribe and stay tuned for more Twitter Bootstrap Tutorials and resources.
No comments:
Post a Comment