This site has been retired. For up to date information, see handbook.gnome.org or gitlab.gnome.org.


[Home] [TitleIndex] [WordIndex

Avatars

Introduction

Cool images for local users, contacts and conversations.

Participants

AllanDay, JakubSteiner

Relevant Art

Gravatar

http://www.gravatar.com/avatar/00000000000000000000000000000000?d=identicon http://www.gravatar.com/avatar/00000000000000000000000000000000?d=monsterid http://www.gravatar.com/avatar/00000000000000000000000000000000?d=wavatar http://www.gravatar.com/avatar/00000000000000000000000000000000?d=retro

Robohashes

http://static1.robohash.org/ALW.png?set=set1&size=150x150 http://static1.robohash.org/47Q.png?set=set1&size=150x150 http://static1.robohash.org/DA1.png?set=set1&size=150x150

See https://bugzilla.gnome.org/show_bug.cgi?id=655117

The Vash

http://www.thevash.com/

Vanillicon

http://vanillicon.com/

Libravatar

Libravatar is like Gravatar, but free and federated (for those who want to run their own instance).

https://secure.gravatar.com/avatar/40f8d096a3777232204cb3f796c577b7.jpg?d=identicon https://secure.gravatar.com/avatar/40f8d096a3777232204cb3f796c577b7.jpg?d=monsterid https://secure.gravatar.com/avatar/40f8d096a3777232204cb3f796c577b7.jpg?d=wavatar https://secure.gravatar.com/avatar/40f8d096a3777232204cb3f796c577b7.jpg?d=retro

API is similar to Grvatar: http://wiki.libravatar.org/api/

GNOME

Stock avatars:

gnome-avatars.png

Default avatar:

avatar-default.png avatar-default-symbolic.png

Discussion

Potential relevant areas:

Potential goals:

Do we want to aim for a particular minimum size?

A summary of the discussion on IRC:

Objectives

Tentative Design

System Avatars

For system avatars the symbolic motives used already at the GNOME website, with a colorful background.

stock-avatar1.png stock-avatar3.png system-avatars.png

Svg file can be downloaded here: system-avatars.svg

Generated Contact List Avatars

For generated contact list avatars, the initials are rendered with Journal font and cropped within a 48*48px bright/dark bordered square.

mockup-empathy.png

Below, some visual guidelines are described for generating the avatar visuals with examples mae using Inkscape.

avatar-visual-guidelines.png

See also generated-avatars-visuals.tar.gz.

Comments

See Also

Design areas:

Other bugs:


2024-10-23 11:03