Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

replace all the xpra logos #1342

Open
totaam opened this issue Oct 20, 2016 · 27 comments
Open

replace all the xpra logos #1342

totaam opened this issue Oct 20, 2016 · 27 comments

Comments

@totaam
Copy link
Collaborator

totaam commented Oct 20, 2016

The ones we have were made by tweaking the X.org one, we should use our own one.

Here are the main ones we need:

  • the background shown in the macosx PKG installer
  • MacOS icons: will need 512x512 and 512x512@x2 for Optimizing for High Resolution
  • xpra.png the main one, shown in various places
  • xpra-logo.bmp the MS Windows installer
  • xpra.bmp MS Windows installer small version
  • xpra.ico MS Windows ICO version, which needs to have various sizes for the system tray - MS Windows ICO version, which needs to have various sizes for the system tray, as low as 16x16, see What is the size of the icons in the system tray? - (the smaller versions may look substantially different)
  • xpra_txt.ico icon for text commands (maybe just clean it up a bit?)
  • favicon.png web shortcut icon (forgot to change the colour on this one!)
  • favicon.ico web shortcut icon in ICO format
  • xpra-logo.png shown in the HTML5 client
@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

2016-10-31 12:44:14: antoine uploaded file osx-pkg.png (36.3 KiB)

the macosx PKG installer screen
osx-pkg.png

@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

2016-10-31 12:44:44: antoine uploaded file osx-dmg.png (273.3 KiB)

the DMG file and its contents shown on the desktop
osx-dmg.png

@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

2016-10-31 12:45:12: antoine uploaded file windows-installer.png (25.1 KiB)

first page of the windows installer
windows-installer.png

@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

2016-10-31 12:45:27: antoine uploaded file windows-installer-lastpage.png (20.0 KiB)

last page of the windows installer
windows-installer-lastpage.png

@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

2016-10-31 12:45:55: antoine uploaded file windows-file-icons.png (24.3 KiB)

the file icons as shown in a windows explorer window (on win7)
windows-file-icons.png

@totaam
Copy link
Collaborator Author

totaam commented Oct 31, 2016

This should help understand where each image fits:

MacOS:

This shows a corner of the desktop with the 2 types of installer files macosx users can download (DMG and PKG) and after clicking on the DMG icon, the "xpra with disk" icon shows up and the contents window shows the main icon (people are expected to drag it to the "Applications" folder): osx-dmg.png

The PKG installer: osx-pkg.png


MS Windows

First page of the installer: windows-installer.png
Last page of the installer: windows-installer-lastpage.png

The file icons as shown in a windows explorer window: windows-file-icons.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 7, 2016

2016-11-07 12:16:55: antoine uploaded file 14962964_1404041139621103_297855895_n.png (24.9 KiB)

prototype (large)
14962964_1404041139621103_297855895_n.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 7, 2016

2016-11-07 19:31:37: antoine uploaded file 14997096_1404316836260200_507703593_n.png (37.0 KiB)

alternative design
14997096_1404316836260200_507703593_n.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 7, 2016

2016-11-07 19:32:09: antoine uploaded file 14961592_1404316839593533_1622627326_n.png (36.4 KiB)

alternative design
14961592_1404316839593533_1622627326_n.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:02:58: antoine uploaded file logo6.png (40.5 KiB)

system tray icon: a window being beamed
logo6.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:03:18: antoine uploaded file logo7.png (34.2 KiB)

system tray icon: a window with an arrow
logo7.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:03:33: antoine uploaded file logo8.png (67.2 KiB)

different arrows
logo8.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:03:50: antoine uploaded file logo9.png (72.4 KiB)

include text in the window
logo9.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:04:13: antoine uploaded file logo10.png (63.0 KiB)

try to show window motion
logo10.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:13:23: antoine uploaded file logo6-small.png (1.1 KiB)

system tray sized version
logo6-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:13:32: antoine uploaded file logo7-small.png (1.2 KiB)

system tray sized version
logo7-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:13:39: antoine uploaded file logo8-small.png (1.2 KiB)

system tray sized version
logo8-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:13:48: antoine uploaded file logo9-small.png (1.6 KiB)

system tray sized version
logo9-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

2016-11-21 14:13:56: antoine uploaded file logo10-small.png (1.3 KiB)

system tray sized version
logo10-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 21, 2016

After trying to use the large draft icons above for the system tray, I quickly came to the realisation that the icon needs to be simplified a lot more to look half decent at system tray sizes.
We are going to target win7 and later so 32x32 may be the smallest for win32 platforms, but X11 systrays can be smaller. (and on OSX, the dock is much bigger!)

@totaam
Copy link
Collaborator Author

totaam commented Nov 26, 2016

2016-11-26 07:40:47: antoine uploaded file logo17-small.png (1.1 KiB)

variation on no 10
logo17-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 26, 2016

2016-11-26 07:41:06: antoine uploaded file logo16-small.png (1.2 KiB)

another variation on no 10
logo16-small.png

@totaam
Copy link
Collaborator Author

totaam commented Nov 26, 2016

2016-11-26 07:43:17: antoine commented


Since the design of [/attachment/ticket/1342/logo10.png no 10] was the most popular, here are some 32x32 variations on that theme (downscaled quickly using gimp, could probably be made more legible):

[[Image(logo16-small.png)]] [[Image(logo17-small.png)]]

@totaam
Copy link
Collaborator Author

totaam commented Dec 2, 2016

2016-12-02 17:43:01: antoine uploaded file Xpra06.png (10.8 KiB)

legible 32x32 icon
Xpra06.png

@totaam
Copy link
Collaborator Author

totaam commented Dec 2, 2016

2016-12-02 17:43:22: antoine uploaded file Xpra07.png (10.8 KiB)

another legible 32x32 icon
Xpra07.png

@totaam
Copy link
Collaborator Author

totaam commented Dec 2, 2016

I quite like Xpra06.png
But maybe the lines underneath need to be bigger or sharper, because otherwise they're barely visible.

Not so much Xpra07.png

@totaam
Copy link
Collaborator Author

totaam commented Feb 15, 2017

We could tie this with #401 and use the lines to show the state of the connection, in the same way that wifi / cellular network bars show it.

This was referenced Jan 22, 2021
@totaam totaam added the client label Jan 23, 2021
@totaam totaam added this to the 4.2 milestone Jan 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant