Retina graphics and related fixes #17

Merged
merged 20 commits into from Jul 17, 2012

Projects

None yet

2 participants

@rastersize
Contributor

As a little (split) weekend project I’ve updated all images used in the GUI of CoRD for HiDPI/retina. As I did not find the original artwork until way to late I have re-created each image (except the clock image which I just scaled as I couldn’t manage to get it to show in the UI). I tried to make the new images somewhat similair to the old but they do deviate.

I also changed the next/previous standalone buttons into a single segmented button with template images.

Furthermore I’ve made a new application icon which contains all the sizes required of an icon on OS X and then used this as a base for the new document icons. The new application and document icons use the new iconset format which means that Xcode 4.4 will probably be required to compile the project. Xcode 4.3 might work but I haven’t tested.

I’ve also modified the disk image background so that it should work on retina displays. You can download the PSD, 1x and 2x PNG images as a ZIP.

It should probably be noted that this does not fix all issues with HiDPI I’ve encountered (such as moving an active session to a HiDPI screen and then back again, the window shrinks :-))

The new application icon (512x512@1x):
The new application icon (512x512@1x)

rastersize added some commits Jul 8, 2012
@rastersize rastersize Remove duplicate image.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
9fbdc7d
@rastersize rastersize Remove redundant code.
- No need to append ".png", NSImage will do this (or any other
  extension, such as .tiff) by itself if needed.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
5ff4f72
@rastersize rastersize Fix address field being blurry @2x.
- Changed the field to be bordered which solved the issue.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
c3b96b6
@rastersize rastersize Remove more ".png" file endings.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
d9fcd1e
@rastersize rastersize Enable HiDPI in Xcode project.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
47ee066
@rastersize rastersize Update "stop" image for HiDPI.
- As no PSD were available I had to remake it from scratch, will have to
  do the same with all other images.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
38addce
@rastersize rastersize Add HiDPI version of `ConnectionDefaultsIcon`.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
14dd847
@rastersize rastersize Update disconnect image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
4358bcb
@rastersize rastersize Update "ForwardPrefs" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
15d3e93
@rastersize rastersize Update "Unified" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
f4c7be6
@rastersize rastersize Update "Windowed" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
5fdfe66
@rastersize rastersize Update "Fullscreen" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
eefd4ca
@rastersize rastersize Update "Fullscreen" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
ed12e6f
@rastersize rastersize Update the next/previous session toolbar for HiDPI.
- This meant not just replacing the old images but also re-creating the
  buttons in Interface Builder. They are now inside a segmented button
  instead of two separate butcons.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
82a6421
@rastersize rastersize Update "Clock" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
defc728
@rastersize rastersize Fix a few issues with the "unified" icon.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
e44277b
@rastersize rastersize Update "Servers" image for HiDPI.
Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
7986714
@rastersize rastersize Add myself to the credits.
- For HiDPI images.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
71816c4
@rastersize rastersize Replace application icon with new.
- The new icon works with HiDPI.
- Now uses the modern `.iconset` format, which I believe requires Xcode 
  4.4.
- Xcode also decided that almost all key-value paris had to be
  re-arranged…

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
76df9d3
@rastersize rastersize Replace document icons with new version.
- The new icon works with HiDPI and is based on the new App Icon (see
  commit 76df9d3).
- Now uses the modern `.iconset` format, which I believe requires Xcode 
  4.4.

Signed-off-by: Aron Cedercrantz <aron@cedercrantz.se>
27218d2
@rastersize
Contributor

Screenshot of the app running with the new graphics (in 1x):

CoRD with the new graphics

@dorianj
Owner
dorianj commented Jul 17, 2012

Wow, this looks fantastic! Thank you so much!

I'll take a closer look and merge it today.

@dorianj
Owner
dorianj commented Jul 17, 2012

Just tried this out on my rMBP, and it looks superb. Great job!

Is there any good reason I shouldn't only include the @2x icons? I don't see any good reason to include pre-scaled copies if they're not hinted differently.

@dorianj dorianj merged commit e28c420 into dorianj:master Jul 17, 2012
@rastersize
Contributor

The @1x images have been optimised a slight bit (the shapes were snapped to pixels during the output phase). I haven’t checked how it looks with just the @2x images (rescaled by Cocoa) though so that might look better? (Hope not, as that would mean I wasted time re-scaling images :-))

Glad you liked them and seeing them merged!

@dorianj
Owner
dorianj commented Jul 18, 2012

Noted, will try to get the 1x images to work. I couldn't get the iconset to work as the app icon -- I realize now that this is probably because I'm on the older version of Xcode? If that's the case, I'll simply restore the iconsets when I upgrade.

@rastersize
Contributor

Yea I think the iconset format requires Xcode 4.4, which should land on the app store some time later this month presumably.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment