Skip to content

Conversation

@jonasschnelli
Copy link
Contributor

  • flat and b/w icons seems to be the new trend
  • support for HiDPI/retina

@jonasschnelli
Copy link
Contributor Author

It's just a starting-commit which might bring up a discussion. If the change of the icons is welcome, i would also take care about the other icons.

Example how it looks on OSX 10.10 with Qt5:
bildschirmfoto 2014-11-05 um 13 45 57

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

What trend? I only see mucho-coloured icons here... NACK ugly black-only icons? :/

I can't even tell what those smaller 3 icons are supposed to mean!

@sipa
Copy link
Member

sipa commented Nov 5, 2014

I have no opinion.

@jonasschnelli
Copy link
Contributor Author

Trend (whatever that means):
iOS 8 / WP8: http://www.smashingmagazine.com/wp-content/uploads/2013/09/mobile_os_mini.jpg
Windows 10: http://cdn1.vox-cdn.com/uploads/chorus_image/image/40528936/windows10startmenu3_1020.0.0_cinema_1200.0.jpg
OSX 10.10: http://www.cronicaweb.com/wp-content/uploads/2014/06/caracteristicas-os-x-10-10.jpg

I just think, flat and b/w icons looks more professional than the current candy-like icons (they are from 2002 and are made for a KDE theme).
When it comes to professional software where users should build up trust, less is more (in case of UX).

What would you expect nowadays when you use a ATM? candy 3d icons or a flat clear interface design?

Yes. The three icons next to the address bar (addressbook, copy-from-clipb., delete) are a bit tiny. Maybe they need +10px.

@laanwj
Copy link
Member

laanwj commented Nov 5, 2014

Looks OK to me, even with the wacky black theme that I use, hadn't expected that

untitled2

untitled

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

I disagree with using proprietary software (which gets much less end-user input than free software) as a "trend" to follow. The KDE-based icons continue to fit in perfectly (not to mention look nice) in my KDE desktop system.

If anything, we should be discouraging people from running Bitcoin wallets on inherently insecure operating systems... not trying to make it look better there at the expense of the free/secure alternatives.

@jgarzik
Copy link
Contributor

jgarzik commented Nov 5, 2014

Encouraging or discouraging use of certain OS's is outside the scope of this project.

I do agree that two-color (not necessarily black & white) icons are becoming a bit of a trend. Many mobile apps use a familiar shape, while colors remain consistent with the rest of the [mobile] app page.

@jonasschnelli
Copy link
Contributor Author

@luke-jr maybe we should not mix up platform/open-source preferences with a possible change of icons. I would say nobody will push users into the direction of proprietary software with more flat icons.
Even KDE and Gnome are moving to more flat design. IMO: it is more a "spirit of the time" thing which open source/free software is also a part of.

