25,083
edits
User talk:Toomai/SVG test page: Difference between revisions
→Updates
| (6 intermediate revisions by 5 users not shown) | |||
| Line 27: | Line 27: | ||
*The "X mark" icon seems a bit inconsistent with the .png version since it looks tilted. If the '''X''' wasn't tilted, it would look better. Also, it's a bit of bias but the colors for the current "bugfix" icon make the icon more noticeable, whereas the new .svg don't make the icon stand out more due to the flatter colors. That's all, honestly. [[User:Beep|<font color="Black">'''Beep'''</font>]] [[User talk:Beep|<font color="Black">'''(talk)'''</font>]] 22:02, July 26, 2019 (EDT) | *The "X mark" icon seems a bit inconsistent with the .png version since it looks tilted. If the '''X''' wasn't tilted, it would look better. Also, it's a bit of bias but the colors for the current "bugfix" icon make the icon more noticeable, whereas the new .svg don't make the icon stand out more due to the flatter colors. That's all, honestly. [[User:Beep|<font color="Black">'''Beep'''</font>]] [[User talk:Beep|<font color="Black">'''(talk)'''</font>]] 22:02, July 26, 2019 (EDT) | ||
*:The X icon matches the tilt of the checkmark and indeterminate icons. Buff/bugfix similarity will be looked at. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*Move icon should have the arrow still so that it looks like a move mark. I get what you are going for, but it just looks like 2 squares. <span style="font-family:Monotype Corsiva;border:outset #083 2px">'''[[User:Serpent King|<span style="color:#083;background:#ed0;padding:1px">Serpent</span>]][[User talk:Serpent King|<span style="color:#ed0;background:#083;padding:1px">King</span>]]'''</span> 22:04, July 26, 2019 (EDT) | *Move icon should have the arrow still so that it looks like a move mark. I get what you are going for, but it just looks like 2 squares. <span style="font-family:Monotype Corsiva;border:outset #083 2px">'''[[User:Serpent King|<span style="color:#083;background:#ed0;padding:1px">Serpent</span>]][[User talk:Serpent King|<span style="color:#ed0;background:#083;padding:1px">King</span>]]'''</span> 22:04, July 26, 2019 (EDT) | ||
*:Something will be done; not sure yet if I'll just increase contrast and add a border, or add back a new arrow (if so it'll be more like an arrow than a picket). [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*Three things: | *Three things: | ||
#I prefer the old disambiguation icon; it looks cleaner. | #I prefer the old disambiguation icon; it looks cleaner. | ||
| Line 33: | Line 35: | ||
#Echoing Serpent's sentiment, I prefer the old move icon; the arrow symbol should be less subtle on the new one. | #Echoing Serpent's sentiment, I prefer the old move icon; the arrow symbol should be less subtle on the new one. | ||
:Besides that, they look great. ~ [[User:Serena Strawberry|<span style="color: #e68;">'''Serena Strawberry'''</span>]] ([[User talk:Serena Strawberry|talk]]) 22:07, July 26, 2019 (EDT) | :Besides that, they look great. ~ [[User:Serena Strawberry|<span style="color: #e68;">'''Serena Strawberry'''</span>]] ([[User talk:Serena Strawberry|talk]]) 22:07, July 26, 2019 (EDT) | ||
::The intent of the new disambig was to make its outline less like a square because everything else is a circle. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*These are looking really good and ought to be an immediately noticeable improvement, but I am going to have to parrot Serena's comment on the bugfix icon (or was she parroting me?? idk we're all parrots on this blessed day) Again, it could just be me being colorblind but it's very easy to confuse the two especially considering the similar contexts in which they are used. Maybe a light gray icon with a more yellowish bug. Potentially replace the bug with a splatter or the head of a flyswatter as a way (if not a particularly subtle one) to communicate the bug has been 'squashed'. Looks really nice aside from that [[File:Nymbaresigicon.png]] [[User:Nymbare|<span style="color:#00BFFF">Nymbare</span>]] [[User talk:Nymbare|<span style="color:#0066FF">and his talk</span>]] 22:12, July 26, 2019 (EDT) | |||
*:I'll probably change buff's green instead of bugfix's yellow. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*Even disregarding how my CSS makes it look weird, I think the new design of the speculation icon takes away from the design on a flat white background, because a lot of the transparency is made redundant on a flat white background. I think the question mark from the old unnotable icon could be repurposed for speculation. [[User:Aidanzapunk|<span style="color: blue;">'''Aidan'''</span>]], [[User talk:Aidanzapunk|<span style="color: blue;">'''the Rurouni'''</span>]] 22:22, July 26, 2019 (EDT) | |||
*:Consider that the speculation icon will appear in its tag template rather than on a white background. I see what you mean though. Using a "?" isn't a bad idea, will think about it. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*The redesigns used for the svg versions of several of these are, in many cases, direct and significant downgrades to my eyes that would damage the icons' usability. I seriously dislike the svg versions of Check Mark, Data, Disambig, Indeterminate, Merge, Move, Photo, Speculation, Split, Unnotable, and X Mark; they are in most cases harder to clearly understand at a moment's glance, especially at small sizes. I strongly encourage you to scrap as many of the redesigns on that list as you're willing to. [[User:Miles of SmashWiki|<font color="dodgerblue"><span style="font-family:Verdana;">'''Miles''']] <font color="silver">([[User talk:Miles of SmashWiki|<font color="silver">talk]])</font></font></span></font> 22:37, July 26, 2019 (EDT) | |||
*:XMark was ripped from TF2 and Checkmark was derived from it, they've been on my "kill" list for years. Disambig and Split were changed in order to not have square silhouettes amongst all the circles; Merge was changed to match style with Split. Data was changed because it's harder to control text between browsers than symbols in SVGs, and converting all that text into paths would be fairly expensive (same reason the fancy curly letters were dropped from the policy scrolls). Speculation was changed to not be so similar to LowQuality (and, at least locally for me, it rendered quite differently in various browsers). Move is being reconsidered as above. I get the complaint about Photo and might make it symmetrical or change it back, not sure yet. As for Indeterminate and Unnotable, I don't see your beef with them, and would need more feedback than "no" to change anything. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Chronicler 23:23, July 26, 2019 (EDT) | |||
*Probably just a pet peeve, but I don't really like the Metal Gear exclamation point in the warning icon. Considering the unique "traits" of all the other icons this just feels out of place, and will probably feel even more out of place if one of the icons ends up having a unique question mark....though I'm pretty sure this was intentional and and thus not worth that much complaining about. I like Nymbare's idea of the newbug icon being a "squashed bug" (my initial feeling when the icon was first proposed was to use the original icon for bugfix for newbug, while giving bugfix a flyswatter icon, though I never commented this when newbug was first proposed because I thought it was a bit silly); I partially agree with Serpent King with giving the move icon an arrow (though I'm torn on making it curved or straight), but maybe making the two colors more distinct would suffice; and pretty much everything Aidan said about the speculation icon (not a fan of the semitransparency even if its going to be on a colored background nearly all the time). - [[User:EndGenuity|EndGenuity]] ([[User talk:EndGenuity|talk]]) 00:03, July 27, 2019 (EDT) | |||
===Can you add [this icon]?=== | ===Can you add [this icon]?=== | ||
Post here if you have an idea for a new icon and I'll consider it. An example would be splitting a "new bug" icon off of the "bugfix" icon. | Post here if you have an idea for a new icon and I'll consider it. An example would be splitting a "new bug" icon off of the "bugfix" icon. | ||
| Line 43: | Line 52: | ||
*... | *... | ||
===Updates=== | |||
List of stuff I changed since this discussion started. | |||
* Buff icon colour: '''{{color|#00bf3f|00bf3f}}''' -> '''{{color|#00df7f|00df7f}}''' [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[Image:Toomai.png|20px|link=User:Toomai/Bin|???]] The Superlative 14:39, July 27, 2019 (EDT) | |||
* Move icon given a more distinct arrowhead and changed from '''{{color|#bf00ff|two}}''' '''{{color|#ff00bf|purples}}''' to '''{{color|#bf00ff|purple}}''' and '''{{color|#ff3f00|orange}}'''. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[File:Toomai.png|20px|link=User:Toomai/Bin|???]] The Riotous 19:56, March 22, 2021 (EDT) | |||
* Photo icon reverted to existing simpler shape. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[File:Toomai.png|20px|link=User:Toomai/Bin|???]] The Riotous 19:56, March 22, 2021 (EDT) | |||
* Speculation icon given a shakyhand question mark. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[File:Toomai.png|20px|link=User:Toomai/Bin|???]] The Riotous 19:56, March 22, 2021 (EDT) | |||
* Unnotable icon got the trashcan added, since it's a specific case of deletion. [[User:Toomai|Toomai]] [[User talk:Toomai|Glittershine]] [[File:Toomai.png|20px|link=User:Toomai/Bin|???]] The Riotous 19:56, March 22, 2021 (EDT) | |||