3D style look and feel
-
Hi,
Depending on what you need to do QtQuick might be the better option.
Interested in AI ? www.idiap.ch
Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct -
@SGaist Thanks for the reply. Actually the code is written in QWidget and its difficult to convert everything into QML. I found using stylesheet with Gradients is a better option.
Does UX designers plays well in developing Qt UI applications. I saw companies like www.ics.com developing cool Qt applications. But what about performance when loading these designs into the application.
Any help is really appreciated.
-
Yes they do. The thing is to ensure they understand what can be done with the toolkit at hand.
The advantage they have with QtQuick is that they can more easily fiddle with the GUI.
You also have KDAB that does great application development.
Interested in AI ? www.idiap.ch
Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct -
Hi
Depending what you goal is, you can also create your own style
http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.htmlCould you give an example of a button before and after gradient ?
-
Yes they do. The thing is to ensure they understand what can be done with the toolkit at hand.
The advantage they have with QtQuick is that they can more easily fiddle with the GUI.
You also have KDAB that does great application development.
@SGaist said in 3D style look and feel:
Yes they do. The thing is to ensure they understand what can be done with the toolkit at hand.
The advantage they have with QtQuick is that they can more easily fiddle with the GUI.
You also have KDAB that does great application development.
Yeah KDAB and ICS are the top performers in developing great UI's. Thanks for the info.
-
Hi
Depending what you goal is, you can also create your own style
http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.htmlCould you give an example of a button before and after gradient ?
@mrjj said in 3D style look and feel:
Hi
Depending what you goal is, you can also create your own style
http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.htmlCould you give an example of a button before and after gradient ?
Hi,
I am now using the Qt stylesheet method which is very easy to manage. I tried the "qlineargradient" property which is giving a nice 3D style buttons and the screenshot is attached here,
The advantage of qlineargradient is it doesn't need any images. This makes reduce in the size of application and also performance too.
-
Hi
ahh, that sort of 3d effect. i was not sure
what was wrong with svg. but you need a non flat button look.
thank you@mrjj said in 3D style look and feel:
Hi
ahh, that sort of 3d effect. i was not sure
what was wrong with svg. but you need a non flat button look.
thank youHi,
I tried using svg buttons, but not giving 3D look. But stylesheet fits well for me :). Do you have any svg exampel(screenshot) about 3D look.
Regards
Ansif -
Hi
Well most of the methods is actually also just gradients inside SVG
http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/also some uses glossy way
https://openclipart.org/detail/77821/orange-glossy-buttonsThere a many SVG there. ( free to use )
so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.
I most likely would tone it a bit down as rest of design is flat (modern) and
the buttons stick out a bit. But thats a personal preference. -
Hi
Well most of the methods is actually also just gradients inside SVG
http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/also some uses glossy way
https://openclipart.org/detail/77821/orange-glossy-buttonsThere a many SVG there. ( free to use )
so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.
I most likely would tone it a bit down as rest of design is flat (modern) and
the buttons stick out a bit. But thats a personal preference.@mrjj said in 3D style look and feel:
Hi
Well most of the methods is actually also just gradients inside SVG
http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/also some uses glossy way
https://openclipart.org/detail/77821/orange-glossy-buttonsThere a many SVG there. ( free to use )
so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.
I most likely would tone it a bit down as rest of design is flat (modern) and
the buttons stick out a bit. But thats a personal preference.Sorry for the delay. This is exactly i was looking. I really appreciate your support.
Full Stack Developer
Ansif P I
-
@mrjj said in 3D style look and feel:
Hi
Well most of the methods is actually also just gradients inside SVG
http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/also some uses glossy way
https://openclipart.org/detail/77821/orange-glossy-buttonsThere a many SVG there. ( free to use )
so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.
I most likely would tone it a bit down as rest of design is flat (modern) and
the buttons stick out a bit. But thats a personal preference.Sorry for the delay. This is exactly i was looking. I really appreciate your support.
@ansifpi
Np, but i think a very detailed SVG might be more heavy than stylesheet with gradient but its hard to guess at as it depends on the device also :)I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?
I also like looks like this
https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated
even not flat. -
@ansifpi
Np, but i think a very detailed SVG might be more heavy than stylesheet with gradient but its hard to guess at as it depends on the device also :)I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?
I also like looks like this
https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated
even not flat.@mrjj said in 3D style look and feel:
@ansifpi
Np, but i think a very detailed SVG might be more heavy than stylesheet with gradient but its hard to guess at as it depends on the device also :)I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?
I also like looks like this
https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated
even not flat.Yeah it looks very cute. I also likes the same. Ite better to change the whole UI with lightweight controls like Blue Milk UI Kit.
Full Stack Developer
Ansif P I
-
@mrjj said in 3D style look and feel:
@ansifpi
Np, but i think a very detailed SVG might be more heavy than stylesheet with gradient but its hard to guess at as it depends on the device also :)I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?
I also like looks like this
https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated
even not flat.Yeah it looks very cute. I also likes the same. Ite better to change the whole UI with lightweight controls like Blue Milk UI Kit.
-
@ansifpi
well its actually just a design.
I dream of one day to make a QStyle plugin with it :)There are many options for looks. But if board is not strong at drawing some will be too heavy.
@mrjj said in 3D style look and feel:
@ansifpi
well its actually just a design.
I dream of one day to make a QStyle plugin with it :)There are many options for looks. But if board is not strong at drawing some will be too heavy.
Well said. Thanks for all the tips. Keep in touch.
Full Stack Developer
Ansif P I
-
@mrjj said in 3D style look and feel:
@ansifpi
well its actually just a design.
I dream of one day to make a QStyle plugin with it :)There are many options for looks. But if board is not strong at drawing some will be too heavy.
Well said. Thanks for all the tips. Keep in touch.