On the other hand bitcoin-core has to compete with other wallet software (especially when sipa's optimizations are finished). A good UX will make users might stick to / use the reference implementation.

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

Our current icons are already two-colour, and look much better (not to mention easily recognisable)...

@laanwj
Copy link
Member

laanwj commented Nov 5, 2014

Let's try to shortcut this discussion. The underlying issue is that the current icons are too low-resolution, so we need higher-resolution icons.

@jonasschnelli made one proposal; speaking of which you need to update doc/assets-attribution.md so we can see if the license is acceptable.

Do you have an alternative proposal @luke-jr?

Another option would be to remove the icons from the tabs (and menu, and buttons, and anywhere else they're not strictly necessary).

@jonasschnelli
Copy link
Contributor Author

@laanwj
Copy link
Member

laanwj commented Nov 5, 2014

Is https://creativecommons.org/licenses/by-sa/3.0/ compatible with the MIT license? I suppose there is a problem with the attribution clause? Sorry to be difficult here but we've had heated debates about this before so I'd like to preempt that this time.

@laanwj laanwj added the GUI label Nov 5, 2014
@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

@laanwj I'd rather keep the current low-resolution icons that you can tell the purpose of, rather than high-resolution icons that you have to hover over and wait for a tooltip before you know the purpose of. I don't think we should have to increase the icon sizes just to compensate for lower colour use. :/

MIT license is basically compatible with anything - the real question is do we want the entire distribution tied up by the icon's additional requirements. BY-SA is less restrictive than the current LGPL, AIUI.

@jonasschnelli
Copy link
Contributor Author

License: it says:

Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.

I would say mention the author, etc. in the assets txt file should be fine.

Icon Size:
I just increased the size:
bildschirmfoto 2014-11-05 um 14 59 31

Looks good and more appropriate (especially the address-book and delete icon, they should be better recognized now).

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

The increased size looks terrible IMO. Sure, I can tell what they are, but they're obviously oversized and out of place. The black icons also sharply contrast with the rest of the UI elements (red debits under "Recent transactions", blue progress bar, etc)

@jonasschnelli
Copy link
Contributor Author

Here is a comparison:

bildschirmfoto-2014-11-05-um-15 18 59

I would say, @luke-jr is right, the icons are a bit to big (4px), but they where also "off the alignment" before the change.
On the other hand, "addressbook" and "delete" is more clear for me now (and i would say for most users).

Let me work on the other icons as well as on the status bar to make it more complete.

@jonasschnelli
Copy link
Contributor Author

Now without border it looks very aligned:
bildschirmfoto 2014-11-05 um 15 38 44

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

The status bar picks up the style from the OS, as it should - please don't try to change that. I wonder if there's a nice way to use XDG icon standards too...?

@luke-jr
Copy link
Member

luke-jr commented Nov 5, 2014

The borderless icons do look okay now, but it's no longer clear that they're buttons :(

Is there padding around the icon content that we could just remove?

@laanwj
Copy link
Member

laanwj commented Nov 5, 2014

@jonasschnelli Looks good to me
Do the icons look relatively the same size on higher-resolution screens without either making very small icons or making them blurry?

@luke-jr Some people have looked at using distro-provided standard icons, but it didn't really work out AFAIK. For one because we ship binaries. Linux distributions are just too incompatible.

@jonasschnelli
Copy link
Contributor Author

@luke-jr: no. there is no padding in the icon binary, the padding comes from the .ui file (or Qt defaults).

@laanwj: On my HiDPI screen the icons look sharp and optimized. On normal screens they should also look good, because there are constraint height/size in device independent pixels (1:1 on normal screen, 2:1 on HiDPI screens).
I'm refreshing my ubuntu vm to do some tests there.

@sandakersmann
Copy link
Contributor

I think it looks nice 👍

@laanwj
Copy link
Member

laanwj commented Nov 6, 2014

@luke-jr yes the trend would be better named 'one-color icons' not 'two-color icons'. In a way, it's a blast to the past to the 80's. But that's the fashion these days. Who knows in 5 years the pendulum has swung back to rainbows-and-unicorns.

@jonasschnelli The buttons in "Send Coins" don't look and act like buttons at all anymore, but just static images. If you're going to do the 'flat button' thing at least make sure that they react when the mouse passes over so they don't seem dead - although how is likely theme-dependent. It looks like overriding the border using stylesheet causes Qt to strip them of all button-like behavior?

Would this help? http://qt-project.org/doc/qt-5/qpushbutton.html#flat-prop

@jonasschnelli jonasschnelli force-pushed the new-icons branch 2 times, most recently from 259ba5d to 677b9fd Compare November 6, 2014 10:01
@jonasschnelli jonasschnelli force-pushed the new-icons branch 4 times, most recently from 8fe4712 to 59e998d Compare November 6, 2014 16:27
@jonasschnelli
Copy link
Contributor Author

I just changed the icons for

  • mined tx
  • verify message
  • "confirming message"
  • backup wallet
  • about qt

what do you think?

@luke-jr
Copy link
Member

luke-jr commented Nov 6, 2014

I guess these look okay except for changing sizes. Please find a way to make your icons work within the existing space.

@luke-jr
Copy link
Member

luke-jr commented Nov 6, 2014

Guess I posted too prematurely - still has the unreadable "watch"... any reason we can't use a simple circle progress like we used to?

@luke-jr
Copy link
Member

luke-jr commented Nov 6, 2014

3e1a02d deals with the colour stuff nicely IMO

@jonasschnelli
Copy link
Contributor Author

@luke-jr: the bigger size of the toolbar was a conscious change. I just reverted the size increase change because i might focus on sizes in another pull request.
I replaced the watch with a more clear locking circle thing.

SingleColorIcon: looks good. But do you think it's a good idea to directly tie to QPalette::Highlight? In my eye this can result in a bad looking UI on different OSes. A way might would be, to choose black OR white depending on the OS Palette.

Back to the roots of this change request. My thought are:
Bitcoin wants to be clear, stable and professional. The icons should follow this paradigm. Black icons are clear and should perform well on many platforms. This changeset would also support HiDPI screens which would not be possible with the current icons.
Adding code to play with the color is to unstable and unpredictable in my eyes.

Some other voices, ACK or NACK?

@jonasschnelli
Copy link
Contributor Author

Here are some screenshots of the UI with the new icons on Ubuntu and OSX:
jonasschnelli#2

@laanwj
Copy link
Member

laanwj commented Nov 7, 2014

@luke-jr Nice commit; in principle, one-color icons are just glyphs, so coloring them in the text/highlight color makes a lot of sense. Maybe the result may not always be pretty on all platform, but it's a very consistent way to think about it.

@jonasschnelli No matter how we decide select the icon colors, ACK from me. Thanks for bringing back the pickaxe.

@jonasschnelli
Copy link
Contributor Author

  • does anyone know, why some of the CI builds fail?
  • single color icon: how should we proceed? should we try to merge this pull request first and luke-jr might continue with the singleColorIcon or should i try to merge his 3e1a02d commit and finish the work?

@laanwj for the pickaxe i had to dig out all my adobe illustrator knowhow. :-)

@laanwj
Copy link
Member

laanwj commented Nov 7, 2014

@jonasschnelli This pull should just be icon changes - coloring work can be done later.

Edit: The travis error here happens on all UI builds. Something with resource linkage;

qt/qt_bitcoin_qt-bitcoin.o: In function `main':

bitcoin.cpp:(.text.startup+0x39): undefined reference to `qInitResources_bitcoin()'
/home/travis/build/bitcoin/bitcoin/depends/x86_64-apple-darwin11/lib/libcrypto.a(x86_64cpuid.o) and (default) in /home/travis/build/bitcoin/bitcoin/depends/x86_64-apple-darwin11/lib/libcrypto.a(cryptlib.o)

Undefined symbols for architecture x86_64:

"__Z22qInitResources_bitcoinv", referenced from:

_main in qt_bitcoin_qt-bitcoin.

I cannot reproduce it locally though!

@laanwj
Copy link
Member

laanwj commented Nov 7, 2014

Searching back the error seems to be:

RCC: Error in 'qt/bitcoin.qrc': Cannot find file 'res/icons/about_qt.png'

- flat and b/w icons seems to be the new trend
- support for HiDPI/retina
- change icon sizes
- fix assets-attribution.md
- removed unused icons
@jonasschnelli
Copy link
Contributor Author

CI builds issue fixed.
Ready to ACK and merge.

@laanwj laanwj added this to the 0.11.0 milestone Nov 13, 2014
@laanwj laanwj merged commit 31aac02 into bitcoin:master Dec 16, 2014
laanwj added a commit that referenced this pull request Dec 16, 2014
31aac02 Qt: new icons (Jonas Schnelli)
@luke-jr luke-jr mentioned this pull request Dec 25, 2014
@Moneetor
Copy link

Those new icons are so awful. I suggest bring back old icons and give to user choice of icon set.

@jonasschnelli
Copy link
Contributor Author

@Moneetor: your PR response is a bit late. The new icons has been merged more then a year ago.
It would be nice to see a UX designer contributing to Bitcoin-Qt. Complaining is the wrong approach in open source software.

@bitcoin bitcoin locked as resolved and limited conversation to collaborators Sep 8, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

8 participants