![]() ![]() ![]() Here's another great collection of design tutorials. These talk about Photoshop primarily, but the ideas are easily assimilated. For example Bjango has some excellent articles. ![]() and then try getting them down in Inkscape. In your searches do not restrict yourself to searching for Inkscape, but look for ideas created using Photoshop, Illustrator etc. There are a lot of sites dedicated to design out there. This becomes particularly important when exporting images for high resolution displays like the Retina display. Miguel de Icaza explains exactly how to do this. You can however snap your image elements to pixel boundaries when drawing them for clearer exports. Moreover Inkscape anti-aliases images when it exports them as bitmaps this is what causes blurry images. Inkscape sadly does not allow you to re-touch individual pixels like Photoshop. Vector shapes do however have a drawback in that sometimes scaling art work results in images that are sometimes blurry and not as crisp as raster images. This is great when doing art work for iOS and other mobile platforms where you have a variety of screen sizes to cater to. Inkscape is a vector shape drawing tool, which differs from raster based tools like the GIMP in the fact that you can scale your drawings to any size you want. Creating wireframesĪn article on mocking up your UI's with Inkscape. Two excellent articles on tab bar icons using Inkscape. Tab bar iconsĪ lot of iOS apps need tab bars, here are a few tutorials to help you with icons for these tab bars.ġ. Here's another that uses Photoshop, try doing this in Inkscape. You can do pretty much everything in Inkscape as well. Here's a sitepoint article on creating iPhone icons using Adobe Illustrator. Icon design for iOS from Cocoa with love (absolutely brilliant articles).Ģ. A few interesting articles on designing these.ġ. The window to your users your display on the marketshelf. Don't just restrict yourself to English language posts, there are a lot of good ones in other languages. There are few more nice tutorials on this site.ħ. KalaaLog another nice blog by Mahesh with some interesting Inkscape designs.Ħ. Excellent video tutorials on YouTube by Tutor4u and HeathenX.ĥ. A fun post on building Pac-Man baddies.Ĥ. Learn how to design a simple light bulb icon - Vector Tuts Article.ģ. One site in particular I would recommend anyone interested in seriously improving their UI skills is Dribbble see how the masters do it and try replicating their ideas and designs. Here are a few interesting tutorials to get you started, after which I guess the sky is the limit. Most of the really brilliant UI designers out there have probably been at it for years. I particularly recommend Tavmjong Bah's book.īecoming good at drawing is practice. A great resource for beginners to get familiar with Inkscape is of course the I personally prefer Inkscape to both Illustrator and Photoshop (but I know literally nothing about design, so please try the others out before you take my word for it). Inkscape is a vector shape drawing program, similar to Adobe's Illustrator. You can of course use the skills you gain for other development efforts, Microsoft's fabulous Windows Phone comes to mind. Below is a collection of resources and design practice material that I have found useful when learning how to use Inkscape, with a focus on designing for iOS devices. ![]()
0 Comments
Leave a Reply. |