<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[3D style look and feel]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">We are developing an UI for an embedded project. Initially we use png images, but due to performance reasons we shifted to svg images. But svg images are not giving much 3D look and feel. Later i found the qlineargradient stylesheet method which looks very good and can be easily use.<br />
I would like to check whether we can stick with stylesheets which contains properties like qlineargradient etc.  Is there any better solution using svg or other methods for UI development.</p>
<p dir="auto">Regards<br />
Ansif</p>
]]></description><link>https://forum.qt.io/topic/91001/3d-style-look-and-feel</link><generator>RSS for Node</generator><lastBuildDate>Mon, 08 Jun 2026 19:54:13 GMT</lastBuildDate><atom:link href="https://forum.qt.io/topic/91001.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 24 May 2018 08:28:18 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to 3D style look and feel on Thu, 31 May 2018 20:47:33 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ansifpi">@<bdi>ansifpi</bdi></a><br />
I hang out here alot ;)<br />
Happy programming.</p>
]]></description><link>https://forum.qt.io/post/461317</link><guid isPermaLink="true">https://forum.qt.io/post/461317</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Thu, 31 May 2018 20:47:33 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Thu, 31 May 2018 20:39:41 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mrjj">@<bdi>mrjj</bdi></a> said in <a href="/post/460595">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ansifpi">@<bdi>ansifpi</bdi></a><br />
well its actually just a design.<br />
I dream of one day to make a QStyle plugin with it :)</p>
<p dir="auto">There are many options for looks.  But if board is not strong at drawing some will be too heavy.</p>
</blockquote>
<p dir="auto">Well said. Thanks for all the tips. Keep in touch.</p>
]]></description><link>https://forum.qt.io/post/461316</link><guid isPermaLink="true">https://forum.qt.io/post/461316</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Thu, 31 May 2018 20:39:41 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Mon, 28 May 2018 10:26:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ansifpi">@<bdi>ansifpi</bdi></a><br />
well its actually just a design.<br />
I dream of one day to make a QStyle plugin with it :)</p>
<p dir="auto">There are many options for looks.  But if board is not strong at drawing some will be too heavy.</p>
]]></description><link>https://forum.qt.io/post/460595</link><guid isPermaLink="true">https://forum.qt.io/post/460595</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Mon, 28 May 2018 10:26:19 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Mon, 28 May 2018 10:22:07 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mrjj">@<bdi>mrjj</bdi></a> said in <a href="/post/460587">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ansifpi">@<bdi>ansifpi</bdi></a><br />
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 :)</p>
<p dir="auto">I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?</p>
<p dir="auto">I also like looks like this<br />
<a href="https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated" target="_blank" rel="noopener noreferrer nofollow ugc">https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated</a><br />
even not flat.</p>
</blockquote>
<p dir="auto">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.</p>
]]></description><link>https://forum.qt.io/post/460594</link><guid isPermaLink="true">https://forum.qt.io/post/460594</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Mon, 28 May 2018 10:22:07 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Mon, 28 May 2018 09:39:50 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ansifpi">@<bdi>ansifpi</bdi></a><br />
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 :)</p>
<p dir="auto">I assume the goal is a modern look with not super flat buttons but rest of the widgets should follow the flat style ?</p>
<p dir="auto">I also like looks like this<br />
<a href="https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated" target="_blank" rel="noopener noreferrer nofollow ugc">https://dribbble.com/shots/588694-Blue-Milk-UI-Kit-Updated</a><br />
even not flat.</p>
]]></description><link>https://forum.qt.io/post/460587</link><guid isPermaLink="true">https://forum.qt.io/post/460587</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Mon, 28 May 2018 09:39:50 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Mon, 28 May 2018 09:32:27 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mrjj">@<bdi>mrjj</bdi></a> said in <a href="/post/460455">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto">Hi<br />
Well most of the methods is actually also just gradients inside SVG<br />
<a href="http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/" target="_blank" rel="noopener noreferrer nofollow ugc">http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/</a></p>
<p dir="auto">also some uses glossy way<br />
<a href="https://openclipart.org/detail/77821/orange-glossy-buttons" target="_blank" rel="noopener noreferrer nofollow ugc">https://openclipart.org/detail/77821/orange-glossy-buttons</a></p>
<p dir="auto">There a many SVG there. ( free to use )</p>
<p dir="auto">so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.<br />
I most likely would tone it a bit down as rest of design is flat (modern) and<br />
the buttons stick out a bit. But thats a personal preference.</p>
</blockquote>
<p dir="auto">Sorry for the delay. This is exactly i was looking. I really appreciate your support.</p>
]]></description><link>https://forum.qt.io/post/460586</link><guid isPermaLink="true">https://forum.qt.io/post/460586</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Mon, 28 May 2018 09:32:27 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Sun, 27 May 2018 09:45:09 GMT]]></title><description><![CDATA[<p dir="auto">Hi<br />
Well most of the methods is actually also just gradients inside SVG<br />
<a href="http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/" target="_blank" rel="noopener noreferrer nofollow ugc">http://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/</a></p>
<p dir="auto">also some uses glossy way<br />
<a href="https://openclipart.org/detail/77821/orange-glossy-buttons" target="_blank" rel="noopener noreferrer nofollow ugc">https://openclipart.org/detail/77821/orange-glossy-buttons</a></p>
<p dir="auto">There a many SVG there. ( free to use )</p>
<p dir="auto">so i think a stylesheet is just fine for giving the buttons 3d look. since its all you want.<br />
I most likely would tone it a bit down as rest of design is flat (modern) and<br />
the buttons stick out a bit. But thats a personal preference.</p>
]]></description><link>https://forum.qt.io/post/460455</link><guid isPermaLink="true">https://forum.qt.io/post/460455</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Sun, 27 May 2018 09:45:09 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Sun, 27 May 2018 09:36:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mrjj">@<bdi>mrjj</bdi></a> said in <a href="/post/460442">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto">Hi<br />
ahh, that sort of 3d effect. i was not sure<br />
what was wrong with svg. but you need a non flat button look.<br />
thank you</p>
</blockquote>
<p dir="auto">Hi,</p>
<p dir="auto">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.</p>
<p dir="auto">Regards<br />
Ansif</p>
]]></description><link>https://forum.qt.io/post/460454</link><guid isPermaLink="true">https://forum.qt.io/post/460454</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Sun, 27 May 2018 09:36:37 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Sun, 27 May 2018 08:01:24 GMT]]></title><description><![CDATA[<p dir="auto">Hi<br />
ahh, that sort of 3d effect. i was not sure<br />
what was wrong with svg. but you need a non flat button look.<br />
thank you</p>
]]></description><link>https://forum.qt.io/post/460442</link><guid isPermaLink="true">https://forum.qt.io/post/460442</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Sun, 27 May 2018 08:01:24 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Sun, 27 May 2018 04:35:13 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/mrjj">@<bdi>mrjj</bdi></a> said in <a href="/post/460328">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto">Hi<br />
Depending what you goal is, you can also create your own style<br />
<a href="http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.html" target="_blank" rel="noopener noreferrer nofollow ugc">http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.html</a></p>
<p dir="auto">Could you give an example of a button before and after gradient ?</p>
</blockquote>
<p dir="auto">Hi,</p>
<p dir="auto">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, <img src="https://ddgobkiprc33d.cloudfront.net/0959c82a-7c28-4cd6-ba46-a34402845172.png" alt="0_1527395447019_screenshot1_24052018.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">The advantage of qlineargradient is it doesn't need any images. This makes reduce in the size of application and also performance too.</p>
]]></description><link>https://forum.qt.io/post/460426</link><guid isPermaLink="true">https://forum.qt.io/post/460426</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Sun, 27 May 2018 04:35:13 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Sun, 27 May 2018 04:26:28 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sgaist">@<bdi>SGaist</bdi></a> said in <a href="/post/460325">3D style look and feel</a>:</p>
<blockquote>
<p dir="auto">Yes they do. The thing is to ensure they understand what can be done with the toolkit at hand.</p>
<p dir="auto">The advantage they have with QtQuick is that they can more easily fiddle with the GUI.</p>
<p dir="auto">You also have KDAB that does great application development.</p>
</blockquote>
<p dir="auto">Yeah KDAB and ICS are the top performers in developing great UI's. Thanks for the info.</p>
]]></description><link>https://forum.qt.io/post/460425</link><guid isPermaLink="true">https://forum.qt.io/post/460425</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Sun, 27 May 2018 04:26:28 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Fri, 25 May 2018 21:48:22 GMT]]></title><description><![CDATA[<p dir="auto">Hi<br />
Depending what you goal is, you can also create your own style<br />
<a href="http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.html" target="_blank" rel="noopener noreferrer nofollow ugc">http://doc.qt.io/qt-5/qtwidgets-widgets-styles-example.html</a></p>
<p dir="auto">Could you give an example of a button before and after gradient ?</p>
]]></description><link>https://forum.qt.io/post/460328</link><guid isPermaLink="true">https://forum.qt.io/post/460328</guid><dc:creator><![CDATA[mrjj]]></dc:creator><pubDate>Fri, 25 May 2018 21:48:22 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Fri, 25 May 2018 21:27:15 GMT]]></title><description><![CDATA[<p dir="auto">Yes they do. The thing is to ensure they understand what can be done with the toolkit at hand.</p>
<p dir="auto">The advantage they have with QtQuick is that they can more easily fiddle with the GUI.</p>
<p dir="auto">You also have KDAB that does great application development.</p>
]]></description><link>https://forum.qt.io/post/460325</link><guid isPermaLink="true">https://forum.qt.io/post/460325</guid><dc:creator><![CDATA[SGaist]]></dc:creator><pubDate>Fri, 25 May 2018 21:27:15 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Fri, 25 May 2018 04:55:07 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sgaist">@<bdi>SGaist</bdi></a> 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.</p>
<p dir="auto">Does UX designers plays well in developing Qt UI applications. I saw companies like <a href="http://www.ics.com" target="_blank" rel="noopener noreferrer nofollow ugc">www.ics.com</a> developing cool Qt applications. But what about performance when loading these designs into the application.</p>
<p dir="auto">Any help is really appreciated.</p>
]]></description><link>https://forum.qt.io/post/460156</link><guid isPermaLink="true">https://forum.qt.io/post/460156</guid><dc:creator><![CDATA[ansifpi]]></dc:creator><pubDate>Fri, 25 May 2018 04:55:07 GMT</pubDate></item><item><title><![CDATA[Reply to 3D style look and feel on Thu, 24 May 2018 19:53:07 GMT]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">Depending on what you need to do QtQuick might be the better option.</p>
]]></description><link>https://forum.qt.io/post/460107</link><guid isPermaLink="true">https://forum.qt.io/post/460107</guid><dc:creator><![CDATA[SGaist]]></dc:creator><pubDate>Thu, 24 May 2018 19:53:07 GMT</pubDate></item></channel></rss>