3 ms·

iOS 7 colors

28 points by _pius 13y ago

TobbenTM 13y ago
Sort of unreadable text. https://www.dropbox.com/s/ofhe1grumt5tyyq/7846322.PNG https://www.dropbox.com/s/ofhe1grumt5tyyq/7846322.PNG Chrome 30 on Windows 8.
- Keats 13y ago
  Was going to post the same, unreadable. (Chrome 30 on Mac OSX)
  - Killswitch 13y ago
    Yeah looks absolutely horrible on my Chrome 30 on OSX: Mountain Lion
- seszett 13y ago
  Still more readable than the (presumably) intended look: http://i.imgur.com/cLZMhoD.png http://i.imgur.com/cLZMhoD.png
- spoiler 13y ago
  Looks pretty shit on latest Android Chrome too: http://imgur.com/PGQaM6n http://imgur.com/PGQaM6n
- killerbat00 13y ago
  Ditto. I believe it's a combination of the small text width and the low contrast gray on white. Perhaps this looks great on retina displays but not my 1280x800 display. http://imgur.com/dzdi7nF http://imgur.com/dzdi7nF Chrome 30 on Arch Linux
  - mooted1 13y ago
    I have a retina. Still looks unreadable.
- wiradikusuma 13y ago
  Maybe the font he/she using is following the latest Mavericks? It seems that the font in latest OS X is slimmer now.
- Segmentation 13y ago
  Same: http://i.imgur.com/37ZaPRH.png http://i.imgur.com/37ZaPRH.png Chrome 31.0.1650.34 beta on Ubuntu 13.04. Edit - If this is the intended look, please reevaluate UX. This is no good.
- kalleboo 13y ago
  Probably designed for Retina displays http://imgb.mp/jms.jpg http://imgb.mp/jms.jpg
- unlogic 13y ago
  I thought it is intentional, and the whole thing is a joke. But if it isn't, I am frightened.
jaryd 13y ago
Is anyone else experiencing optical illusions on this page? I'm getting black dots between the swatches, and the swatches look like they're slightly in motion.
- drivers99 13y ago
  The black dots are the Hermann grid illusion, I think. http://en.wikipedia.org/wiki/Grid_illusion http://en.wikipedia.org/wiki/Grid_illusion I'm not seeing any motion, but there are some illusions that look like they're moving and it has something to do with the way they are light and dark on opposite sides, although there must be more too it than that: http://en.wikipedia.org/wiki/Akiyoshi_Kitaoka http://en.wikipedia.org/wiki/Akiyoshi_Kitaoka
- deleted 13y ago
  [deleted]
- peter_l_downs 13y ago
  Yeah, for sure. Very hard to look at.
dannytatom 13y ago
Didn't check all of them, but the middle 2 colors of the bottom row (red & black) seem to have the wrong hex codes on hover.
sdfjkl 13y ago
I find iOS 7 so awful that I'm still refusing to install it. Please don't take it as an example for UI anything.
deleted 13y ago
[deleted]
Antwan 13y ago
You should use an even thinner font.
CervezaPorFavor 13y ago
In my opinion, the colours don't look professional or polished at all. It's like something that an amateur designer comes up with. I would have preferred the colour scheme of Flat UI: http://designmodo.github.io/Flat-UI/ http://designmodo.github.io/Flat-UI/ But I'm not a designer. There could be a valid explanation as to why the chosen pastel colours are the absolute best for iOS 7.
- mead5432 13y ago
  I agree... three slightly different shades of grey? Since it is for the OS and Apple's own application, I would think that sticking to one shade each of their main colors (e.g. blue, red, green, purple) would be better. So many colors seems a little over the top and difficult to communicate in a style guide which could get mixed up and cause confusion for users. I've heard across the interwebs that the color scheme for iOS 7 was something of a circus. I hadn't noticed it yet but this page just put it out there.
