0.3 Technology screen and Tech Graphics
- The Silent One
- Graphics
- Posts: 1129
- Joined: Tue Jul 01, 2003 8:27 pm
Re: 0.3 Technology screen and Tech Graphics
Two ideas here:
- tech icons overlap their panel's borders => larger icons
- stretch progress bar so that it uses more width of the panel; move inwards?
Everything else as in Eleazar's production screen mockup.
If I provided any images, code, scripts or other content here, it's released under GPL 2.0 and CC-BY-SA 3.0.
- eleazar
- Design & Graphics Lead Emeritus
- Posts: 3858
- Joined: Sat Sep 23, 2006 7:09 pm
- Location: USA — midwest
Re: 0.3 Technology screen and Tech Graphics
I agree with the second one.The Silent One wrote: Two ideas here:
- tech icons overlap their panel's borders => larger icons
- stretch progress bar so that it uses more width of the panel; move inwards?
Generally IMHO the items in the tech/production queue and in the tech tree should look the same, unless there's a reason to add/change something. Putting the progress bar inside the main box thus makes sense.
The part that i really don't know what to do with is the difference between theories, applications, and refinements. I don't think the current method of changing the corner treatment is nearly obvious enough. Ideally whatever distinguishes them can also be used in the queue.
The idea of changing the making the icons obviously different for each of these categories appeals to me, but i don't have a solid idea as to what the difference would be.
- just to throw the idea out there, in the tree, when you scroll out far enough to make the text illegible, the tree should change to an icon-only format, possibly with progress bars. This would save a lot of horizontal space.
- The Silent One
- Graphics
- Posts: 1129
- Joined: Tue Jul 01, 2003 8:27 pm
Re: 0.3 Technology screen and Tech Graphics
Is there a particular reason why the items of the tech tree should look exactly like the items of the research queue? As long as the tech tree icons are consistent with the overal design, they would better be optimized in regard to legibility, not to size. For instance in my mockup, compare the item on the top of the right row with the item below: #1 is only slighty larger, but much easier on the eye.Eleazar wrote:Generally IMHO the items in the tech/production queue and in the tech tree should look the same, unless there's a reason to add/change something. Putting the progress bar inside the main box thus makes sense.
If I provided any images, code, scripts or other content here, it's released under GPL 2.0 and CC-BY-SA 3.0.
- Geoff the Medio
- Programming, Design, Admin
- Posts: 13603
- Joined: Wed Oct 08, 2003 1:33 am
- Location: Munich
Re: 0.3 Technology screen and Tech Graphics
I'm pondering replacing the text buttons on the tech tree controls with icons. For that, I'd like to request some competent artist renditions of icons for tree view, list view, locked, available, and researched icons, possibly inspired by the attached.
- Attachments
-
- possibly icon inspiration
- icons_requested.png (2.02 KiB) Viewed 3668 times
- adrian_broher
- Programmer
- Posts: 1156
- Joined: Fri Mar 01, 2013 9:52 am
- Location: Germany
Re: 0.3 Technology screen and Tech Graphics
If this isn't already done I would like to note that your proposed for 'available' isn't self explaining in my opinion.Geoff the Medio wrote:at, I'd like to request some competent artist renditions of icons for tree view, list view, locked, available, and researched
I assume it is the circle based on exclusion from the other, more obvious icons.
Maybe the idea could be improved if the 'researched' icon (the check) adds the circle into the background if both icons are displayed the same time, so that you can see in this context that some tech is 'done' and some tech isn't 'complete'.
Resident code gremlin
Attached patches are released under GPL 2.0 or later.
Git author: Marcel Metz
Attached patches are released under GPL 2.0 or later.
Git author: Marcel Metz