サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
大そうじへの備え
www.teehanlax.com
I’m really excited today to share the news that our iOS 7 GUI template is going to ship natively in Sketch 3 (Sketch 2 shown above). No longer will you need to Google ‘iOS GUI Sketch’ and download the file from our site. You can just open Sketch 3, select our iOS 7 template and starting building out your next iOS app. When Pieter Omvlee, the founder of Bohemian Coding, reached out asking if we wou
iOS 7 is a real conundrum. It juxtaposes its smooth, platonic interface elements with the physical realism of making those elements respond realistically to user interaction. We already covered UIMotionEffects, which adjust the appearance of an interface to the way the user is holding a device. Today, we’re going to cover realistic animations using UIKit Dynamics. In order to create truly realisti
If you’ve been developing iOS applications for any length of time, you’ve probably heard of Model-View-Controller, or MVC. It’s your standard approach to building iOS apps. Lately, however, I’ve been growing tired of some of MVC’s shortcomings. In this article, I’m going to go over what MVC is, detail its weaknesses, and tell you about a new way to structure your apps: Model-View-ViewModel. Get o
iOS 8 GUI for Sketch (iPhone 6) A Sketch file of GUI elements found in the public release of iOS 8. HDownload (18.3 MB) Updated November 28, 2014 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. Make good stuff The Sketch file i
When teaching a new programming technique, there is a spectrum ranging from practice to theory. At one end, you teach only what you need to understand to implement a feature. At the other end, you teach the reasoning behind the API necessary to implement a feature. Too practical and you risk creating cargo-cult coders. Too theoretical and you risk alienating users of your API. It’s a tough balance
We’ve previously discussed using UIKit Dynamics to make realistic-feeling interfaces by applying the physics simulation to instances of UIView in our interface. In that article, we mentioned that a UIView is only one example of a concrete implementation of the UIDynamicItem protocol, alluding to the fact that another class conforms to the protocol. That other class is UICollectionViewLayoutAttribu
A Place for Sharing Ideas and Stories There is plenty of media in the world already. And no matter what happens to traditional media economics, there’s nothing to stop the torrent of information rushing from smartphones, corporations, and new-fangled media startups onto the Internet, available for the world to see. While it continues to be more and more efficient to put media-type stuff out there,
Back to blog Reproducing the iOS 7 Mail App’s Interface Written by Ash Furrow on August 20,2013 in Development iOS 7 introduced a whole new visual layer applied to its existing information architecture. One of the more interesting changes it made to the familiar gestures was how it augmented the swipe-to-delete gesture in the Mail app. The gesture for swiping a table view cell revealed not only a
Density Converter This calculator tells you how to scale graphics between four density groups. Try it out
iOS 7 GUI PSD A Photoshop template of GUI elements found in the beta 1 release of iOS 7. HDownload PSD Updated June 12, 2013 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. This PSD is based on the beta, so be aware that design
Note: This is going to be a slightly more technical post geared toward our friends in the iOS developer community. In my previous post, I covered high-level aspects of ReactiveCocoa, the Objective-C framework that allows developers to write apps declaratively. Now I’d like to introduce some patterns in ReactiveCocoa, discuss a few best practices, and outline common gotchas to be on the lookout for
iOS 8 GUI PSD (iPhone 6) A Photoshop template of GUI elements found in the public release of iOS 8. HDownload PSD Updated October 14, 2014 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. Make good stuff The PSD is a well organi
Note: This is going to be a slightly more technical post geared toward our friends in the iOS developer community. Objective-C is a programming language which often finds itself mired in the antiquated ways of C, the programming language upon which modern Objective-C is built. While improvements in computing power have advanced the state of art in programming language design, Objective-C sometime
“That’s it. It’s over.” It was June 19, 2002, and I was sitting in a hotel room in San Francisco when I got that news from my managing director. Modem Media, the company where I had served as Creative Director for the past 4 years, was shutting its Toronto office. I was in San Francisco trying to convince the West Coast office of Modem that they should move work to Toronto. The Canadian dollar was
Framing possibilities Labs is a small independent unit within Teehan+Lax tasked with exploring the creative uses of technology in the digital channel and framing technical possibilities for the agency, clients, and wider community. Create a Hyperlapse. Hyper-lapse photography – a technique combining time-lapse and sweeping camera movements typically focused on a point-of-interest – has been a gro
Based on our experience creating great iOS apps, we’ve come up with a list of 5 things we believe designers should keep in mind while conceptualizing interfaces for iOS. While the focus of this article is only on iOS apps, much of the advice here translates directly to other mobile platforms. 1. Understand Your Medium This seems obvious, but designing apps instead of websites actually represents a
Of all the iOS GUI Photoshop documents we’ve created over the past 4 or 5 years the one for the iPhone is by far the most popular. We take these things pretty seriously because we use them on a daily basis ourselves. This version, iOS 6 for iPhone 5, is a bit different than previous versions. Those of you who have downloaded and used these files have probably noticed they’ve become quite bloated.
License: The sole purpose of this file is to help you pitch, design and build amazing software. It can't be repurposed as your own, nor can it be broken apart and used to create similar tools. Of all the iOS GUI Photoshop documents we’ve created over the past 4 or 5 years the one for the iPhone is by far the most popular. We take these things pretty seriously because we use them on a daily basis o
In 2008 we released our first iOS PSD. We continue to do it, not only because we find useful, but because we think a lot of other designers do too. In fact, over the past four years they’ve been downloaded millions of times. It’s become our little thank you to an industry that has given us so much. We’re really proud to be releasing our latest version today. It’s based on iOS 5.1 and includes hund
With Apple leading the movement, phones, tablets, laptops, and desktop displays are rapidly increasing in resolution. This is wonderful for everyday mobile users, as the quality of their device screens become sharper and allow them to better experience the finer details of an application. But this creates an interesting challenge — designing for multiple mobile densities. Understanding densities T
iPad GUI PSD This Photoshop template contains all the major iOS elements to help you design your app. HDownload PSD Updated November 13, 2013 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. The iPad PSD is well organized, label
License: The sole purpose of this file is to help you pitch, design and build amazing software. It can't be repurposed as your own, nor can it be broken apart and used to create similar tools. In 2008 we released our first iOS PSD. We continue to do it, not only because we find useful, but because we think a lot of other designers do too. In fact, over the past four years they’ve been downloaded m
The iPhone GUI PSD has been very helpful for designers / developers in mocking up their apps, although in some cases it’s proved a little too high-fidelity. For rapid prototyping we found we needed a more malleable approach. This is when we turn to the iPhone Sketch Elements AI. This collection of common iPhone elements in a sketch – like style allows us to easily and quickly mock up flows of cust
License: The sole purpose of this file is to help you pitch, design and build amazing software. It can't be repurposed as your own, nor can it be broken apart and used to create similar tools. This iOS 5 Photoshop template makes it easy to mockup retina display iPhone apps. This file now includes countless changes and additions to align to iOS 5. As usual, we’ve painstakingly recreated everything
Every time we create one of these files we notice just how much has changed. I’m not talking about the obvious stuff like iCloud, Siri or Notifications. I’m talking about the small stuff. It’s an eye-opening experience looking this closely at what makes up an interface. You don’t notice this level of detail on a micro level, but you’re aware of it on a macro one. When you pick up your phone to se
Framing possibilities Labs is a small independent unit within Teehan+Lax tasked with exploring the creative uses of technology in the digital channel and framing technical possibilities for the agency, clients, and wider community. “The perception of system output must be greater than the perceived user input, and within that range there is a sweet spot where [user experience] is delightful and m
License: This file may ONLY be used for mocking up Android apps. No, it can’t be used in a theme to sell or go in ads for your new app or use it to build your Web site. It is a tool for designers, that is it. This Photoshop template makes it easy to mockup pixel-accurate Android app designs. One of the challenges of an ever-changing digital channel, is that we find ourselves spending more and more
Yes, we <3 Android, too! One of the challenges of an ever-changing digital channel, is that we find ourselves spending more and more time designing for various platforms and form factors. One such platform is Google Android. This doesn’t come as much of a surprise: a survey conducted in June, 2011 found that among consumers who plan on buying a smartphone in the next 3 months, 32 percent prefer an
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 com
次のページ
このページを最初にブックマークしてみませんか？
『This is Goodbye』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
