Exclusive MeeGo1.1 OS Official Screenshots with Video

4 September, 2010 N900

cover-2.png

MeeGo OS1.1


MeeGo has been designed for the new mobile world, where people are at the center of fast flowing streams of information, where they expect to tailor their device with a myriad of applications, and where new economies are evolving around those applications. The design has been driven by a core set of Design Principles these principles drive our decisions throughout the design process.

The MeeGo interface is scalable for different screen sizes, resolutions, and aspect ratios and it supports both portrait and landscape orientations.

These guidelines have been written to help you design and develop applications for the new mobile world. They are 'alive' therefore new content will be added and edited as the project develops, so please come back and visit regularly to keep up-to-date with the latest information.

The MeeGo theme system is versatile, allowing for both global changes and special exceptions to the general theme logic. It’s possible to invest only a small amount of effort to set baseline colors, fonts, shapes, and backgrounds.

 

Enjoy Screenshots!

themeing.png

 

 

Dependencies

The sizes can be the same at first, but consider tuning them if the new font’s x-height differs from the original font. Make sure that the font size does not enlarge so much that it truncates.

 

Font

Example of changing font.

 

Icons

Any icons on the device can be customized, either framework or application icons. Only the changed icons are affected.

How to customize

The icons are SVG vector files stored in the Icons folder. As they are vectors, one size can be scaled to any needed layout.

The icon names indicate which application they belong to, for example icon-m-messaging-smiley-wink is used in messaging application. On the other hand, icon-m-common-phone is a phone icon used in several applications. The s, l, and m prefixes describe the amount of details in the icons – small doesn’t have the same level of detail as large.
The icons can be modified with Inkscape or Illustrator CS4 and above.

Dependencies

Note that the background affects the visibility icons. If the application top bar (command area) is changed to white, the current white icons cannot be seen, and must be changed to a darker color.

 

Launcher_grid

New application launcher icons in the same theme.


Dependencies

The background has to be carefully designed with all the other elements in the interface. The application background is what shows under all the buttons, switchers, and label texts. Note that dialogs and container graphics also work as a background for certain elements.

 

transparent_list

The application background shows through a transparent list.

 

 

MeeGo1.1



MeeGo1.1


MeeGo1.1


MeeGoOS


MeeGo1.1


 

meegotouch_button

A blue button indicates a selected state


Selection

Multi selection in a list.

 

 

Transparency

Effect of adding transparency to a list.


Rounded_corners

Example of adding rounded corners to a button.

 

Source: MeeGo Deveopers Blog

Twitter

Description

Josephws
Posts: 7284





© 2023 YouMobile Inc. All rights reserved