clooket/DeploydKit UIKit User Interface Catalog: About Views Views are the building blocks for constructing your user interface. Rather than using one view to present your content, you are more likely to use several views, ranging from simple buttons and text labels to more complex views such as table views, picker views, and scroll views. Each view represents a particular portion of your user interface and is generally optimized for a specific type of content. Purpose. Experience app content Navigate within an app Implementation. Configuration. Content of Views All views in UIKit are subclasses of the base class UIView. Use the Mode (contentMode) field to specify how a view lays out its content when its bounds change. The Tag (tag) field serves as an integer that you can use to identify view objects in your app. Behavior of Views By default, the User Interaction Enabled (userInteractionEnabled) checkbox is selected, which means that user events—such as touch and keyboard—are delivered to the view normally. Appearance of Views Appearance Proxies
Themes - Overview - iOS Human Interface Guidelines iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Design Principles To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity. Aesthetic Integrity Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. Consistency A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. Direct Manipulation The direct manipulation of onscreen content engages people and facilitates understanding. Feedback Feedback acknowledges actions and shows results to keep people informed. Metaphors User Control Throughout iOS, people—not apps—are in control.
Spark Inspector - Runtime Inspection for iOS Apps 10 things designers need to know about iOS 7 | Apple Apple has long been criticised for the slightly haphazard approach it's taken to the user interface design of its apps, and the iOS platform in general. Some apps have featured heavily skeuomorphic design, while others have been purely functional with little or no design flourish. Yesterday, though, that all changed. At its annual developers conference, WWDC, Apple introduced an all-new design language for iOS 7, eschewing the pseudo-3D patent-leather, wood and felt in favour of a clean approach that’s typography-led and heavily (although not exclusively) influenced by flat design. This shift in approach is a game changer to designers responsible for crafting iOS app interfaces. We’ve scoured Apple’s Transition Guide and picked out the 10 most important considerations for designers. Read all our app design-related articles here 01. One of the most important changes in iOS 7 for interface designers is the introduction of transparency and translucency. 02. 03. 04. 05. 06. 07. 08. 09. 10.
iOS 10 Design Guidelines for iPhone and iPad - Design+Code While Apple calls iOS 10 their biggest release ever, most of the new features are consumer-facing, like Widgets, Siri/Messages integration, and expanded notifications. For designers, the only noticeable design changes are bolder titles and bigger use of cards, as seen in native apps like Music and News. Whereas iOS 7 started with a widespread use of thin fonts, iOS 10 is going back to using bolder texts. Platform maturity iOS has matured a lot over the years. Adaptive Layout and Multitasking With the increasing number of device resolutions to deal with, it is crucial to make your layout adaptive. San Francisco Font The default font is now the San Francisco font, which is made in-house by Apple. SF Font Tracking iOS automatically adjusts the tracking value and Text/Display for San Francisco based on the font size. Use this Sketch plugin to quickly apply the correct character spacing values. 3D Touch Users can now force-press your App Icon and find frequently used items. Points and Pixels Colors
75 Essential Tools for iOS Developers - Ben Scheirman If you were to go to a master woodworker’s shop, you’d invariably find a plethora of tools that he or she uses to accomplish various tasks. In software it is the same. You can measure a software developer by how they use their tools. Experienced software developers master their tools. It is important to learn your current tools deeply, and be aware of alternatives to fill in gaps where your current ones fall short. With that in mind, I present to you a gigantic list of tools. I tried to categorize these the best I can. And without further ado, we’ll start from the beginning of any project, and that Inspiration pttrns – A great library of iOS screen designs categories by task. Design Mocks ($) – An easy to use tool to create a quick mockup of an iOS app. Source Control Git – If you’re not using source control stop what you’re doing and rectify that. Dissecting Apps Editors I know what you’re thinking, don’t all iOS developers use Xcode? Documentation Dependency Management Diagnostics & Debugging
quartermaster/QSKit Building Automated Analytics Logging for iOS Apps | Heap Blog Analytics is often the first tool developers add to their iOS app. A standard approach is to write logging code like this: Let’s call this manual event-tracking. With manual event-tracking, you write logging code for each analytics event you care about. A logEvent: for signing in, a logEvent: for inviting a friend, a logEvent: for opening the Settings view, and so forth. Here, we’ll describe a different approach: automatic event-tracking. In this post, we’ll provide a blueprint for building automatic event-tracking into your own app. The Problem with Manual Event-Tracking Let’s say you’ve launched your new iOS app. But after the initial fanfare subsides, you start to think: “Where did all my visitors drop off in our signup form?” Oh, right. Now your next two weeks will be spent: Mourning launch data that’s forever lost.Instrumenting your signup flow with logging code.Waiting for your app to get approved by Apple.Waiting.Waiting some more for data to trickle in.Analyzing your data.
iOS testing framework robbiehanson/CocoaLumberjack TapFancy – An iPhone app design showcase and gallery 20 Free GUI Templates for 'Flat' Web Design All of the UI templates and kits we have for you today have been designed in a Flat style. Meaning they have been created ‘without the usual gradients, pixel perfect shadows, and skeuomorphism…’ All of the kits are free, editable, and all are perfect for quickly creating web and mobile mockups. Flat UI Kit (PSD) Rampy Flat UI Kit (PSD) Flat Ui Kit (PSD) Mountain Flat UI Kit (PSD) Flat UI Kit (PSD) Flat Ui by NAS (PSD) UI Kit by Kamal Chaneman (PSD) Modern Flat UI Kit (PSD) Flat UI Kit (Sketch) Flat Blog UI Kit (PSD) by PSDExplorer Square UI (PSD) by DesignModo Flat Widget UI Kit (PSD) by Riki Tanone Flat UI (PSD) by Andy Law UI Kit (PSD) by Abhimanyu Rana UI Kit (PSD) by Jamie Syke Flat UI Kit (PSD) by VisualCreative Web App Flat UI (PSD) by Blaz Robar Minimal UI Kit (PSD) by ThemeDesigner Flat Web Elements (PSD) by Alexey Anatolievich Web Browser UI Elements (PSD) by Bluroon Flat Event Creation (PSD) by Seth Ely Flat UI Buttons (PSD) by Alex Vanderzon Flat Mini UI Player (PSD) by David Magère
Resources for Mac and iOS Developers… | Dave Mark's Blog I was working on an article for Jim Dalrymple (@jdalrymple) and Loop Magazine ( The topic? Getting started with Mac and iOS development. I went looking for a reasonably recently updated list of dev resources to link to from the article. Couldn’t find one I was happy with, then remembered that we included a pretty solid list at the end of the book Beginning iOS 6 Development. At its core, programming is about problem solving and figuring things out. I also posted a separate list of dev tools right here and a another post listing training resources right here. Of course, please do follow me on Twitter (@davemark). Become one with Xcode’s documentation browser, grasshopper. If you are just getting started with Mac or iOS development, here are a few places I would look through, some excellent foundational material. Building for iOS: A terrific introduction to the process of building an iOS application. Xcode: This is Apple’s official Xcode user’s guide.