Of course, I was too young to really understand and appreciate much of the dialogue and many of the messages that the episodes had. The Okudagram may not be all that functional and logical for real world applications and the suggested functionality could perhaps be entirely impossible. Become a member to follow this project and never miss any updates Become a member. Let’s try to find out then.. Several graphics people on the different “Trek” shows are responsible for devising them.

Name: Fenrihn
Format: JPEG, PNG
License: For Personal Use Only
iPhone 5, 5S resolutions 640×1136
iPhone 6, 6S resolutions 750×1334
iPhone 7, 7 Plus, 8, 8 Plus resolutions 1080×1920
Android Mobiles HD resolutions 360×640, 540×960, 720×1280
Android Mobiles Full HD resolutions 1080×1920
Mobiles HD resolutions 480×800, 768×1280
Mobiles QHD, iPhone X resolutions 1440×2560
HD resolutions 1280×720, 1366×768, 1600×900, 1920×1080, 2560×1440, Original


I want to use masks that define the shape of the interface element. Yes, delete it Cancel. They are common to cultures even as distant as the Delta Quadrant. The Okudagram may not be all that functional and logical for real world applications and the suggested functionality could perhaps be entirely impossible.

Notify me of followup comments via e-mail. You basically end up with a HTML file which you then can animate and fill with content. As the show progressed, use of animations increased. Rather, the purpose was to create a believable technological aesthetic for the future, but on a modest budget for a syndicated television show in the s.

With the Okudagrams literally lighting the way, the appearance of a dynamic futuristic interface could be achieved for the average television viewer. The “Trek” publicist couldn’t figure out what I was doing, but the behind-the-scenes “Voyager” crew just smiled knowingly, and a few even pointed me in new directions.


But I would submit to you that even beyond all of these very legitimate factors, the thing that most grabs an audience and certainly me is the feel of a TV show or a movie. All of these images are not from Okuda of course; many have been created as an homage to ST and Okuda by fans. Having dealt with interface design for over a decade now, I do realize the “problems” associated with functional LCARS interfaces, but the geek kid in me just can’t let it go!

Okudagram, she notes, has become an umbrella term that doesn’t necessarily refer to work that falls under her husband’s domain, nor are all Okudagrams of the in-joke variety.

Another problem with the interface as it is presented in Star Trek, is the high abstraction layer which is never explained. Denise Okuda, Michael’s wife and a “DS9” staffer, reports that her husband doesn’t come up with every Okudagram. Star Trek Into Darkness Beyond. With the basic style elements, composite objects are build which can perhaps contain text, images, video or act as buttons or dials.

The editor is just there to make the design go faster. It was a very smart move by Michael Okuda, obfuscating the data into something arbitrary. I have looked into upgrading to HTML5 and using alpha masking which would make it more suitable for AR overlays in theory! The other part of the LCARS style was that it had to be something that could be manufactured quickly and easily on a television budget.

Star Trek terminology Fictional artificial intelligences. I probably need to expand that to render certain div elements having a img element inside, but in the mean time, getting reliable alpha is the main goal I have got it to work in safari, but unfortunately, the LCARS editor does not work in Safari for whatever reason. At this point in time, HTML is where it is I still wonder about the possible implementations and mechanics of such an interface system and I think this is the best place to share my foolish endeavor and possibly expand on it.


Alpha does not work on background colors. You are about to report the project ” Experimental Okudagram Interfaces “, please tell us the reason. In the ST universe, the LCARS interface is an adaptive interface technology that anticipates and changes it’s layout and functionality depending on the job at hand.

The color image can just be a square of any type. You should Sign Up. What makes a good movie? If you need to boil an egg on the Enterprise assuming the replicators were off-linethe interface would adapt from a refrigerator inventory utility to some egg recipe and timer functionality with a minimum of user-input. I learned about the book listening to UXpod with Chris Noessel.


Views Read Edit View history. It’s just like future we saw in the 90’s when we watched TNG.

These Okudagrams have always fascinated me as both an esthetically interesting design and as a potential functional interface paradigm.