Announcement

Collapse
No announcement yet.

Simplistique Skin Release - download and screenshots

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Simplistique Skin Release - download and screenshots

    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/showthread.php?t=70382


    *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
    - My 2003 E46 BMW 318Ci Completed Install
    - Simplistique RoadRunner skin download
    - Team QuidGrid.com on the 2006 Mongol Rally

  • #2
    I love that keyboard... the whole skin looks real nice.... interesting idea doing it all in flash then converting to jpegs... what are the benifits of that? I might have to play with flash a bit more
    MY NEWEST INSTALL:modded infiniti fx with big screen

    first windows carpc install........my liquid cooled LVDS screen :D

    Comment


    • #3
      I just made the images in Flash as that's the tool I'm most comfortable drawing and designing with. It's a brilliant drawing package without all the animations tuff you can do. There were no real benefits of doing it this way.

      LLOYDY
      - My 2003 E46 BMW 318Ci Completed Install
      - Simplistique RoadRunner skin download
      - Team QuidGrid.com on the 2006 Mongol Rally

      Comment


      • #4
        I never really considered using flash just to simply draw, gotta play with it...

        since your so proficient in flash, why no flash intergration with the skin? just curious, think it's real nice as is though....
        MY NEWEST INSTALL:modded infiniti fx with big screen

        first windows carpc install........my liquid cooled LVDS screen :D

        Comment


        • #5
          I was thinking of doing this at some later date but makes the skinning process a lot more involved. I think the performace of RoadRunner might be affected aswell. For now though, I just wanted a quick, clean, simple, intuitive skinthat looked OEM(ish).

          I might have a go at some point though.

          LLOYDY
          - My 2003 E46 BMW 318Ci Completed Install
          - Simplistique RoadRunner skin download
          - Team QuidGrid.com on the 2006 Mongol Rally

          Comment


          • #6
            Nice! I wanted this skin since I saw it in your project post. Thanks much!
            __________________
            Carputer Status: Half-Way There....
            On the list:
            Accele 8" Touchscreen, Viper 5000, Accelevision 6-in/6-Out Video Switcher, Shuttle 51G (donated) P4, 512mb, 320GB, Centrafuse 1.6!

            V.le Raffaello Sanzio... ahh Firenze!

            Comment


            • #7
              Hi lloydy

              Great skin, great installation, great effort! Thanks for the skin contribution, it's just what I'm looking for really.. only I'll be running on a widescreen 800 x 480! bugger, I'll have to see how it works.

              What about the settings for windows to suite the skin?

              Ta!
              Current:
              [BMW E46 ///M3 Convertible]

              Previous:
              [BMW E31 850CSi]|[BMW E39 535i]|[BMW HVAC Research]|[IBUS Scrolling Text]|[BMPuter]|[Velocity]|[TomTom]|[Vision]|[Space Navigator Driver]|[Super Fast Boot]

              Comment


              • #8
                how did you stylized windows to look like your skin?
                02 Accord Coupe EX V6

                Comment


                • #9
                  The skin is nice. I'll give it a try.
                  Setup:
                  Dynaudio 240GT
                  PPI PC4100, PPI PC2350
                  Zapco DSP6
                  ADS DAC
                  Testing new board (Albatron KI690-AM2)

                  "I dont know if complaints were filed, or mistakes were made, but feelings were hurt." -Krystal Washington

                  Comment


                  • #10
                    I also can confirm that RR bug on using the vol+/- on the video browser skin. So far it's been running great and I think this will be my main skin for a while now.

                    Really looking forward to you getting that utilities section worked out, especially having an easy way to get to network connections will be nice. Let me know if I can be of any help, really not a programmer but I test things out or do little skin tweaks.
                    Nick
                    '99 Ford Escort ZX2 CarPC <-- RIP Feb '07

                    2006 Chevy Equinox LS (Current Project)

                    **VIA EPIA PD 1ghz Mobo, OPUS 150, 7" LinITX LCD touchscreen, 512 Ram, 60Gig HD, DLink Bluetooth, Belkin 802.11g wireless,

                    Comment


                    • #11
                      I just changed the Windows Appearance to match the colours of the skin and made the toolbars etc larger. I dont have the actual skin colours (hex values) to hand at the moment (actually the orange colour is #FF6600 [255,102,000 decimal]from the top of my head). I will release the Windows theme I use with the next release of the skin if that helps.

                      LLOYDY
                      - My 2003 E46 BMW 318Ci Completed Install
                      - Simplistique RoadRunner skin download
                      - Team QuidGrid.com on the 2006 Mongol Rally

                      Comment


                      • #12
                        I think this is one of the best skins I have seen and I plan to use it. Good work!
                        Compaq Evo D510 e-PC - P4 2.0 - 512M RAM - 120G 3.5 HD - 7" Xenarc 700TSV - DSATX fitted nicely inside the PC case

                        Comment


                        • #13
                          FIAT logo, Please

                          Comment


                          • #14
                            Originally posted by Robterza
                            FIAT logo, Please
                            what is this? you just got to every roadrunner skin thread and ask for a fiat logo? all you need is one, and just copy it into each skin folder. go find it.

                            Comment


                            • #15


                              LLOYDY
                              - My 2003 E46 BMW 318Ci Completed Install
                              - Simplistique RoadRunner skin download
                              - Team QuidGrid.com on the 2006 Mongol Rally

                              Comment

                              Working...
                              X