Difference between revisions of "Icons"
(Created page with "The site uses [https://github.com/wikimedia/WikiFont Wikifont] icons created by Mun May Tee-Galloway. The iconset has not been updated, but I suggest we continue developing i...") |
(→Gallery) |
||
| (77 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
The site uses [https://github.com/wikimedia/WikiFont Wikifont] icons created by Mun May Tee-Galloway. | The site uses [https://github.com/wikimedia/WikiFont Wikifont] icons created by Mun May Tee-Galloway. | ||
| − | The iconset has not been updated, but I suggest we continue developing it as an open source project. | + | The iconset has not been updated, but I suggest we continue developing it as an open source project. The font has been forked in https://github.com/Wikidocumentaries/WikiFont. |
Let's list missing icons here first! | Let's list missing icons here first! | ||
| − | + | ||
| − | + | ==Context== | |
| − | + | The icons are used primarily in the header bar of each module. They can be buttons or menus, but the same icon are used in both cases. | |
| − | + | ||
| − | + | ==Used and most needed icons== | |
| − | + | ||
| − | + | ===Metadata page=== | |
| − | + | ;Caption[[File:UniE113 - stripeSummary.png|24px|left]] | |
| − | + | Equivalent to Structure Data on Commons caption | |
| − | + | ||
| − | + | ;Description[[File:Description-icon.png|24px|left]] | |
| − | + | To mark a longer text about an image. Used in the [[metadata editor]]. | |
| − | + | ||
| + | ;Author (generic) | ||
| + | A creator icon, may be the same as the user icon. Different roles? For the [[metadata editor]]. Should imply a person. | ||
| + | |||
| + | ;Photographer (subtype of an author)[[File:Photographer-icon.png|24px|left]] | ||
| + | Marking the creator of the photograph (the original artwork) or the photographer of the faithful copy. These are very different legally, so changes are expected. | ||
| + | |||
| + | ;Creation date[[File:Production-date.png|24px|left]] | ||
| + | Icon to mark the creation date of the work. | ||
| + | |||
| + | ;Publishing date[[File:Publishing-date.png|24px|left]] | ||
| + | Icon to mark the date the work was published | ||
| + | |||
| + | ;Tag[[File:Tag-icon.png|24px|left]] | ||
| + | Tag icon is often needed. It is used most prominently in the [[metadata editor]]. | ||
| + | |||
| + | ;Depicted person[[File:Depicted-person.png|24px|left]] | ||
| + | The depicted person could be different from the author. Could be a person in a frame. | ||
| + | |||
| + | ;Depicted place[[File:Depicted-place.png|24px|left]] | ||
| + | The depicted place is currently marked with location pin. It works well. | ||
| + | |||
| + | ;Depicted date[[File:Depicts-date.png|24px|left]] | ||
| + | Icon to mark the date of the subject matter the work represents. | ||
| + | |||
| + | ;Street address[[File:UniE016 - message 2.png|24px|left]] | ||
| + | The street address could be marked with a stamp or letter. | ||
| + | |||
| + | ;Institution[[File:Institution.png|24px|left]] | ||
| + | The source institution of the image in the [[metadata editor]]. The museum icon possibly. | ||
| + | |||
| + | ;Collection[[File:Collection-icon.png|24px|left]] | ||
| + | The collection at the source institution of the image in the [[metadata editor]]. | ||
| + | |||
| + | ;Inventory number[[File:Id2.png|24px|left]] | ||
| + | The ID of the image at the source institution and collection in the [[metadata editor]]. | ||
| + | |||
| + | ;Publishing platform[[File:Cloud-icon.png|24px|left]] | ||
| + | Another organisation to be included in the metadata editor listing. Could be the respective icons: Wikimedia Commons, Flickr, Finna, Ajapaik, Internet Archive, Europeana... and/or a generic one, a web icon, globe...? | ||
| + | |||
| + | ;ID[[File:Id2.png|24px|left]] | ||
| + | Image ID on the publishing platform in the [[metadata editor]]. Could be used to mark any ID. | ||
| + | |||
| + | ;Image info page | ||
| + | Image info page on the publishing platform in the [[metadata editor]]. | ||
| + | |||
| + | ;Format | ||
| + | Image metadata: Painting, photograph etc. | ||
| + | |||
| + | ;Measures[[File:Measures.png|24px|left]] | ||
| + | The physical size of the depicted object. [[Media metadata]]. | ||
| + | |||
| + | ;Image dimensions[[File:Imagesize.png|24px|left]] | ||
| + | The pixel size of the depicted object. Same or different from Measures [[Media metadata]]. | ||
| + | |||
| + | ;Filesize[[File:Filesize-icon.png|24px|left]] | ||
| + | The digital size of the depicted object. [[Media metadata]]. | ||
| + | |||
| + | ;File format[[File:Fileformat-icon.png|24px|left]] | ||
| + | [[Media metadata]]. | ||
| + | |||
| + | ===Module toolbar=== | ||
| + | ;Ellipsis | ||
| + | Actions | ||
| + | |||
| + | ;Expand page | ||
| + | Needed in tool sections as an option to expand the view to a bigger one or another window. The 'full window' icon would be suitable. | ||
| + | |||
| + | ;Shrink page | ||
| + | A pair to the previous. | ||
| + | |||
| + | ;Crowdsourcing task[[File:Game-icon.png|24px|left]] | ||
| + | The icon for the [[tasks]] menu in various content modules. A shovel, working gloves, machinery... | ||
| + | |||
| + | ;Help[[File:Help-icon.png|24px|left]] | ||
| + | Needed as a link for additional info. The usual i-icon would be suitable. | ||
| + | |||
| + | ;Sound[[File:Sound2.png|24px|left]] | ||
| + | Can be used to display if an article can be listened to | ||
| + | |||
| + | ===Gallery=== | ||
| + | ;Sort[[File:Sort-icon.png|24px|left]] | ||
| + | Sort items. Sort criteria is expressed as text in a menu, only the main icon is needed. Used in all [[gallery|galleries]]. Arrows up and down. | ||
| + | |||
| + | ;Facet[[File:UniE006 - funnel.png|24px|left]] | ||
| + | Facet/filter items | ||
| + | |||
| + | ;Display as (list vs gallery) - USE ONE BELOW | ||
| + | |||
| + | ;List[[File:UniE245 - listBullet.png|24px|left]] | ||
| + | Use either as a toggle button or before the list item | ||
| + | |||
| + | ;Gallery[[File:UniE114 - viewCompact.png|24px|left]] | ||
| + | Use either as a toggle button or before the list item | ||
| + | |||
| + | ;Map | ||
| + | |||
| + | ===Tools=== | ||
| + | ;Crop or mask | ||
| + | Needed for the Warper masking tool | ||
| + | |||
| + | ;Broken link | ||
| + | As a companion to a link - linked map controls in two maps | ||
| + | |||
| + | ;Edit | ||
| + | |||
| + | ;Download | ||
| + | |||
| + | ;Copy | ||
| + | |||
| + | ;Discuss | ||
| + | |||
| + | ;Add to collection | ||
| + | |||
| + | ;Close | ||
| + | |||
| + | {{design-nav}} | ||
Latest revision as of 14:39, 28 November 2021
The site uses Wikifont icons created by Mun May Tee-Galloway.
The iconset has not been updated, but I suggest we continue developing it as an open source project. The font has been forked in https://github.com/Wikidocumentaries/WikiFont.
Let's list missing icons here first!
Contents
Context
The icons are used primarily in the header bar of each module. They can be buttons or menus, but the same icon are used in both cases.
Used and most needed icons
Metadata page
- Caption
Equivalent to Structure Data on Commons caption
- Description
To mark a longer text about an image. Used in the metadata editor.
- Author (generic)
A creator icon, may be the same as the user icon. Different roles? For the metadata editor. Should imply a person.
- Photographer (subtype of an author)
Marking the creator of the photograph (the original artwork) or the photographer of the faithful copy. These are very different legally, so changes are expected.
- Creation date
Icon to mark the creation date of the work.
- Publishing date
Icon to mark the date the work was published
- Tag
Tag icon is often needed. It is used most prominently in the metadata editor.
- Depicted person
The depicted person could be different from the author. Could be a person in a frame.
- Depicted place
The depicted place is currently marked with location pin. It works well.
- Depicted date
Icon to mark the date of the subject matter the work represents.
- Street address
The street address could be marked with a stamp or letter.
- Institution
The source institution of the image in the metadata editor. The museum icon possibly.
- Collection
The collection at the source institution of the image in the metadata editor.
- Inventory number
The ID of the image at the source institution and collection in the metadata editor.
- Publishing platform
Another organisation to be included in the metadata editor listing. Could be the respective icons: Wikimedia Commons, Flickr, Finna, Ajapaik, Internet Archive, Europeana... and/or a generic one, a web icon, globe...?
- ID
Image ID on the publishing platform in the metadata editor. Could be used to mark any ID.
- Image info page
Image info page on the publishing platform in the metadata editor.
- Format
Image metadata: Painting, photograph etc.
- Measures
The physical size of the depicted object. Media metadata.
- Image dimensions
The pixel size of the depicted object. Same or different from Measures Media metadata.
- Filesize
The digital size of the depicted object. Media metadata.
- File format
Module toolbar
- Ellipsis
Actions
- Expand page
Needed in tool sections as an option to expand the view to a bigger one or another window. The 'full window' icon would be suitable.
- Shrink page
A pair to the previous.
- Crowdsourcing task
The icon for the tasks menu in various content modules. A shovel, working gloves, machinery...
- Help
Needed as a link for additional info. The usual i-icon would be suitable.
- Sound
Can be used to display if an article can be listened to
Gallery
- Sort
Sort items. Sort criteria is expressed as text in a menu, only the main icon is needed. Used in all galleries. Arrows up and down.
- Facet
Facet/filter items
- Display as (list vs gallery) - USE ONE BELOW
- List
Use either as a toggle button or before the list item
- Gallery
Use either as a toggle button or before the list item
- Map
Tools
- Crop or mask
Needed for the Warper masking tool
- Broken link
As a companion to a link - linked map controls in two maps
- Edit
- Download
- Copy
- Discuss
- Add to collection
- Close
| About | Technology | Design | Content modules | Tool pages | Projects |
| Status
Wikidocumentaries Slack |
Setting up dev environment |
Components |
Active modules Module ideas |
Visual editor | Central Park Archives |
