<table><tr><td style="">pstefan added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D10937" rel="noreferrer">View Revision</a></tr></table><br /><div><div><blockquote style="border-left: 3px solid #8C98B8;
color: #6B748C;
font-style: italic;
margin: 4px 0 12px 0;
padding: 8px 12px;
background-color: #F8F9FC;">
<div style="font-style: normal;
padding-bottom: 4px;">In <a href="https://phabricator.kde.org/D10937#216476" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">D10937#216476</a>, <a href="https://phabricator.kde.org/p/mart/" style="
border-color: #f1f7ff;
color: #19558d;
background-color: #f1f7ff;
border: 1px solid transparent;
border-radius: 3px;
font-weight: bold;
padding: 0 4px;" rel="noreferrer">@mart</a> wrote:</div>
<div style="margin: 0;
padding: 0;
border: 0;
color: rgb(107, 116, 140);"><p>one point tough: those are only going to work at a single size, as they are more vulnerable to become blurry when resized, so they would need other size versions as well (small sizes probably being like before)</p>
<p>as they are part of the icon theme, one can't assume where and how they will be used (want it or not, app developers will just borrow them if they like it for whatever they want to represent) so the full sizes set is needed</p></div>
</blockquote>
<p>I agree, however, there's a point where the symbolism will simply break down. If we try to go with the laptop analogy I'd say 32x32px is the cutoff where one can reasonably use this symbolism. While it might be possible to cram it all into that confined space, there will be a lot going on. I'd say too much to really understand the intention behind the icon. Though I am open to be proven wrong.</p>
<blockquote style="border-left: 3px solid #8C98B8;
color: #6B748C;
font-style: italic;
margin: 4px 0 12px 0;
padding: 8px 12px;
background-color: #F8F9FC;">
<div style="font-style: normal;
padding-bottom: 4px;">In <a href="https://phabricator.kde.org/D10937#216511" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">D10937#216511</a>, <a href="https://phabricator.kde.org/p/ngraham/" style="
border-color: #f1f7ff;
color: #19558d;
background-color: #f1f7ff;
border: 1px solid transparent;
border-radius: 3px;
font-weight: bold;
padding: 0 4px;" rel="noreferrer">@ngraham</a> wrote:</div>
<div style="margin: 0;
padding: 0;
border: 0;
color: rgb(107, 116, 140);"><p>This came up in the VDG telegram room: the rotate and flip icons are still rather unclear, just from the icon alone. We came up with a potential alternative: how about displaying a rotated or flipped image in the screen? It would have to be something with strong directionality, like a mountain or something. In fact, we already use "mountain and sun" imagery elsewhere, for example with the Pictures folder:</p>
<p><a href="https://phabricator.kde.org/F5735330" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">F5735330: Spectacle.x27054.png</a></p>
<p>I feel like a slightly less abstract version of that could work well here.</p></div>
</blockquote>
<p>I tried to experiment with your idea:</p>
<p><a href="https://phabricator.kde.org/F5736299" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">F5736299: Screenshot from 2018-03-02 13:13:42.png</a><br />
The top two rows are takes on "rotate left".</p>
<p>I am not sure it'll work with photo symbolism. At for me, I definitely wouldn't recognize what the rotated images were supposed to symbolized if I didn't know beforehand. Or, at least, I need a version that's not flipped for comparison. I am not saying though that the idea can't work. I am just not sure what to use here.</p>
<p>For the second row, I think the one to the left works best, however, due to the angles it'll always be blurry. Not sure if that's a good trade-off or not. Perhaps I should try it with the window being empty too.</p>
<p>I'd say that I think the top row works best, however, all the ideas, safe the bottom row, suffer from being complicated. As <a href="https://phabricator.kde.org/p/abetts/" style="
border-color: #f1f7ff;
color: #19558d;
background-color: #f1f7ff;
border: 1px solid transparent;
border-radius: 3px;
font-weight: bold;
padding: 0 4px;" rel="noreferrer">@abetts</a> noted, sometimes simpler is better. I'd also help with adapting the icons to smaller sized without losing too clarity.</p>
<blockquote style="border-left: 3px solid #8C98B8;
color: #6B748C;
font-style: italic;
margin: 4px 0 12px 0;
padding: 8px 12px;
background-color: #F8F9FC;">
<div style="font-style: normal;
padding-bottom: 4px;">In <a href="https://phabricator.kde.org/D10937#216512" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">D10937#216512</a>, <a href="https://phabricator.kde.org/p/abetts/" style="
border-color: #f1f7ff;
color: #19558d;
background-color: #f1f7ff;
border: 1px solid transparent;
border-radius: 3px;
font-weight: bold;
padding: 0 4px;" rel="noreferrer">@abetts</a> wrote:</div>
<div style="margin: 0;
padding: 0;
border: 0;
color: rgb(107, 116, 140);"><p>Is there a way that we can add extra clarity by adding a label below the icons? A label that explains what the action is? I agree that the current symbolism can be hard to read but it is also very simple. If you make the connection to label, it will be even stronger in meaning. Also, not sure I like the white background on those tiles, is there a way that they can be dark and the images light? Just a thought on colors.</p></div>
</blockquote>
<p>The implementation it is supposed to be used in will have labels, as can be seen in <a href="https://vizzzion.org/blog/2018/02/connecting-new-screens/" class="remarkup-link" target="_blank" rel="noreferrer">in this blog post.</a> However, every def can use them if they want.</p>
<p>RE:Color Do you mean the laptop screen? Or the while icon? If so, there's a dark variant for breeze dark. The tiles are just my 64x64px working areas and not part of the icons themselves.</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R266 Breeze Icons</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D10937" rel="noreferrer">https://phabricator.kde.org/D10937</a></div></div><br /><div><strong>To: </strong>pstefan, Breeze<br /><strong>Cc: </strong>abetts, mart, ngraham, Frameworks, davidc, michaelh, crozbo, firef, alexeymin, skadinna, aaronhoneycutt, mbohlender<br /></div>