You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Deepak MS <me...@gmail.com> on 2013/06/06 07:42:56 UTC
Flex app using images
Hi there,
Just wanted to check if we can built an app in flex by using sliced
images(all the screens of the app) from a UI design done in Photoshop(or
any UI editing tool), without any performance issues?
I have been working on iPad apps by just skinning the components. But
sometimes there are some UI designs which are difficult to achieve by
skinning.
Hence wanted to know if we can extensively use images to build an app in
flex. Something like these:
http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
Kindly let me know what can be the best approach.
Cheers,
Deepak
Re: Flex app using images
Posted by Deepak MS <me...@gmail.com>.
Great! That was really helpful to start off.
I bet you! Such a pain to shift from photoshop to illustrator. But as you
said, it would be fruitful! Just happen to read through some articles. I
can use fxg documents from illustrator in flex and keep it vector
completely.
Thanks again..
Cheers!
On Mon, Jun 10, 2013 at 11:10 PM, Tianzhen Lin <ta...@usa.net> wrote:
> Flex/Flash is vector-based UI, when all assets are expressed in the form of
> vector, the UI can easily go resolution-independent, that means your app
> would look just as sharp on 72-dpi old monitor, to 120/150-dpi modern
> monitor all the way to retina display on iPhone 4 and above.
>
> With image/bitmap-based approach, if you supply multiple version of images
> catering each resolution, you will have optimal display quality but it
> increases the burden of image preparation. This is not issue of Flex or
> Flash, it is any bitmap-based approach will have this problem, notably
> HTML/HTML 5.
>
> If you opt for not supplying multiple versions of images, you will then
> force the app to resize an image, which is generally an expensive operation
> especially if you turn on interpolation for better display quality.
>
> With the shortcoming of Photoshop-base UI mockup, lately I have been
> switching over to Adobe Illustrator for UI design, it is painful at first
> but the investment is well worth for the outcome.
>
> Tangent
>
> -----Original Message-----
> From: Deepak MS [mailto:megharajdeepak@gmail.com]
> Sent: Thursday, June 06, 2013 1:43 AM
> To: dev@flex.apache.org
> Cc: users@flex.apache.org
> Subject: Flex app using images
>
> Hi there,
>
> Just wanted to check if we can built an app in flex by using sliced
> images(all the screens of the app) from a UI design done in Photoshop(or
> any
> UI editing tool), without any performance issues?
>
>
>
> I have been working on iPad apps by just skinning the components. But
> sometimes there are some UI designs which are difficult to achieve by
> skinning.
>
>
>
> Hence wanted to know if we can extensively use images to build an app in
> flex. Something like these:
>
> http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
>
> http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
>
>
>
> Kindly let me know what can be the best approach.
>
>
>
> Cheers,
>
> Deepak
>
>
Re: Flex app using images
Posted by Deepak MS <me...@gmail.com>.
Great! That was really helpful to start off.
I bet you! Such a pain to shift from photoshop to illustrator. But as you
said, it would be fruitful! Just happen to read through some articles. I
can use fxg documents from illustrator in flex and keep it vector
completely.
Thanks again..
Cheers!
On Mon, Jun 10, 2013 at 11:10 PM, Tianzhen Lin <ta...@usa.net> wrote:
> Flex/Flash is vector-based UI, when all assets are expressed in the form of
> vector, the UI can easily go resolution-independent, that means your app
> would look just as sharp on 72-dpi old monitor, to 120/150-dpi modern
> monitor all the way to retina display on iPhone 4 and above.
>
> With image/bitmap-based approach, if you supply multiple version of images
> catering each resolution, you will have optimal display quality but it
> increases the burden of image preparation. This is not issue of Flex or
> Flash, it is any bitmap-based approach will have this problem, notably
> HTML/HTML 5.
>
> If you opt for not supplying multiple versions of images, you will then
> force the app to resize an image, which is generally an expensive operation
> especially if you turn on interpolation for better display quality.
>
> With the shortcoming of Photoshop-base UI mockup, lately I have been
> switching over to Adobe Illustrator for UI design, it is painful at first
> but the investment is well worth for the outcome.
>
> Tangent
>
> -----Original Message-----
> From: Deepak MS [mailto:megharajdeepak@gmail.com]
> Sent: Thursday, June 06, 2013 1:43 AM
> To: dev@flex.apache.org
> Cc: users@flex.apache.org
> Subject: Flex app using images
>
> Hi there,
>
> Just wanted to check if we can built an app in flex by using sliced
> images(all the screens of the app) from a UI design done in Photoshop(or
> any
> UI editing tool), without any performance issues?
>
>
>
> I have been working on iPad apps by just skinning the components. But
> sometimes there are some UI designs which are difficult to achieve by
> skinning.
>
>
>
> Hence wanted to know if we can extensively use images to build an app in
> flex. Something like these:
>
> http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
>
> http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
>
>
>
> Kindly let me know what can be the best approach.
>
>
>
> Cheers,
>
> Deepak
>
>
RE: Flex app using images
Posted by Tianzhen Lin <ta...@usa.net>.
Flex/Flash is vector-based UI, when all assets are expressed in the form of
vector, the UI can easily go resolution-independent, that means your app
would look just as sharp on 72-dpi old monitor, to 120/150-dpi modern
monitor all the way to retina display on iPhone 4 and above.
With image/bitmap-based approach, if you supply multiple version of images
catering each resolution, you will have optimal display quality but it
increases the burden of image preparation. This is not issue of Flex or
Flash, it is any bitmap-based approach will have this problem, notably
HTML/HTML 5.
If you opt for not supplying multiple versions of images, you will then
force the app to resize an image, which is generally an expensive operation
especially if you turn on interpolation for better display quality.
With the shortcoming of Photoshop-base UI mockup, lately I have been
switching over to Adobe Illustrator for UI design, it is painful at first
but the investment is well worth for the outcome.
Tangent
-----Original Message-----
From: Deepak MS [mailto:megharajdeepak@gmail.com]
Sent: Thursday, June 06, 2013 1:43 AM
To: dev@flex.apache.org
Cc: users@flex.apache.org
Subject: Flex app using images
Hi there,
Just wanted to check if we can built an app in flex by using sliced
images(all the screens of the app) from a UI design done in Photoshop(or any
UI editing tool), without any performance issues?
I have been working on iPad apps by just skinning the components. But
sometimes there are some UI designs which are difficult to achieve by
skinning.
Hence wanted to know if we can extensively use images to build an app in
flex. Something like these:
http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
Kindly let me know what can be the best approach.
Cheers,
Deepak
Re: Flex app using images
Posted by Justin Mclean <ju...@classsoftware.com>.
Hi,
> hmmmm.. Any thoughts on this? :-)
There's not an exact answer here. It's possible to do and would work but is likely to add to the size of the application if you embed the images (because of the number of images) or make the application slow if you download the images as required. However it really depends on the type of application, where it's deployed and who the users of the application are, the best way to see is to make a prototype and try it out.
Thanks,
Justin
Re: Flex app using images
Posted by Deepak MS <me...@gmail.com>.
hmmmm.. Any thoughts on this? :-)
On Thu, Jun 6, 2013 at 11:12 AM, Deepak MS <me...@gmail.com> wrote:
>
> Hi there,
>
> Just wanted to check if we can built an app in flex by using sliced
> images(all the screens of the app) from a UI design done in Photoshop(or
> any UI editing tool), without any performance issues?
>
>
>
> I have been working on iPad apps by just skinning the components. But
> sometimes there are some UI designs which are difficult to achieve by
> skinning.
>
>
>
> Hence wanted to know if we can extensively use images to build an app in
> flex. Something like these:
>
> http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
>
> http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
>
>
>
> Kindly let me know what can be the best approach.
>
>
>
> Cheers,
>
> Deepak
>
>
>
>
Re: Flex app using images
Posted by Deepak MS <me...@gmail.com>.
hmmmm.. Any thoughts on this? :-)
On Thu, Jun 6, 2013 at 11:12 AM, Deepak MS <me...@gmail.com> wrote:
>
> Hi there,
>
> Just wanted to check if we can built an app in flex by using sliced
> images(all the screens of the app) from a UI design done in Photoshop(or
> any UI editing tool), without any performance issues?
>
>
>
> I have been working on iPad apps by just skinning the components. But
> sometimes there are some UI designs which are difficult to achieve by
> skinning.
>
>
>
> Hence wanted to know if we can extensively use images to build an app in
> flex. Something like these:
>
> http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
>
> http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
>
>
>
> Kindly let me know what can be the best approach.
>
>
>
> Cheers,
>
> Deepak
>
>
>
>
RE: Flex app using images
Posted by Tianzhen Lin <ta...@usa.net>.
Flex/Flash is vector-based UI, when all assets are expressed in the form of
vector, the UI can easily go resolution-independent, that means your app
would look just as sharp on 72-dpi old monitor, to 120/150-dpi modern
monitor all the way to retina display on iPhone 4 and above.
With image/bitmap-based approach, if you supply multiple version of images
catering each resolution, you will have optimal display quality but it
increases the burden of image preparation. This is not issue of Flex or
Flash, it is any bitmap-based approach will have this problem, notably
HTML/HTML 5.
If you opt for not supplying multiple versions of images, you will then
force the app to resize an image, which is generally an expensive operation
especially if you turn on interpolation for better display quality.
With the shortcoming of Photoshop-base UI mockup, lately I have been
switching over to Adobe Illustrator for UI design, it is painful at first
but the investment is well worth for the outcome.
Tangent
-----Original Message-----
From: Deepak MS [mailto:megharajdeepak@gmail.com]
Sent: Thursday, June 06, 2013 1:43 AM
To: dev@flex.apache.org
Cc: users@flex.apache.org
Subject: Flex app using images
Hi there,
Just wanted to check if we can built an app in flex by using sliced
images(all the screens of the app) from a UI design done in Photoshop(or any
UI editing tool), without any performance issues?
I have been working on iPad apps by just skinning the components. But
sometimes there are some UI designs which are difficult to achieve by
skinning.
Hence wanted to know if we can extensively use images to build an app in
flex. Something like these:
http://dribbble.com/shots/172145-Mobile-admin-dashboard-iPad-UI-UX-iOS
http://dribbble.com/shots/722800-Experiment-with-Metro-UI/attachments/68300
Kindly let me know what can be the best approach.
Cheers,
Deepak