Custom Icons for UI

June 12, 2019
Newbie 2 posts
Followers: 0 people
Multimedia Developer
10

Custom Icons for UI

Newbie 2 posts
Followers: 0 people
June 12, 2019

I’m designing custom icons for UI in Illustrator, and I’m doing responsive design. I would use Font Awesome, but we are on a closed network (Government).

What format would be the best format to export from Illustrator and to import into Captivate 2017?

My first thought would be svg but I’m not sure if that is good for buttons.

Comments (10)
2019-06-14 17:13:24
2019-06-14 17:13:24

IE is the worst browser for HTML5 output, and not even supported by MS anymore.

Like
(1)
2019-06-13 05:55:20
2019-06-13 05:55:20

Link to CP2019 review post:

Reflections on 11.5.0

Concert image to button

 

Like
(1)
2019-06-13 05:53:06
2019-06-13 05:53:06

If you were on CP2019 most recent release, I would say SVG.  Because now they are supported directly as buttons, will post a link to a blog I just published in a separate comment.

Up till your upgrade, since you talk about responsive projects, would opt for PNG, which you can use to fill a shape button. Will post another link to the workflow for that as well.

Like
(2)
(7)
>
Lieve Weymeis
's comment
2019-06-13 15:57:38
2019-06-13 15:57:38
>
Lieve Weymeis
's comment

Thank you for the tip.

Like
>
jamesp81001848
's comment
2019-06-13 16:39:14
2019-06-13 16:39:14
>
jamesp81001848
's comment

Did you check the links? Were they helpful?

Like
(1)
>
Lieve Weymeis
's comment
2019-06-14 15:54:19
2019-06-14 15:54:19
>
Lieve Weymeis
's comment

Yes, they were a good help. I used the shape button method, but the image looks a little bad after export.

 

Like
>
jamesp81001848
's comment
2019-06-14 16:07:17
2019-06-14 16:07:17
>
jamesp81001848
's comment

Was the images exactly the same size as the shape? And no rescaling afterwards?

Like
>
Lieve Weymeis
's comment
2019-06-14 16:29:22
2019-06-14 16:29:22
>
Lieve Weymeis
's comment

I scaled down from the original. I suppose that I could re-export to the size I want.

Seems to be more jagged in ie11

Like
>
jamesp81001848
's comment
2019-06-14 17:33:46
2019-06-14 17:33:46
>
jamesp81001848
's comment

So went back to illustrator rescaled artwork down to the size I needed in captivate. Reimported the image and published. The results were great! Lesson learned import images in the size you need them.

also found this to support what you telling me https://forums.adobe.com/thread/2435610

Thank you for your help.

Like
>
jamesp81001848
's comment
2019-06-14 18:14:26
2019-06-14 18:14:26
>
jamesp81001848
's comment

I try to tell this all the time to everyone…. just not always ‘heard’.

Like
Add your comment