Giter Site home page Giter Site logo

Comments (16)

jimmac avatar jimmac commented on July 25, 2024 2

The fork metaphor seems quite applicable for a version control app, but a merge tool might need to better communicate the opposite direction. Before trying that, I've explored another metaphor myself, being closer to the literal UI of the app:

image

from diffuse.

jimmac avatar jimmac commented on July 25, 2024 2

Maybe arrows ( -> and <- ) bigger, like the + and - from calculator on the same image.

image

from diffuse.

freddii avatar freddii commented on July 25, 2024 1

papirus-icon-theme is using this image for diffuse:

diffuse

https://github.com/PapirusDevelopmentTeam/papirus-icon-theme/blob/master/Papirus/32x32/apps/diffuse.svg

I like it cause it reminds me of the old icon of a giraffe.

from diffuse.

jimmac avatar jimmac commented on July 25, 2024 1

This is how it would look like in fullcolor and symbolic

image

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

Oh wow! This is awesome!

It still has the giraffe shape and color, while clearly easier to understand it's a diff tool, and the shape of the icon looks like a construction sign (which is pretty much the state of your project when you're using a diff tool 😉 )!

Thank you very much! I'd be glad to add this icon in the next release.

Edit: and it's SVG!

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

@freddii it is nice too, though I prefer @creepertron95's as it is more in line with GNOME icons guidelines. Papirus is a bit more stylized, which surely fits perfectly within the other Papirus icons, but wouldn't fit as well within the GNOME default theme.

That said, both are better than the actual icon 😉

from diffuse.

freddii avatar freddii commented on July 25, 2024

🙂

from diffuse.

joyously avatar joyously commented on July 25, 2024

All three look meaningless to me, but then so is a giraffe.
The tool is diff and merge, not one or the other, and definitely not version control.

from diffuse.

maxtron95 avatar maxtron95 commented on July 25, 2024

I think we should vote on the icon proposals presented here by me and @jimmac.

from diffuse.

freddii avatar freddii commented on July 25, 2024

This is how it would look like in fullcolor and symbolic

image
Maybe arrows ( -> and <- ) bigger, like the + and - from calculator on the same image.

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

Indeed there are some very good points here. I agree that, although I like @creepertron95's icon for its similarities with the original giraffe icon, the branching analogy does not really reflect the purpose of the tool. That said, we could argue that without branching there would not be diffs or merges to do.

I liked the colorfulness of @creepertron95's icon. With @jimmac's icon I feel like it reflects exactly what the tool does, but to be fair the same icon could be applied to any diff tool. If you look at http://meldmerge.org/ the icon reflect the "meld" symbolism.

I like @jimmac's icon for its usefulness, in a glimpse of the eye you understand what you'll have.

So, in the end, I wonder if there could be a way to give that little twist to our icon that would make the user thinks "ah, this is Diffuse".

To be clear, I'm not asking anyone to do anything, I appreciate the work already done to produce these icons and the time involved. I'm merely laying down my thought process. If by any chance this gives you ideas, that's but a nice side-effect 😉

from diffuse.

maxtron95 avatar maxtron95 commented on July 25, 2024

I like @jimmac's icon as well. He is after all, one of the main contributors to Adwaita icon theme(and I think Tango as well, ancient but, I still like it). Though I wanted to ask, is there a way to somehow incorporate "giraffe" colors into your icon?

from diffuse.

freddii avatar freddii commented on July 25, 2024

Yes maybe something like this.
com github mightycreak Diffusev2
com.github.mightycreak.Diffusev2.svg.zip

I am not that good with colors. its just for the idea..

Preview

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

I quite like these colors!

For the reference, here's the original icon:
diffuse icon

What do you think @jimmac ?

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

There is also one thing that I particularly like on Diffuse that most of the other diff tools don't do: the diff blocks have the same heights between the left and right documents, so you don't have this funnel shape that most other diff tools have. Maybe it would be nice to have that represented as well in the icon.

Here's an example of the "same heights" I'm talking about:

On Diffuse:
image

On Meld:
image

from diffuse.

MightyCreak avatar MightyCreak commented on July 25, 2024

I modified a bit the SVG using @jimmac's design with @freddii's colors and I redesigned a bit the "diffs" so that the left and right side have the same height. I also added @jimmac's symbolic icon.

It would be awesome if you could review the PR #87.

Thank you!!

from diffuse.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.