Our forum migration to Discourse is underway and scheduled to last through June 21. During the migration, the forums will be read-only, except for a single temporary forum (contents of which will not be getting transferred). Read our announcement post for more information about the forum migration.
Hey folks, there is a new Podcast category for forums https://forums.plex.tv/categories/podcasts
If you have not already, we suggest setting your Plex username to something else rather than email which is displayed on your posts in forum. You can change the username at https://app.plex.tv/desktop#!/account
Welcome to our forums! Please take a few moments to read through our Community Guidelines (also conveniently linked in the header at the top of each page). There, you'll find guidelines on conduct, tips on getting the help you may be searching for, and more!

New MediaStream Concept Skin

CronusCronus Members, Plex Pass Posts: 98 Plex Pass
edited October 2010 in General Skin Discussion
Interface images
So I have had a little too much time on my hands lately and have created a new skin concept for Plex. I took elements from MediaStream & Aeon and combined them into what I think of as a newer refined version of MediaStream. I attempted to have the focus of the skin be more on the Poster/Fanart to emphasize the content. I have included media flags since full support for them should be included in 0.9 (plus they just look really good).

*(If anyone with skinning experience would like to help actually make this please let me know. I am currently saving all the assets I have created in the hope this will be made)*


Updated: 3/10
Added RSS icon to main
Changed posters size in movies
Added new alternative movie view

Updated: 3/13
Added Weather section
Changed some font sizes

Updated: 3/24
Added Pause menu for TV Shows/Movies

Updated: 3/30
Added thumb/fanart view for Movies/TV Shows
Modified Weather
Modified Movies
Modified music popup

Updated: 4/15
Added a movie of some animations

Updated: 4/16
Changed font sizes/design after testing on HDTV
Fonts changed on:
Movie, TV Show, & Pause Menu Sections
(they were a bit hard to read from a distance)

Updated: 5/9
Added recent movies, TV shows, & music views
(Recent items would be a feature which can be turned on or off)
Removed sharp edges

Updated: 10/11
Added Music section, Music section (play-list view)
Minor updates to other views


Main (Recent movies turned on)

PLEX skin 10.11.2010.jpg

Main with music (Music mini play pushes the weather icon up when in use, Recent movies turned off)

PLEX main no recent.jpg

Main with a light colored image (Recent movies turned on with music player) :rolleyes:

PLEX skin light 10.11.2010.jpg

Main TV (Recent TV shows turned on)

PLEX main recent TV.jpg

Main Music (Recent music turned on)

PLEX main recent Music.jpg

Movies

PLEX Movies main 10.11.2010.jpg

Movies with info (After a few second after scrolling the info would pop up by itself)

PLEX Movies main popup 10.11.2010.jpg

Movies (change thumb/fanart) (The panel would fade to the front)

PLEX Movies edit popup 10.11.2010.jpg

Movies Alt View

PLEX Movies alt 10.11.2010.jpg

Movies Alt (change thumb/fanart) (The panel would slide up)

PLEX Movies alt popup 10.11.2010.jpg

TV Shows (When scrolling large highlighted show, Battlestar in case, always remains in the same position just like the main menu in MediaStream)

PLEX TV Shows main 10.11.2010.jpg

TV Shows season view

PLEX TV Shows seasons 10.11.2010.jpg


TV Shows episode view (The different colors of the episodes names indicates if the episode was watched or not)

PLEX TV Shows episodes 10.11.2010.jpg

TV Shows (change thumb/fanart) (The panel would slide up)

PLEX TV Shows popup 10.11.2010.jpg

Music

PLEX Music 10.11.2010.jpg

Music (Play-List view)

PLEX Music Playlist 10.11.2010.jpg

Weather

Plex Weather 10.11.2010.jpg

Play Menu (Movies)

PLEX Play Menu Movies.jpg

Play Menu (TV Shows)

PLEX Play Menu TV.jpg



Main menu animations

This is a rough mock up a few of the animations on the main menu
1. The skin "intro"
2. Accessing a sub menu
3. Leaving a sub menu
4. Scrolling up in the menu
5. The music player intro

Plex Animations.mov

Let me know what you think.

Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

TV: Samsung UN46C7100
AV Receiver:
Pioneer AVS-1021-K 7.1
Remote: diNovo Mini / Harmony Ultimate / Plex iOS

«1345

