Foto image viewer needs a new icon

Bug #1073708 reported by Camilo Higuita
10
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Foto
Fix Committed
Low
Camilo Higuita

Bug Description

Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Erasmo Marín (erasmo-marin) wrote :

I like the way this is going on.

Here a proposal based on your icon. I used strong colors (I think it looks better this way) and a different border, also I removed the shadow and glass effect.

This thread is for the discussion of the icon now, please don't create any new bugs reports about interface or icon, just post here the icon related stuff, and the interface design stuff here: https://bugs.launchpad.net/foto/+bug/1070003

summary: - Improved icon
+ Foto image viewer needs a new icon
Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

As i said on deviantart the icon looks a little a out of place when i compare it to official elementary icons.
Unfortunately i'm not a designer but i've searched for a good icon and i found this.

http://aux4.iconpedia.net/uploads/81435641104586617.png

The actual foto icon should take some inspiration from it, an opened book with some wallpapers/photos on it are
distinguish marks of a photo album. Using 4 different colors/gradients doesn't show a unique identification for a photo album icon.

Revision history for this message
Camilo Higuita (kxmylo) wrote :

I've made some other mods:
http://i.imgur.com/QxNsU.png
i attached a .svg

Revision history for this message
Camilo Higuita (kxmylo) wrote :

a little mod

Revision history for this message
Erasmo Marín (erasmo-marin) wrote :

I like nº 2, but maybe it would look better in brown.

Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

I like #2 and #3 but the rings and the brown margin should be smaller.
The brown solid color in the margin doesn't match. A light gradient over the brown margin makes it look better.

I took Camilo's Higuita mockup #3 and i did some little modifications.

http://i.imgur.com/7OQOP.png

Revision history for this message
Camilo Higuita (kxmylo) wrote :

Those rings feel like the ones from a calendar instead of the an album book.
I did another one, as an album cover instead of an album page:

Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

+1 I'm for number 2, excellent work Camilo !

Some aspects should be improved and it's perfect :

1) Remove those rings, they look out of place and they aren't really needed.
2) Remove the border around. If you look at the other elementary icons you won't find such a thick border.
3) The dark brown margin at the left should have a light gradient on it, this solid brown doesn't look good at all.
Take a look at dexter contact's icon.
https://launchpadlibrarian.net/91801639/1office-address-book.jpg
4) A Bonus would be to make the book's material look like real leather for example like this :
http://dribbble.com/shots/190029-Photo-Album-1-1

BTW, Scratch is looking for a new icon too. The actual icon looks like a note taking app.
So if you want to contribute check out the bug report :

https://bugs.launchpad.net/scratch/+bug/1076014

Revision history for this message
Camilo Higuita (kxmylo) wrote :

I've tried with some more options: without the rings and with noise

Let me know what you think. :)

Revision history for this message
Camilo Higuita (kxmylo) wrote :

with more noise

Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

They're all very nice :). My favourites of the 4 suggestions are in the first row the icon on the left and in the second row it is the icon on the right. I like both of them. You should post a screenshot with these new icons on plank :)

The noise one isn't bad too. A screenshot with the new icon on plank will show what icon matches more.

You're very talented you should really create a new icon for scratch. (:

Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Erasmo Marín (erasmo-marin) wrote :

Looks very nice Camilo! maybe the corners need more contrast, but it reflects a lot what the app is, and what it does.

Thanks Swizzle for your ideas :)

Revision history for this message
Camilo Higuita (kxmylo) wrote :

I tried it without the two border things:

1 http://screencloud.net/v/uYrJ

2 this one with a bigger image: http://screencloud.net/v/DK1b

Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

Thanks Erasmo ! I think we're getting closer and closer of a perfect icon for Foto.

Foto's icon is good but it still doesn't follow the design style of the other elementary icons.
Let's face the mistakes :

1) If you look at the icons Beatbox, Geary, Pantheon-Terminal, ... they all have all some light and gradient on it.
Foto's icon should have it too, the gradation of colour should be similar.

2) Like you discovered the wallpaper picture in the middle was too small. The actual size of your last mod is ok but it doesn't sticks out due the brown colours. Here we have some options on replacing the sun wallpaper picture through :

  a. A new one which contains more vivid colours that really stick out.
  b. A symbolic photo icon (take a look a snap's icon).
  c. A photo lens (take a look of new shotwell's icon designed by danrabbit).

Here are some inspirations :

http://dribbble.com/shots/770721-Lens-Icon
http://dribbble.com/shots/767347-Camera-Icon
http://dribbble.com/shots/634436-Camera
http://dribbble.com/shots/190029-Photo-Album-1-1

I think here again you should post some screenshots of different possibilities of a new Foto icon in plank.

Revision history for this message
Camilo Higuita (kxmylo) wrote :

1- elementary icons follow the Tango HIGS : http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines therefore the icon shouldn't have "some light" if the surface isn't reflective. The icon already has some gradients. I will try with some other with more contrast.
2- I will try the three options you suggested

Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Camilo Higuita (kxmylo) wrote :

I really liked this one.
It has the leader texture and a few fixes
on plank: http://screencloud.net/v/qShX

Revision history for this message
Camilo Higuita (kxmylo) wrote :

64x64

Revision history for this message
Erasmo Marín (erasmo-marin) wrote :

Nice job, I will add this icon on next commit

:)

Revision history for this message
swizzle (el-ferreira-deactivatedaccount) wrote :

Yes good job, make this icon default :) !

Changed in foto:
status: New → Fix Committed
importance: Undecided → Low
Revision history for this message
Tavecchio Luca (tavecchio-luca) wrote :

i don't like the new icon... old one was better... but in any case Skeuomorphism should be abandonaed the age in which people need a familiar image to reconnect an app to a function it's over.. and indulge in particular the wood and cord alike of this new icon is excessive, i suggest to use just the plain colour with no wood appearance...if you see also other elementary application you may note that even when there a camera or a picture they avoid to indulge in such real alike particular.

Changed in foto:
status: Fix Committed → Confirmed
assignee: nobody → Camilo Higuita (kxmylo)
Revision history for this message
Camilo Higuita (kxmylo) wrote :

I made a small fixes on the old icon i suggested. It's the one i've liked better. See the attached screenshots.

Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Camilo Higuita (kxmylo) wrote :
Revision history for this message
Camilo Higuita (kxmylo) wrote :

this' the icon

Changed in foto:
status: Confirmed → Fix Committed
milestone: none → foto-1.0
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.