This is my first attempt at a skin. It is released as a beta version. I wanted to create a skin that was responsive, clean and intuitive whilst keeping a snazzy OEM look. And this is what I came up with. It uses simple, clean, flat images. The buttons were located with ease-of-use whilst driving in mind and to make the skin intuitive, whilst essential information is displayed at all times in the same format throughout.
Download here (updated 12th September 2006):
SIMPLISTIQUE_v0.3.zip
To Install:
- install fonts from the !FONTS folder yo your windows fonts folder (default: C:\Windows\Fonts) by simply copying the files there
- copy all the "simplistique" folder to your RR skin folder
- The default logo is a BMW badge. This can be changed by changing the logo.swf to one fo your own. If you want to use a JPEG file, you can simply edit the menu.skin file
The skin is in 800x600 resolution. This should run on widescreen (e.g. 800x480) resolutions as the images will just get stretched out although I advise changing the Arial Narrow font to regular Arial for a better display.
SMALL BUG
Caution: There is a small bug with older versions of RoadRunner that Guino has confirmed that causes RR to close with this skin. If you try to use the volume up and volume down buttons in the video BROWSER (not player) RR will close down. Guino has said this will be fixed in the next release of RR.
Link to thread discussin this:
http://www.mp3car.com/vbulletin/rr-bug-tracker/70382-volume-control-rr-video-browser-causing-rr-crash-close.html
*The TV skin embeds an application and does not use the WinAmp TV plugin.
*GPS embeds iGuidance Europe. There is a destinator skin also created. You will need to edit the menu.skin file to change the path of your destinator/iGuidance fodler if it is different from the default.
Not Included:
- Satelite radio (As I have no experience and no way of finding out how to use this someone else will probably have to make it. We don't have sat radio in the UK!)
- Mobile Phone [possible future addition] (as Phoco doesn't work with my phone yet!)
All my skins are drawn in Macromedia Flash then converted to JPEGs. They are easily editable by anyone.
Screenshots:
As the skin is very icon based here is a short explanation of the buttons in some of the screens (the self explanitory buttons won't be covered):
GENERAL THROUGHOUT THE SKIN
---------------------------------
Speaker with line icon - mute
Line bars - volume level
Three slider lines - mixer
Horizontal bars with a circle cutout icon - back to main main
*Clicking the time remaining text changes it to song time
MAIN MENU
---------------------------------
Power icon - launches the shutdown menu where you can minimize, exit, hibernate and access night mode etc.
Menu Icon (Horizontal bars with a circle cutout icon) - accesses page 2 of the menu
MUSIC PLAYER
---------------------------------
Circular arrows icon - cycles between repeat and shuffle modes
Magnifying glass icon - brings up the on screen keyboard to search for a song within the playlist
Lightening icon - visualisation on/off
Musical note icon - music browser
Song list area:
single up / down arrow icons move song selection by one
Up / DOwn arrow icons with underline - list page up/down
Horizontal red line icon - remove selected song from playlist
*Clicking the title of the playlist at the top of the list of songs saves the playlist using the on screen keyboard
MUSIC BROWSER
---------------------------------
Musical note icon - back to Music Player
Back/Forward arrow icons - back out from/into folders *holding down the forward arrow takes you back to the music home location
Song list area:
single up / down arrow icons move song selection by one
Up / DOwn arrow icons with underline - list page up/down
Horizontal red line icon - delete selected song file (confirmation box is displayed beforehand)
Pencil icon - rename song file using the on screen keyboard
Large red X icon - stop music playing and clear current playlist
Large + (plus) icon - add selected item (folder/file) to playlist
Large folder icon - CLEARs current playlist then opens and starts playing selected folder or playlist file
Large folder with + (plus) icon - ADD selected folder/playlist file to the current playlist
Magnifying glass icon - search for a particular song file / folder
RADIO
---------------------------------
Forwards & back arrows - tune up / down
Cycling arrows - scan
9 blocks icon - enter frequency directly
House icon - local mode
Lightening icon - visualisation
Four horizontal bars icon - Radio preset functions
VIDEO PLAYER
---------------------------------
Half shaded box icon - cycles through video orientation (cut/stretched/zoomed etc)
Large folder icon - Video Browser
VIDEO BROWSER
---------------------------------
Video strip icon - back to Video Player
Back/Forward arrow icons - back out from/into folders *holding down the forward arrow takes you back to the video home location
Large down arrow - play selected file
Magnifying glass icon - search for file
single up / down arrow icons - move video file selection by one
Up / DOwn arrow icons with underline - list page up/down
Horizontal red line icon - delete selected video file (confirmation box is displayed beforehand)
Pencil icon - rename video file using the on screen keyboard
DVD PLAYER
---------------------------------
Four boxes icon - DVD title menu
GPS (iGuidance)
---------------------------------
Skip forward/back buttons - skip music forward.back
Six boxes icon - iGuidance menu / enter (for selecting menu items)
"Esc" icon - escape menu / cancel
Keyboard icon - use on screen keybaord
speaker with line through icon - mute iGuidance (this is not a master mute)
"POI" icon - toggle POI display
"3D" icon - toggle 3D/2D map display
Up arrow with "N" below icon - toggle fixed north facing
90 degree Arrow pointing right icon - toggle navigation / map mode
90 degree Arrow pointing right with red "X" - cancel route
Speech bubble icon - repeat last voice direction command
magnifying glass with + (plus) / - (minus) icons - zoom map in/out
INTERNET
---------------------------------
Globe icon - go to URL using on screen keyboard
"X" in circle icon - stop page load
Back/forward arrow icons - page back/forward
Star icon - toogle favourites (bookmarks) view
Star icon with + (plus) - add current page to favourites
Keyboard icon - use on skreen keyboard
Up/down arrow icons - scroll page up/down
TV (Avermedia software at default)
---------------------------------
Up/down arrow icons - volume up/down
Speakerw with line through icon - mute
+ (plus) / - (minus) icons - channel up/down
Curly wave icon - analogue TV
"DVB" icon - DVB-T (digital TV) mode
APPLICATIONS
---------------------------------
Large "X" icon - close application
Kayboard icon - use on screen keyboard
MIXER
---------------------------------
The title "PREAMP" is the button to enable/disable the WinAmp preamp
Touching the words "vol", "wave", "line" and "mic" mute the lines
Back arrow - return to the calling screen
Menu icon - return to the main menu
PICVIEWER (menu2's Photos option)
---------------------------------
Folder icon - opens selected folder
Large arrows at top right - prev/next picture in list
Any problems, let me know...
LLOYDY
Linear Mode