Comments

  • mwillismwillis Members Posts: 61
    I so want this skin, hopefully someone has the time and inclination to code this up.
  • elanelan CTO and Co-founder MauiMembers, Plex Employee, Plex Pass, Plex Ninja Posts: 6,981 Plex Employee
    Hey, I like your mocks, you've got impressive design skills!

    I also notice you're in Hawaii...what island are you on?

    instagram @elan // the wife's photography site.
    the Medium page // the dog's twitter feed.

  • someonesomeone Members Posts: 489
    Looks amazing!
  • vinnie.terranovavinnie.terranova Members Posts: 67
    Pretty neat, needs a little tuning so it doens't get too crowded though...

    When's the release? :P
  • smilenkovskismilenkovski Members Posts: 54 ✭✭
    Yeah. Very refreshing.
  • zn8kezn8ke Rock Star Members, Plex Pass Posts: 584 Plex Pass
    I Love this.. I soo hope you can make a skin out of these mocks. (fingers crossed)

    GOOD LUCK !

    24057.gif

                           The worst banner ever

  • CronusCronus Members, Plex Pass Posts: 98 Plex Pass
    Thanks for the comments guys, I'm considering learning to how create this skin myself so ill keep you posted.

    @elan

    I was born on Maui but I currently live on Oahu. I see you live on Maui as well, what part if you don't mind me asking?

    Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
    Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
    NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

    TV: Samsung UN46C7100
    AV Receiver:
    Pioneer AVS-1021-K 7.1
    Remote: diNovo Mini / Harmony Ultimate / Plex iOS

  • elanelan CTO and Co-founder MauiMembers, Plex Employee, Plex Pass, Plex Ninja Posts: 6,981 Plex Employee
    I live on the north shore, just moved from Haiku to Kuau. Probably moving back to Haiku as soon as we can find a place with a bit of land.

    instagram @elan // the wife's photography site.
    the Medium page // the dog's twitter feed.

  • CronusCronus Members, Plex Pass Posts: 98 Plex Pass
    elan wrote on 10 March 2010 - 01:17 PM:

    I live on the north shore, just moved from Haiku to Kuau. Probably moving back to Haiku as soon as we can find a place with a bit of land.


    No kidding I grew up in Haiku and most of my family still lives there. Small islands :)

    Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
    Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
    NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

    TV: Samsung UN46C7100
    AV Receiver:
    Pioneer AVS-1021-K 7.1
    Remote: diNovo Mini / Harmony Ultimate / Plex iOS

  • unisonrussunisonruss Plex-Enthusiast Members, Plex Pass Posts: 1,901 Plex Pass
    edited September 2010
    I love all the screens! I am very impressed with your mock ups... little touches like the IMDb logo and the TV views are amazing! I really hope to see this in action someday :)
  • CronusCronus Members, Plex Pass Posts: 98 Plex Pass
    Russ wrote on 10 March 2010 - 01:24 PM:

    I love all the screens except for th home screen. I am very impressed with your mock ups... little touches like the IMDb logo and the TV views are amazing! That one movie view is a bit "Aeony" which is fine, but I am curious if you are going to go outside-the-box with some other views as well?


    I am thinking about making one of the alternative movie views into something that would look a lot like the TV show section but I'm still trying to think of a good way of organizing the the movie information without over crowding things.

    Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
    Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
    NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

    TV: Samsung UN46C7100
    AV Receiver:
    Pioneer AVS-1021-K 7.1
    Remote: diNovo Mini / Harmony Ultimate / Plex iOS

  • elanelan CTO and Co-founder MauiMembers, Plex Employee, Plex Pass, Plex Ninja Posts: 6,981 Plex Employee
    Cronus wrote on 10 March 2010 - 01:21 PM:

    No kidding I grew up in Haiku and most of my family still lives there. Small islands :)


    Very cool :)

    instagram @elan // the wife's photography site.
    the Medium page // the dog's twitter feed.

  • ss602ss602 Members Posts: 6
    All I can say is wow. Keep it up. :)
  • maverick214maverick214 Members, Plex Pass Posts: 2,259 Plex Pass
    Looks great!
    PlexAeon Aeon Skin for Plex (PHT) No longer being developed Metropolis Skin (PHT) No longer being developed

     

    Direct Link to PlexAeon Skin ZIP on GitHub

    History of changes to PlexAeon Skin

  • koreykorey Members, Plex Pass Posts: 60 Plex Pass
    Nice Work!
  • CronusCronus Members, Plex Pass Posts: 98 Plex Pass
    Updated see first post for details.

    Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
    Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
    NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

    TV: Samsung UN46C7100
    AV Receiver:
    Pioneer AVS-1021-K 7.1
    Remote: diNovo Mini / Harmony Ultimate / Plex iOS

  • zn8kezn8ke Rock Star Members, Plex Pass Posts: 584 Plex Pass
    Again. It looks really nice Cronus :rolleyes:

    24057.gif

                           The worst banner ever

  • Keane16Keane16 Members Posts: 254 ✭✭
    Nice looking mockups - good to see new ideas. :)
  • ElektrifriedElektrifried Members Posts: 107
    I'll wait an extra month or 2 for Plex 9 to get this in
  • CronusCronus Members, Plex Pass Posts: 98 Plex Pass
    Updated with Weather view. :)

    Main: iMac 2012 3.4Ghz i7 1TB Fusion Drive 16GB RAM
    Plex Box: Mac Mini 2012 2.6Ghz i7 256 SSD 8GB RAM
    NAS: ReadyNAS Pro Business 12TB & ReadyNAS NV+ 4TB

    TV: Samsung UN46C7100
    AV Receiver:
    Pioneer AVS-1021-K 7.1
    Remote: diNovo Mini / Harmony Ultimate / Plex iOS

«1345
Sign In or Register to comment.