This week at Crank we’re taking you back to summer school. But no need to panic. There’s no stuffy classroom, and the subject is cool.
Tips to Easily Import Photoshop PSDs into Storyboard
While it’s already quite simple to import your application’s UI elements from Photoshop into Storyboard, we’ve created a couple of resources that you can refer to while working in Photoshop to make the import into Storyboard even easier. The following quick start reference pages describe the Storyboard application model, how the Photoshop elements map to Storyboard elements, naming conventions, and basic best practices:
We also have a video tutorial available that walks you through the Storyboard naming conventions that you should keep in mind as you plan your design in Photoshop.
Give these resources a quick glance before starting your design process to ensure you understand how you will be using your Photoshop elements in your Storyboard application. Understanding where you are going makes it easier to plan how to get there. Woah. Deep.
We are also working on other short tutorials and simple reference pages to help guide you as you build your embedded application GUIs using Storyboard Suite, so stay tuned for more.
The best tool for any job is the one that allows you to work most efficiently and effectively, and when it comes to creating stunning graphics and interfaces, Photoshop is the design tool of choice for many user interface (UI) designers.
In traditional application development, designers create original UIs in Photoshop and then hand them off to developers who are tasked with recreating the original design with a different tool or framework. This disconnect can lead to developers spending countless hours trying to skin the application to look like the original PSD file. In many cases the final application UI isn’t brought to life as intended by the UI designer.
Storyboard Suite removes this disconnect and makes the transition from design to development easier and faster. The Photoshop import feature allows you to easily import a PSD file and begin working immediately with all your graphics and layers already in place.
Check out this video to see how quickly you can move from a PSD file to an application that is ready to run on an iOS device:
Supporting iterative interface design
In the (very likely) event that the application doesn’t look exactly the way you want the final product to appear the first time your run it on your device, the Photoshop Re-import makes it simple to refine the graphics and layers in Photoshop and re-import them back into Storyboard.
Cars driving by themselves. In-car gaming and entertainment while avoiding distraction. Voice recognition to allow us to have conversations with our cars about route navigation and weather. Mobile device integration with car systems.
Automotive UI Development by Crank using Storyboard Suite
Our booth included demos of automotive applications built with Storyboard Suite. We didn’t bringing canned, prerecorded demos of Storyboard, however, we showed how intuitive and fast it is to take existing designs from Photoshop, import them into Storyboard, and turn them into functioning application prototypes on a target device.
Crank was on the exhibition floor at Telematics Detroit 2014. The event was abuzz with conversations around design innovations, safety in infotainment, life/car integration and more. And let’s not leave out IoT. The “Internet of Things” is bound to come up once or twice with car connectivity a topic at the forefront.
The calm before the storm…
Live Demo of Storyboard Suite to Designers and Developers of UIs for Automotive Applications
Also, if you visited the TI booth, you were able to check out the demos of Storyboard on QNX and a Green Hills Software INTEGRITY cluster. The fact that we’re showcased on so many operating systems and hardware devices really speaks to Storyboard’s portability.
Our Storyboard Suite 3.2 release last year was packed full of new features for the design, embedded engine and browser. Now that it has been “in the wild” for 6 months and customers have been using it to create user interfaces (UI) for their embedded applications, we’ve been getting great feedback about which features users love, which ones could benefit from a little refinement, and which new features would be helpful to respond to embedded UI design pain points. We value the comments and questions we get from our customers, because it provides us an opportunity to make Storyboard better and to constantly fine tune the experience of building UIs for embedded applications.
We are excited to announce the release of Storyboard Suite 3.2.1, available now
While Storyboard Suite 3.2.1 won’t make coffee for you (although you could use it to build a wicked UI for a coffee machine), we have added the following support and enhancements:
Storyboard QNX 6.5 runtime has been validated against the most recent QNX 6.6 release
Keycode support for non-visible keyboard keys such as function and arrow keys
Improved Polygon rendering
Added termination events for built-in table scrolling
Improved animation scaling
To facilitate working with multiple PSD files for different elements of an application design, we’ve added the option for users to add a namespace prefix during the Photoshop PSD File import
Embedded C Header Export supports all project resources, such as fonts, images, and scripts
Refined model comparison algorithm significantly improves the merge experience
If you are a current Storyboard Suite customer, you can update to 3.2.1 directly from Storyboard Designer.
If you aren’t a current customer, sign up for a free 30-day evaluation of Storyboard Suite. This isn’t a watered-down version of Storyboard. It’s a fully-functioning version to provide you the opportunity to use the breadth of Storyboard’s features to build UIs for your embedded projects.