Announcement

Collapse
No announcement yet.

New Skin Concept

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

  • New Skin Concept

    Here is a new skin I have been working on. Inspired by the Ford Sync with a few tweeks. Let me know what everyone thinks and if there are any improvements that should be applied.

    Thanks,
    wolfo

  • #2
    I like what I see. But more people may respond once you add a bit more to the skin. Right now I am assuming the four corner colors will be the touch zones similar to the default skin. Perhaps the two grey spots will drop down (or lift up) some option panels like media.

    Keep going and post progress pics.

    Cheers,
    John
    03 Cadillac CTS
    ZOTAC G43ITX-A-E 2.5ghz Core i3 2GB 160GB SSD
    Win7 Ultimate - OpenMobile - Directed HD - Wifi
    OMMaps + MS GPS Puck - WiFi via LTE Android phone
    2 Zones - Matrix Orbital LCD - Arduino - Build Pics

    Comment


    • #3
      I am a huge fan of the Ford Sync interface and believe a skin based on it would be very intuitive. Would like to see more though...6 colored boxes doesn't really make a skin just yet. Keep up the good work though
      - Project: Unified Car Control
      - Original OpenMobile Interface Designer

      Comment


      • #4
        Looks clean and simple, just the way it should.

        Create some more artwork that describes where you're going, then we can help out to make it "alive"...
        Failure is not an option...
        __________________________________________________ ______________________________
        The only full multizone / multiscreen cross platform open source Front End -> OpenMobile

        Comment


        • #5
          Thanks for the replies.

          I have been working on the bitmaps to go with the theme, here are a few screen shots:

          These first set of bitmaps are the selected screen backgrounds. The selected button appears flat and gradients into the workable area.










          This screen would be the default screen to show all of the minimal information.




          This screen is a brainstorm of the Music selected screen with a focus on Radio FM. In this screen, my goal is to make the wheels spin for additional selections and because it would be a very cool effect. So, gestures would have to be disabled on these areas.







          I am trying to improve on the Ford Sync concept where you will always see the minimal amount of information. I have never seen a system with spinning wheels integrated into the screens. I thought it would be an interesting idea because it would allow expansion and not have to sacrifice font size or screen space.

          Anyway, please let me know where I can improve on these ideas or integrate any new ideas.

          Wolfo

          Comment


          • #6
            Originally posted by wolfo View Post
            This screen would be the default screen to show all of the minimal information.

            [ATTACH]61995[/ATTACH]
            I like where it is going. For me personally, the font size shown here on the top/bottom bars is too small for me to read quickly while driving. But my eyes are not as young as they used to be
            03 Cadillac CTS
            ZOTAC G43ITX-A-E 2.5ghz Core i3 2GB 160GB SSD
            Win7 Ultimate - OpenMobile - Directed HD - Wifi
            OMMaps + MS GPS Puck - WiFi via LTE Android phone
            2 Zones - Matrix Orbital LCD - Arduino - Build Pics

            Comment


            • #7
              Originally posted by wolfo View Post
              I have never seen a system with spinning wheels integrated into the screens. I thought it would be an interesting idea because it would allow expansion and not have to sacrifice font size or screen space.
              A "spinning wheel" shouldn't be to hard to create, the effect is basically a custom list that can be dragged/thrown up/down.

              Your layout looks good, personally i think I'd move the color indicator that indicates which screen you are at to both sides (top and bottom, not just top) to give off the effect of extending out from the button itself. Another approach would be to have the colored button area "glow" to show which screen you are on instead of the color bar.

              I also agree that you should consider your font size vs amount of information.
              Failure is not an option...
              __________________________________________________ ______________________________
              The only full multizone / multiscreen cross platform open source Front End -> OpenMobile

              Comment


              • #8
                I was just thinking about expansion into more screens that would be beyond this theme's capability. The Ford Sync-like theme is great if you want to stay specific to 4 major screens; Music, Navigation, Phone, and OBD2. But if you want to add screens like; External Apps, Weather, E-mail, etc then this theme just wouldn't cut it.

                I would like to create a skin that would be very modular to where the individual could add and remove plug-ins in the theme and still have the basic information of those plug-ins on the same screen. Similar to the Default theme, all of the plug-ins are on the same screen but add some basic information. With this theme, incorporate the 'spinning' concept into these "floating" plug-in cells so that one could gesture up or down to see more plug-ins added to the theme. And then select the "floating" plug-in and more detailed information would be displayed on the screen with the "floating" plug-ins. Give me a little time and I will attach some ideas for this theme.

                Wolfo

                Comment


                • #9
                  Here is what I am thinking, this will take a little from the Default skin and the Highway skin with a couple extra things.


                  The first image shows 4 plug-ins with the active screen highlighted.


                  or

                  The second image shows 3 full plug-ins and 2 half plug-ins with the text of the active screen highlighted.



                  The exciting part would be to use up and down gestures to cycle through plug-ins the individual setup through the Settings screen.

                  One of the goals is to keep simplicity, keep it clean, and make it look like you never leave the screen. Only the information on the right side would change based on the plug-in selected.

                  What do you guys think??? I am still working on the rest of the screens layout but would definitely like comments and suggestions!

                  Wolfo

                  Comment


                  • #10
                    I like the concept. The colors aren't my style, but that's another story. This could let you have more than 8 plugins available on your "menu". Watch the size of those "buttons" or your right-side will become cramped.

                    Cheers,
                    John
                    03 Cadillac CTS
                    ZOTAC G43ITX-A-E 2.5ghz Core i3 2GB 160GB SSD
                    Win7 Ultimate - OpenMobile - Directed HD - Wifi
                    OMMaps + MS GPS Puck - WiFi via LTE Android phone
                    2 Zones - Matrix Orbital LCD - Arduino - Build Pics

                    Comment


                    • #11
                      Originally posted by jmullan99
                      The colors aren't my style, but that's another story.

                      How about some suggestions? I am more than happy to make adjustments, especially if it takes us to a better looking skin.

                      Wolfo

                      Comment


                      • #12
                        I liked the original approach with the four corners better (but that's my personal taste), You can still cover more screens with that approach to. You could "slide" out an menu when the corresponding colored area is "long" clicked (ie. held). Doing this would allow for a far greater amount of screens, and it would open up for grouping of similar screens.
                        Failure is not an option...
                        __________________________________________________ ______________________________
                        The only full multizone / multiscreen cross platform open source Front End -> OpenMobile

                        Comment


                        • #13
                          Great point!!

                          Originally posted by Borte
                          personally i think I'd move the color indicator that indicates which screen you are at to both sides (top and bottom, not just top) to give off the effect of extending out from the button itself.
                          Here are a few screen shots I worked on after Borte posted this. Thanks for helping!!







                          Also updated the gif files for the wheels



                          and a new wheel for horizontal scrolling.



                          Please disregard the borders of the gif files. I can fix those later.
                          Wolfo

                          Comment


                          • #14
                            I am not sure where to take if from here. I think I have the concept and layouts finished. I have been reading and watching a lot of videos about c# and also have been looking at a lot of .cs files for the repository others have posted.

                            Wolfo

                            Comment


                            • #15
                              Looks good!

                              If you want to create a skin out of it you have to break your concept images down to separate pieces. Each item has it's own graphic in OM. It does not use the single image approach that RR uses.

                              So each "menu button" (green, blue, red, purple) should have it's own separate images one for "highlight" state and one for "normal" state. These images should all be png with the proper transparency and other effect set properly. The same goes for your scrolling items. They have to be broken down into separate items.
                              Failure is not an option...
                              __________________________________________________ ______________________________
                              The only full multizone / multiscreen cross platform open source Front End -> OpenMobile

                              Comment

                              Working...
                              X