selmnoo 13y ago
Curious if anyone can answer: how are these colors chosen by high end graphic designers? Is it in a sort of a manual, "hey this looks like a good color" manner or is there a more mathematical approach to it?
- err4nt 13y ago
  I can't speak for this palette, but I just selected a color palette for a new startup I'm working with and here's what went into the consideration: • We started by choosing a couple of colors we liked (green, purple, blue) • Next we used Pantone's 2014 color forecast to see what shades of those colors would be used in fashion/product design for products hitting the shelves in spring/summer 2014 • After selecting a palette of trendy shades of our chosen colors, we used color theory (science) to "tune" the shades of those colors so they worked together in harmony • Lastly, we tested our palette against the most common forms of colorblindness to ensure that each shade was distinct (our primary target is adult males, who are the most colorblind demographic) Think of colors as wavelengths of light. We're really familiar with the science of matching wavelengths of sound (like music notes, making chords when wavelengths work in harmony, and the idea of a measured scale of tones from low to high. Some musicians can 'play by ear', and likewise some artists and designers just rely on their gut to pick wavelengths that 'feel' right together. Obviously your mileage may vary. Thankfully, just like we have explored the relationships between wavelengths of sound and constructed science and mathematical formulas around it (music theory) we can also apply similar principles to wavelengths of light (color theory). So to answer your question yes, but also yes. Shameless plug: here's the palette [1] our startup is using, based on whim, trend, and ultimately science. It's similar to Bootstrap 3.0, Hubspot's blog palette, and Android's new color scheme - but I think ours will perform a little better. [1] http://i.imgur.com/aBstzQj.png http://i.imgur.com/aBstzQj.png edit: I am a trained graphic designer and took classes in Colour Theory and Perception during school, so it is something that is formally taught. If design science gets you all excited, just wait until you hear about some of the geometric relationships in typography (font design)
  - ChikkaChiChi 13y ago
    I love the palette you've chosen mostly because of how vibrant it is. I might also be the only person on the planet who inwardly chuckles when I see designs swathed in Pantone's color of the moment. Nice work adhering to the trend but staying away from their marketing directive.
bane 13y ago
It's like all of the color combinations designed to tire out my visual system all on one page.
gnagatomo 13y ago
http://zenimot.nl/ http://zenimot.nl/ What?
err4nt 13y ago
Do you think they could make that font any thinner? I was having too easy a time reading that site…
ChikkaChiChi 13y ago
iOS 7 is bad, but when you put it all on a page like this it becomes straight up nauseating.

28 points by _pius 13y ago

Sort of unreadable text. https://www.dropbox.com/s/ofhe1grumt5tyyq/7846322.PNG https://www.dropbox.com/s/ofhe1grumt5tyyq/7846322.PNG Chrome 30 on Windows 8.

Keats 13y ago
Was going to post the same, unreadable. (Chrome 30 on Mac OSX)
- Killswitch 13y ago
  Yeah looks absolutely horrible on my Chrome 30 on OSX: Mountain Lion
seszett 13y ago
Still more readable than the (presumably) intended look: http://i.imgur.com/cLZMhoD.png http://i.imgur.com/cLZMhoD.png
spoiler 13y ago
Looks pretty shit on latest Android Chrome too: http://imgur.com/PGQaM6n http://imgur.com/PGQaM6n
killerbat00 13y ago
Ditto. I believe it's a combination of the small text width and the low contrast gray on white. Perhaps this looks great on retina displays but not my 1280x800 display. http://imgur.com/dzdi7nF http://imgur.com/dzdi7nF Chrome 30 on Arch Linux
- mooted1 13y ago
  I have a retina. Still looks unreadable.
wiradikusuma 13y ago
Maybe the font he/she using is following the latest Mavericks? It seems that the font in latest OS X is slimmer now.
Segmentation 13y ago
Same: http://i.imgur.com/37ZaPRH.png http://i.imgur.com/37ZaPRH.png Chrome 31.0.1650.34 beta on Ubuntu 13.04. Edit - If this is the intended look, please reevaluate UX. This is no good.
kalleboo 13y ago
Probably designed for Retina displays http://imgb.mp/jms.jpg http://imgb.mp/jms.jpg
unlogic 13y ago
I thought it is intentional, and the whole thing is a joke. But if it isn't, I am frightened.

jaryd 13y ago

Is anyone else experiencing optical illusions on this page? I'm getting black dots between the swatches, and the swatches look like they're slightly in motion.

