Artist of the Week

  • Peszek’s Screens – Modernly Clean

Screen of the Day

Blog Posts posted by Marco Agas

Holo UI Rev 2 Tutorial

This screen’s clean and modern looks give it that pure Google feel, and this updated version really improves on it. It’s clean leaf picture provides an excellent backdrop for your user icon as well as notifications. It’s also extremely functional with easy to switch icons.

Part 1: Before you begin

These are the apps you will need:
Minimal MIUI GO Apex Theme
Nova Launcher Prime

The files that you must copy to your phone:
Resources (Nexus 4)
UCCW User Icon skin & Resources if you don’t have a Nexus 4

Part 2: Nova Settings

Desktop Grid: 6×7 (for Nexus 4) 7×6 for Galaxy S2 and possibly other phones
Width Margin: Large
Height Margin: None
Disable: Shadows, Label Icons
Homesceens: 1
Advanced: Enable: Widget Overlap

Enable Dock: Disabled

Look and Feel
Show notification bar: Disabled
Icon Size: 90% (but depends on screen)
Icon Theme: Download and install Minimal MIUI, and apply it here.

Gestures and Buttons
Apply any if needed.

Part 3: Wallpaper Setup

Here Photoshop will be needed (GIMP might also work), if you have a Nexus 4, and you have a Status and Navigation bar, you can skip the cropping part, so here is a quick breakdown of what happens in the video:

1. Open the provided PSD in Photoshop.
2. Select the “crop” icon, and drag the top and bottom handles so it doesn’t include the black bars.
3. Select Image – Resize Image – Change this to your phones resolution.
4. To resize an icon, press ctrl+T to bring up it’s resizing handles.
5. To use your own user icon, drag over your desired image over the user icon area, then select only the square area with the rectangle marquee tool, right click – layer via copy.
7. Now take off the “eye” image on the layers side on the left, of the image you dragged over.
8. Drag the icon background and the whole background into one folder, select both of them using shift, right click – Merge layers.
9. Select the app box line at the top, right click – Layer via Copy.
10. Adjust this line as needed.
11. Save file as a .png, copy onto your phone, make adjustments if necessary.

Now hold down on the homescreen – Wallpapers – QuickPic (or similar) and select your edited wallpaper, then save it as your wallpaper.

Part 4: UCCW

To add the skins:

  • Hold down on the homescreen – Widget – UCCW – any size.
  • In the main menu after tapping the widget, select “Open uzip”, now just find where you pasted the folder and look for the skin you want to add.
  • After it appears on your homesreen, resize it to the way it looks in the video.
  • You can now edit the hotspots (allows you to open apps when tapping a certain area) in this skin, by tapping the skin to open it.
  • Then select ‘Hotspots’ in ‘Select Object’, followed by editing your needed hotspots.
  • If you would like to know more about hotspots, see the link below.
  • Finally tap any UCCW skin, Menu – Hotspots Mode – On.

Remember: Turn Hotspots mode ON to prevent opening the editor each time.

Part 5: Icon Setup

  • To add the app drawer icon – Hold down on the homescreen – Nova Action – App drawer.
  • To add any app icon – Simply open up the app drawer – Drag the app onto the screen.

Useful Links

Holo UI Rev 2 on MyColorScreen
UCCW Tutorials



Like Us

Latest Tweets