Difference between revisions of "Icons"

From Wikidocumentaries
Jump to navigation Jump to search
(Most needed icons)
(Gallery)
 
(57 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
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.
 
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.
  
==Most needed icons==
+
==Used and most needed icons==
  
===Topic / tag / depicted===
+
===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]].
 
Tag icon is often needed. It is used most prominently in the [[metadata editor]].
  
===Sort===
+
;Depicted person[[File:Depicted-person.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.
+
The depicted person could be different from the author. Could be a person in a frame.
  
===Description===
+
;Depicted place[[File:Depicted-place.png|24px|left]]
To mark a longer text about an image. Used in the [[metadata editor]].
+
The depicted place is currently marked with location pin. It works well.
  
===Inscriptions===
+
;Depicted date[[File:Depicts-date.png|24px|left]]
To mark inscriptions on an image. Used in the [[metadata editor]].
+
Icon to mark the date of the subject matter the work represents.
  
===Expand page===
+
;Street address[[File:UniE016 - message 2.png|24px|left]]
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.
+
The street address could be marked with a stamp or letter.
  
===Shrink page===
+
;Institution[[File:Institution.png|24px|left]]
A pair to the previous.
+
The source institution of the image in the [[metadata editor]]. The museum icon possibly.
  
===ID===
+
;Collection[[File:Collection-icon.png|24px|left]]
Image ID in the [[metadata editor]]. Could be used to mark any ID.
+
The collection at the source institution of the image in the [[metadata editor]].
  
===Institution===
+
;Inventory number[[File:Id2.png|24px|left]]
The source institution of the image in the [[metadata editor]]. The museum icon possibly.
+
The ID of the image at the source institution and collection in the [[metadata editor]].
  
===Publishing platform===
+
;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...?
 
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...?
  
===Photographer, author===
+
;ID[[File:Id2.png|24px|left]]
A creator icon, may be the same as the user icon. Different roles? For the [[metadata editor]]. Should imply a person.
+
Image ID on the publishing platform in the [[metadata editor]]. Could be used to mark any ID.
  
===Depicted person===
+
;Image info page
The depicted person could be different from the author. Could be a person in a frame.
+
Image info page on the publishing platform in the [[metadata editor]].
  
===Production technique===
+
;Format
Image metadata: Painting, photograph etc. Perhaps an data rows related to an image.
+
Image metadata: Painting, photograph etc.
  
===Measures. Same or different from Image dimensions===
+
;Measures[[File:Measures.png|24px|left]]
 
The physical size of the depicted object. [[Media metadata]].  
 
The physical size of the depicted object. [[Media metadata]].  
  
===Filesize===
+
;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]].
 
The digital size of the depicted object. [[Media metadata]].
  
===File format===
+
;File format[[File:Fileformat-icon.png|24px|left]]
 
[[Media metadata]].
 
[[Media metadata]].
  
===Crowdsourcing task===
+
===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...
 
The icon for the [[tasks]] menu in various content modules. A shovel, working gloves, machinery...
  
===Help===
+
;Help[[File:Help-icon.png|24px|left]]
Needed as a link for additional info. The usual tag icon would be suitable.
+
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}}
 
{{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!

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
UniE113 - stripeSummary.png

Equivalent to Structure Data on Commons caption

Description
Description-icon.png

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)
Photographer-icon.png

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
Production-date.png

Icon to mark the creation date of the work.

Publishing date
Publishing-date.png

Icon to mark the date the work was published

Tag
Tag-icon.png

Tag icon is often needed. It is used most prominently in the metadata editor.

Depicted person
Depicted-person.png

The depicted person could be different from the author. Could be a person in a frame.

Depicted place
Depicted-place.png

The depicted place is currently marked with location pin. It works well.

Depicted date
Depicts-date.png

Icon to mark the date of the subject matter the work represents.

Street address
UniE016 - message 2.png

The street address could be marked with a stamp or letter.

Institution
Institution.png

The source institution of the image in the metadata editor. The museum icon possibly.

Collection
Collection-icon.png

The collection at the source institution of the image in the metadata editor.

Inventory number
Id2.png

The ID of the image at the source institution and collection in the metadata editor.

Publishing platform
Cloud-icon.png

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
Id2.png

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
Measures.png

The physical size of the depicted object. Media metadata.

Image dimensions
Imagesize.png

The pixel size of the depicted object. Same or different from Measures Media metadata.

Filesize
Filesize-icon.png

The digital size of the depicted object. Media metadata.

File format
Fileformat-icon.png

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
Game-icon.png

The icon for the tasks menu in various content modules. A shovel, working gloves, machinery...

Help
Help-icon.png

Needed as a link for additional info. The usual i-icon would be suitable.

Sound
Sound2.png

Can be used to display if an article can be listened to

Gallery

Sort
Sort-icon.png

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
UniE006 - funnel.png

Facet/filter items

Display as (list vs gallery) - USE ONE BELOW
List
UniE245 - listBullet.png

Use either as a toggle button or before the list item

Gallery
UniE114 - viewCompact.png

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


Navigation

About Technology Design Content modules Tool pages Projects
Status

Wikidocumentaries blog

Wikidocumentaries demo

Phabricator project

Facebook group

GitHub repository

Translation in TranslateWiki

Wikidocumentaries Slack

Setting up dev environment

Resources

Translations

Languages

Using Wikibase

Federation with Wikidata

APIs

Linking

Media metadata

Properties to content

User registration

Licensing

Page types

Landing page

Search page

Topic page

User page

Organisation page

Project page

Tool page

Tasks

Components

Main toolbar and footer

Search

Faceting

Topic page header

Content module

Dropdown

Modal

Icons

Active modules

Article

Family tree

Gallery

Historical map

Images

Image viewer

Infobox

Map

Module ideas

Audio/Video

Bibliography

Correspondence

Discussion

Graph

Name

Newspaper articles

Testimonials

Timeline

Visualizations

Wikidocumentary

3D

Visual editor

Query tool

QuickStatements

Open Refine

Creating topics

Uploading images

Geolocating tool

Metadata editor

Rectifying maps

Transcription

Annotation tool

Central Park Archives

Convent Quarter

Wikisource