Get flash to fully experience Pearltrees
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. Let's divide content into two broad groups. Content without well-defined form ( Formless Content ( Fig. 1 ) ) Content with well-defined form ( Definite Content ( Fig. 2 ) ) Formless Content can be reflowed into different formats and not lose any intrinsic meaning.
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!
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.
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).
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. As Jeff Dachis put it "everything that can be digital will be because it would be better, faster, and cheaper."
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.
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 differ from standard pagination controls because they usually: Display a large set of elements to choose from that communicates the range of content available (not just previous and next actions). Use small multiples to display the set of options visually provide a larger (zoomed in) preview as people browse the set. Not all of Apple's scrubbers have each of these characteristics, but they all have at least one.
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.
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.
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 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.
According to AdMob, the iPhone operating system makes up 50% of the worldwide smartphone market , with the next-highest OS being Android at 24%. Sales projections for the Apple iPad run anywhere from one to four million units in the first year. Like it or not, the iPhone OS, and Safari in particular, have become a force to be reckoned with for Web developers.