drivers99 13y ago
The black dots are the Hermann grid illusion, I think. http://en.wikipedia.org/wiki/Grid_illusion http://en.wikipedia.org/wiki/Grid_illusion I'm not seeing any motion, but there are some illusions that look like they're moving and it has something to do with the way they are light and dark on opposite sides, although there must be more too it than that: http://en.wikipedia.org/wiki/Akiyoshi_Kitaoka http://en.wikipedia.org/wiki/Akiyoshi_Kitaoka
deleted 13y ago
[deleted]
peter_l_downs 13y ago
Yeah, for sure. Very hard to look at.

dannytatom 13y ago

Didn't check all of them, but the middle 2 colors of the bottom row (red & black) seem to have the wrong hex codes on hover.

sdfjkl 13y ago

I find iOS 7 so awful that I'm still refusing to install it. Please don't take it as an example for UI anything.

deleted 13y ago

[deleted]

Antwan 13y ago

You should use an even thinner font.

CervezaPorFavor 13y ago

In my opinion, the colours don't look professional or polished at all. It's like something that an amateur designer comes up with. I would have preferred the colour scheme of Flat UI: http://designmodo.github.io/Flat-UI/ http://designmodo.github.io/Flat-UI/ But I'm not a designer. There could be a valid explanation as to why the chosen pastel colours are the absolute best for iOS 7.

mead5432 13y ago
I agree... three slightly different shades of grey? Since it is for the OS and Apple's own application, I would think that sticking to one shade each of their main colors (e.g. blue, red, green, purple) would be better. So many colors seems a little over the top and difficult to communicate in a style guide which could get mixed up and cause confusion for users. I've heard across the interwebs that the color scheme for iOS 7 was something of a circus. I hadn't noticed it yet but this page just put it out there.

selmnoo 13y ago

Curious if anyone can answer: how are these colors chosen by high end graphic designers? Is it in a sort of a manual, "hey this looks like a good color" manner or is there a more mathematical approach to it?

err4nt 13y ago
I can't speak for this palette, but I just selected a color palette for a new startup I'm working with and here's what went into the consideration: • We started by choosing a couple of colors we liked (green, purple, blue) • Next we used Pantone's 2014 color forecast to see what shades of those colors would be used in fashion/product design for products hitting the shelves in spring/summer 2014 • After selecting a palette of trendy shades of our chosen colors, we used color theory (science) to "tune" the shades of those colors so they worked together in harmony • Lastly, we tested our palette against the most common forms of colorblindness to ensure that each shade was distinct (our primary target is adult males, who are the most colorblind demographic) Think of colors as wavelengths of light. We're really familiar with the science of matching wavelengths of sound (like music notes, making chords when wavelengths work in harmony, and the idea of a measured scale of tones from low to high. Some musicians can 'play by ear', and likewise some artists and designers just rely on their gut to pick wavelengths that 'feel' right together. Obviously your mileage may vary. Thankfully, just like we have explored the relationships between wavelengths of sound and constructed science and mathematical formulas around it (music theory) we can also apply similar principles to wavelengths of light (color theory). So to answer your question yes, but also yes. Shameless plug: here's the palette [1] our startup is using, based on whim, trend, and ultimately science. It's similar to Bootstrap 3.0, Hubspot's blog palette, and Android's new color scheme - but I think ours will perform a little better. [1] http://i.imgur.com/aBstzQj.png http://i.imgur.com/aBstzQj.png edit: I am a trained graphic designer and took classes in Colour Theory and Perception during school, so it is something that is formally taught. If design science gets you all excited, just wait until you hear about some of the geometric relationships in typography (font design)
- ChikkaChiChi 13y ago
  I love the palette you've chosen mostly because of how vibrant it is. I might also be the only person on the planet who inwardly chuckles when I see designs swathed in Pantone's color of the moment. Nice work adhering to the trend but staying away from their marketing directive.

bane 13y ago

It's like all of the color combinations designed to tire out my visual system all on one page.

gnagatomo 13y ago

http://zenimot.nl/ http://zenimot.nl/ What?

err4nt 13y ago

Do you think they could make that font any thinner? I was having too easy a time reading that site…

ChikkaChiChi 13y ago

iOS 7 is bad, but when you put it all on a page like this it becomes straight up nauseating.