{"id":1897,"date":"2011-02-08T16:33:15","date_gmt":"2011-02-08T15:33:15","guid":{"rendered":"http:\/\/www.nivas.hr\/blog\/?p=1897"},"modified":"2011-02-08T16:47:21","modified_gmt":"2011-02-08T15:47:21","slug":"white-wallpaper-on-iphone","status":"publish","type":"post","link":"https:\/\/www.nivas.hr\/blog\/2011\/02\/08\/white-wallpaper-on-iphone\/","title":{"rendered":"White wallpaper on iPhone"},"content":{"rendered":"

I recently had white iPhone in my hands and just for test I wanted to put white background on Homescreen. Just to see how would an all-white device look like.<\/p>\n

Check this out, this is a screenshot (reduced to 50% pixel size) of pure white wallpaper set as background.<\/p>\n

\"White<\/p>\n

Crazy stuff, eh?<\/p>\n

So, what iOS adds is this:<\/p>\n

    \n
  1. hard drop shadow on icons<\/li>\n
  2. hard drop shadow on App name<\/li>\n
  3. super smooth and very blurred drop shadow behind each icon<\/li>\n
  4. gradient over whole background with light gray at the top (look carefully above icons, it is not white, it is light gray)<\/li>\n
  5. leaves middle part unchanged<\/li>\n
  6. hard gradient at the bottom, I guess to emphasize the bottom 4 icons<\/li>\n
  7. of course, reflection of bottom 4 icons<\/li>\n<\/ol>\n

    This is not so visible when you are using your everyday wallpaper as it is most likely dark, but even in those dark wallpapers (unless they are completely black) you can notice these additions. Try scrolling between screens slowly and you will see the blurry big shadow behind each icon move. And this pretty visible bottom gradient becomes more obvious now that you know it is there.<\/p>\n

    It is pretty neat that Apple tries to increase visibility and architecture of interface as much as possible no matter what wallpaper you use. The icons will always stand out, and the bottom row will always be emphasized.<\/p>\n

    (But, yes, I have to agree that it would be cool if you could turn off this overlay somehow.)<\/p>\n

    Update:<\/em><\/p>\n

    Here is the full list of images that interface overlays on elements. Found it here<\/a>.<\/p>\n

    WallpaperGradientLandscapeBottom<\/strong> – The shadows at the side of the wallpaper.
    \nWallpaperGradientLandscapeTop<\/strong> – The shadows at the side of the wallpaper.
    \nWallpaperGradientPortraitBottom<\/strong> – The shadows at the side of the wallpaper.
    \nWallpaperGradientPortraitTop<\/strong> – The shadows at the side of the wallpaper.
    \nFolderShadowBottom.png<\/strong> – The shadow present at the bottom of the folders
    \nFolderShadowTop.png<\/strong> – The shadow present at the top of the folder.
    \nFolderShadowBottomNotch.png<\/strong> – The shadow that is inside the bottom arrow of the folder you opened
    \nFolderShadowTopNotch.png<\/strong> – The shadow that is inside the top arrow of the folder you opened
    \nSBBadgeBGMask.png<\/strong> – When you open a app, the notification is pushed.
    \nSBDockMask.png<\/strong> – Reflective dock
    \nspotlight-full.png<\/strong> – The shadow that appears whenever a notification is received.
    \nspotlight-keyboard.png<\/strong> – Similar to spotlight-full, but happens when you use the keyboard.
    \nSwitcherIconShadow.png<\/strong> – Shadows present underneath the icons in the Multitasking switcher
    \nSwitcherShadowTop.png<\/strong> – Shadows present underneath the icons in the Multitasking switcher
    \nWallpaperIconDockShadow.png<\/strong> – Shadows under the dock when Homescreen wallpapers are enabled
    \nWallpaperIconShadow.png<\/strong> – Shadows under the icon when Homescreen wallpapers are enabled<\/p>\n

    That is just scary. The amount of graphics which you do not even notice, but they are here to make sure everything is neat-o.<\/p>\n","protected":false},"excerpt":{"rendered":"

    I recently had white iPhone in my hands and just for test I wanted to put white background on Homescreen. Just to see how would an all-white device look like. Check this out, this is a screenshot (reduced to 50% pixel size) of pure white wallpaper set as background. Crazy stuff, eh? So, what iOS…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1897"}],"collection":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/comments?post=1897"}],"version-history":[{"count":5,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1897\/revisions"}],"predecessor-version":[{"id":1901,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1897\/revisions\/1901"}],"wp:attachment":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/media?parent=1897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/categories?post=1897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/tags?post=1897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}