iOS

TwitterFacebook
Get flash to fully experience Pearltrees
This Week's Top iOS Controls ECSlidingViewController is a view controller container for iOS that presents its child view controllers in two layers. It provides functionality fo...

Custom UI Component Database for iOS and Mac OS X - Cocoa Controls

http://cocoacontrols.com/
Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types of illustration). ( Click for full size ) http://mrgan.tumblr.com/post/708404794/ios-app-icon-sizes

All the sizes of iOS app icons - Neven Mrgan's tumbl

For too long , the act of printing something in and of itself has been placed on too high a pedestal. The true value of an object lies in what it says, not its mere existence. And in the case of a book, that value is intrinsically connected with content. Formless Content can be reflowed into different formats and not lose any intrinsic meaning. It's content divorced from layout. Most novels and works of non-fiction are Formless. http://craigmod.com/journal/ipad_and_books/

Books in the Age of the iPad — Craig Mod

Cameron Daigle Dot Com | PodCamp Nashville 2010 Presentation

http://camerondaigle.com/articles/podcamp_nashville_2010_presentation/ For the few dozen faithful of you that attended PodCamp Nashville 2010 (and the even fewer dozen that read my articles) (lots of love to you all), here are the slides from my segment of Griffin Technology’s presentation, entitled “Is The iPad Just A Big iPhone?” (Yes, we realize that the word “the” before “iPad” is against Apple rules. Rebellion!) We were (secretly) hoping to get some folks on the offensive (or defensive) with that title, but the audience was actually quite civil and inquisitive. Which was good as well!

Design & Code a Cool iPhone App Website in HTML5

http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5 HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects. HTML5 isn’t here just yet, but the Working Draft is complete enough for us to play around and get to grips with the exciting new elements we can use in our code.

Design Trends: 25 Of The Coolest iPhone APP Website Designs | SpyreStudios

http://spyrestudios.com/design-trends-25-coolest-iphone-app-web-designs/ Regardless if you have an iPhone or not (I currently do not – I’m a die hard blackberry addict) you have to admit that the Mac/iPhone style of design is super sleek and very pleasing on the eyes. A specific type of design trend I’ve seen a lot lately are the iPhone app websites. They generally all follow the same plan of attack (for good reason) but it makes me wonder – are these sites being built to just blend in with the rest of the pack or are there some that stand out? I went around online and found 25 of the coolest iPhone app websites – not necessarrally the coolest APPS, but the coolest website designs. What I found was a lot of the big iPhone image on the page, showcasing how the app actually looks. I also found a lot of darker website designs.
I held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience. Predictably, an extremely popular topic was the iPad , and how to approach the design of iPad applications. I gave a 90-minute presentation on the subject to start each workshop, and I want to share some of my observations here. Please note: this is about the user interface conventions and considerations which apply to creating software for the iPad platform (and touch-screen tablet devices in general).

iPad Application Design » Matt Legend Gemmell

http://mattgemmell.com/2010/03/05/ipad-application-design
http://www.lukew.com/ff/entry.asp?996 February 4, 2010 by Luke Wroblewski One of the more unique iPad User Experience Guidelines from Apple suggests that applications designed for the iPad should have a realistic, physical dimension. "The more true to life your application looks and behaves, the easier it is for people to understand how it works and the more they enjoy using it." - Human Interface Guidelines for the iPad Yet it's no secret that physical metaphors can easily be overdone in application user interfaces. Just see Microsoft Bob for an example. So I wonder if this guideline from Apple is a deliberate recognition of (or push for) the digitalization of many of our common physical objects.

iPad Apps: Physicality and Heightened Realism

http://www.teehanlax.com/blog/ipad-gui-psd/ Now that Apple has officially released the iPad we want to start designing for it. While Apple’s interface builder is great, it doesn’t really allow us to create custom UI elements on the fly. We decided to take a page from our iPhone GUI PSD and create one for the iPad. The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768 x 1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

iPad GUI PSD Design Template | Teehan+Lax

http://www.lukew.com/ff/entry.asp?1006 February 23, 2010 by Luke Wroblewski Though they are implemented quite differently in each case, a number of Apple's new iPad applications feature navigation scrubbers (scrub bars) that allow people to quickly move through sets of content or media with simple touch (tap and drag) gestures. Scrubbers have also gotten picked up by developers creating content for the iPad -as illustrated in Wired's iPad application demo . Chances are when iPad applications become available in the App Store, there will be several apps that follow Apple's model and make use of scrubbers for navigation of content and media sets.

iPad Scrubber Navigation Elements

iPhone 4 GUI PSD (Retina Display) | Teehan+Lax

Thanks for you patience on this one. It took a good deal longer to complete given the sheer size and level of detail the retina display has. It wasn’t a simple scale-up from the last file. It was clear as we created it that Apple has spent a lot of time considering how each element should be translated to such a dense resolution.

iPhone and iPad Development GUI Kits, Stencils and Icons | Speckyboy Design Magazine

Apple don’t have any comprehensive pre-built GUI resources for app development, making it very hard to match the uniformed style of the iPhone or the iPad. You will need to create your own. To help streamline your iPhone app design and development, we have put together a fairly comprehensive collection of iPhone & iPad GUI kits that will allow you to focus on developing rather than having to design everything from scratch. Within this post you will find complete GUI kits and stencils, iPhone GUI elements and PSDs and finally a collection of the best icon-sets perfectly suited for the iPhone.

iPhone GUI PSD Design Template, v4.0 | Teehan+Lax

Updated: Get the Retina version here . Now in its fourth iteration, this version of the template has been completely redesigned from the ground up. Based on iOS4, it includes all the elements you need to design proof-of-concepts or production ready assets. Previous versions of this file we’re riddled with issues like blurry edged buttons and incorrect “bevels”. These issues have been addressed as best they can using Photoshop’s shape layers and layer styles. If you’re modifying any of the vector elements be sure the shapes are sitting on full pixels or your assets will begin to look blurry.

Resolution independence - Wikipedia, the free encyclopedia

Resolution independence is a computing concept whereby elements on a computer screen are rendered at sizes independent from the pixel grid , resulting in a UI that is displayed at a consistent size, regardless of the size of the screen. [ edit ] Concept As early as 1978, the typesetting system TeX due to Donald Knuth introduced resolution independence into the world of computers.

Web Development For The iPhone And iPad: Getting Started - Smashing Magazine

You get 100% control over the means of payment, promotion and distribution to users… which could also be a negative, depending on how you look at it. Designing a Web app for this platform is much like designing a native app, so you’ll have access to some really great tools. Whether your wireframing tool of choice is pencil and paper or desktop software, you’re covered. Paper prototyping has long been my tool of choice for wireframing new ideas or websites. What I really like about the tools below is that they provide perspective on the size and dimensional constraints that you’re dealing with.