Grade UI kit - don't get the point of it...

[OlderSchool]

Recently bought AD, going through the tutorials, but still have no clue what the UI kit is for.

I have a basic web-design background, and don't understand how creating a page in affinity relates to creating user interaction (e.g. how to make the buttons 'work'), or how the 'finished' design is published: is it outputted as a single graphic image or wot?

[Pšenda]

 

[OlderSchool]

Thanks for the reply, and for the link, which I had in fact read before submitting my enquiry.

The reply to the (linked) post states it's to "quickly build graphical user interfaces for applications" (which seem to be web-page interfaces), so as far as I can tell, it is used to output (as I mentioned) a single graphic, composed of many different elements (assets). But that would mean, for instance, that text would be exported as a graphic, not as (highlight & copyable) text.

It's the interactivity aspect I don't get.  For instance, whilst it would be possible to indicate clickable links in text (e.g. by making the text blue), that text could not be made to change hue to indicate a previously-followed link. Drop-down boxes and text entry fields would be impossible.

This seems ridiculous to me - so I'm assuming it's my understanding that's defective!

[v_kyr]

Well the whole is more for static (how it will look then) setup in AD, interactivity has to be done based on that in other more appropriate tools then.

• Grade UI Kit

So the whole is used primarily for designing UI and UX of mobile apps and websites. The designs created are then used by app engineers to develop mobile app and web developers convert designs into websites.

See a simple example usage here:             

• UX tryout with AD

Or something much more advanced here:

• UI design for Redominator (Polyphonic Synthesizer)  iPad Air + Plug-in UI

[OlderSchool]

Thanks v_kyr, that makes complete sense!

I'm used to designing web pages using html and css to create page sections and incorporate prepared graphics, so the idea of organising the look of the thing using a graphics prog hadn't really appealed to me. However, I can see the appeal now...

Thanks again!