Storyboard from concept

Hi all,


I have a concept that my graphic designer made. I would like to use it for my app. How can I get it into storyboard in Xcode? The actual Swift code isn't an issue, but I'm a bit stuck on how to add this to my storyboard.


I've exported assets such as the button as images, but that doesn't seem to scale well over devices. I'd be willing to do UI programmatically but I've never done this before, so it's not my first choice.


If anyone has any ideas, I'd be really grateful. It's a great UI but I don't know how to make it a reality!


Thank you so much!!

Answered by NSApps in 612736022
Why don’t you give me a copy of the concept and I can make it for you!

I have a concept that my graphic designer made.


Great.

What are the objects you identify out of this design ?

-> Do you have different scenes that will each be a separate ViewController. That is essential, because that will define the logic of your app

-> Have you defined how you transition from one scene to the other ?

-> Which are just images for display ?

You need to split it in different images that will each display in a UIImageView

Has your designer provided a png or jpg file for each ?

-> Which to turn into button because user should action them ?

-> which are areas for text entry ?

-> Which are tables or collection displays

-> etc


Only you, as app designer, can do this analysis, and it is essential to do it.


I'm a bit stuck on how to add this to my storyboard.

Once you have done this, including in storyboard is straightforward.


It's a great UI but I don't know how to make it a reality!

We have to believe you, but maybe, maybe not. Are you speaking on graphical look or user experience ?


Anyway, without seeing anything to understand what you want to include in your app, it is very hard to be specific.

Don't confuse Xcode 'Storyboards' with traditional storyboarding/prototyping.


As Apple says "Storyboarding allows you to graphically arrange all your views within a single design canvas, where you can then define the app's logical flow, and even assign transition animations."


Keywords 'views' and 'flow'. It's up to you to translate your graphically represented UI into the appropriate mechanicals...views & segues (transistions).


I think the more common term for where you're at (idea-to-Xcode), is prototyping - see h ttps://www.smashingmagazine.com/2017/11/designing-app-idea-sketch-xcode/


Have you seen: https://developer.apple.com/xcode/interface-builder/...?


Finally, don't forget the Human Interface Guidelines for encouragment.

Accepted Answer
Why don’t you give me a copy of the concept and I can make it for you!
If you’re looking to learn how Xcode storyboards work, Start Developing iOS Apps would be a great jumping-off point. Or if you’re looking to learn the most modern way of developing apps for Apple’s platforms, the SwiftUI tutorials are also great.
Storyboard from concept
 
 
Q