<table><tr><td style="">pstefan created this revision.<br />pstefan added a reviewer: Breeze.<br />pstefan added a project: VDG.<br />Restricted Application added a project: Frameworks.<br />Restricted Application added a subscriber: Frameworks.<br />pstefan requested review of this revision.
</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><strong>REVISION SUMMARY</strong><div><p><strong>Overview</strong><br />
The icons to be replaced and their replacement<br />
<a href="https://phabricator.kde.org/F5734722" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">F5734722: Screenshot from 2018-03-01 11:46:17.png</a></p>
<p>I found the current icons to have some issues that I tried to address with this revision:</p>
<ul class="remarkup-list">
<li class="remarkup-list-item">Ambiguous symbolism</li>
<li class="remarkup-list-item">Inconsistent use of stroke thickness</li>
<li class="remarkup-list-item">Small arrowheads</li>
</ul>
<p>In the side to side comparison above it's demonstrated that IMHO the arrowheads are too small to make out at a glance. The shallow angle between the arrowhead and the arrow-body in the rotate icons, especially, make the arrowheads almost invisible.</p>
<p>Another issue is the inconsistent use of stroke thickness, demonstrated in the image below.<br />
<a href="https://phabricator.kde.org/F5734732" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;" rel="noreferrer">F5734732: Screenshot from 2018-03-01 11:52:43.png</a></p>
<p>In my limited user testing (7 people), people did find the last 5 icons from the right to be ambiguous. I think this can mostly be attributed to the to the use of a projector screen as a symbol for external screens. The addition of the screen stand to the icons seemed to clear that confusion.</p>
<p><strong>Personal Opinion</strong><br />
Personally I think that my icons are more in line with the spirit of the breeze icon style. The breeze HIG calls for icons that represent actions to be monochromatic and mostly use a stroke thickness of 1px. While the HIG specifies that this only applies to 16x16 icons, I feel that in this special case it's more appropriate to design these icons for their native 64x64px size instead of trying to design them at 16x16 and then scale them up by a factor of 4. Which leads to tick and clunky looking icons.<br />
These icons will never be shown in an 16x16px area, so we might as well make use of the additional space. <br />
IMHO this makes for much cleaner, lighter icons as one usually associates with breeze icons.</p>
<p><strong>Summary</strong><br />
Pro:</p>
<ul class="remarkup-list">
<li class="remarkup-list-item">Ambiguous symbolism</li>
<li class="remarkup-list-item">Inconsistent use of stroke thickness</li>
<li class="remarkup-list-item">Small arrowheads</li>
</ul>
<p>Con:</p>
<ul class="remarkup-list">
<li class="remarkup-list-item">Deviate from current style for icons this size</li>
</ul></div></div><br /><div><strong>TEST PLAN</strong><div><p>I tested the "new" icons with 7 people, all of which reported that this revision improves the symbol of the icons.</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>AFFECTED FILES</strong><div><div>icons-dark/applets/64/osd-duplicate.svg<br />
icons-dark/applets/64/osd-rotate-ccw.svg<br />
icons-dark/applets/64/osd-rotate-cw.svg<br />
icons-dark/applets/64/osd-rotate-flip.svg<br />
icons-dark/applets/64/osd-rotate-normal.svg<br />
icons-dark/applets/64/osd-sbs-left.svg<br />
icons-dark/applets/64/osd-sbs-sright.svg<br />
icons-dark/applets/64/osd-shutd-laptop.svg<br />
icons-dark/applets/64/osd-shutd-screen.svg<br />
icons/applets/64/osd-duplicate.svg<br />
icons/applets/64/osd-rotate-ccw.svg<br />
icons/applets/64/osd-rotate-cw.svg<br />
icons/applets/64/osd-rotate-flip.svg<br />
icons/applets/64/osd-rotate-normal.svg<br />
icons/applets/64/osd-sbs-left.svg<br />
icons/applets/64/osd-sbs-sright.svg<br />
icons/applets/64/osd-shutd-laptop.svg<br />
icons/applets/64/osd-shutd-screen.svg</div></div></div><br /><div><strong>To: </strong>pstefan, Breeze<br /><strong>Cc: </strong>Frameworks, davidc, michaelh, crozbo, firef, alexeymin, skadinna, aaronhoneycutt, mbohlender<br /></div>