1 / 23

Huawei Themes Design Overview for EMUI 8.0

Explore the design elements and items for small and large themes for EMUI 8.0, including previews, unlock screens, wallpapers, icons, launchers, contacts, messaging, notifications, and more. Learn about static icons, dynamic elements, color customizations, and theme package details.

pearlf
Download Presentation

Huawei Themes Design Overview for EMUI 8.0

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Huawei Themes Summary of Theme Design Items -EMUI8.0

  2. Content 02 01 03 04 Design items of Small Theme Design items of Large Theme Overview Note items

  3. Overview Theme package including：previews, unlock, wallpaper, icon, launcher, contacts, messaging, notifications, etc.

  4. Design items of Small Theme • Previews • Unlock • Wallpaper • Icon • Launcher

  5. Small Theme · Previews First page preview Cover preview Icon preview Unlock preview Icon page preview Preview size: 1080×1920px, 300KB Icon preview size：510×345px, <300KB

  6. Small Theme · Unlock Combined unlock Magazine unlock Slide unlock Unlock type: Slide unlock, Magazine unlock, Combined unlock

  7. Small Theme · Wallpaper Unlock wallpaper Wallpaper Unlock wallpaper size: 1080×1920px, <1M Wallpaper size: 2160×1920px, <1M

  8. Small Theme· Static icon Static icon size: 192×192/256×256px, <1M Number: 66

  9. Small Theme· Static icon Static icon size: 192×192/256×256px, <1M Number: 21

  10. Small Theme · Third-party icons Icon plate for third-party icon template Icon mask for third-party icon template Icon shade for third-party icon template Note: Static icons including third-party icons Size: 192×192px, <1M Number: 3

  11. Small Theme · Launcher (Optimiser Icon) Dangerous Static effect Plate Risky Ring Safe Dynamic icon: Optimiser Size: 192×192px, <1M Number: 6

  12. Design items of Large Theme • Previews • Icon • Launcher • Dialler • Contacts • Messaging • Notifications

  13. Large Theme · Previews Messaging Dialer Contacts Details of contacts Notifications Preview size：1080×1920px，<300KB；

  14. Large Theme · Icon Dynamic calendar Dynamic clock Dynamic weather Dynamic Icons including： Dynamic calendar, Dynamic clock, Dynamic weather Size：192×192/256×256px，<1M； Number：17

  15. Large Theme · System(Screen lock icon) Screen lock launcher icon Screen lock preview icon Dynamic icon: Screen lock Size: 192×192px, <1M Number: 2

  16. Large Theme · Launcher Color value: Modify the text color of launcher, folder and simple mode Material: Drawer model button, folder background, adding icon, simple mode searching box

  17. Large Theme · Dialler Color value: Modify the top bar, navigation bar, tab bar color; Icons and text highlight color； Text color of dialler, contacts list, contact details Material: dialer background, used for most interface; Contacts background; Toolbar background； Dialler and buttons

  18. Large Theme · Contacts Color value: Subtitle text, category text, hint text, input text color of New contact and Edit Contact; Icons, adding button of New Contact and Edit Contact Material: Background of New Contact and Edit Contact

  19. Large Theme · Messaging Color value: Searching frame background, searching text, notification text; sending and receiving message interface background and text; Attachment area background, buttons and text Material: Message list background； Dialog interface Background

  20. Large Theme · Settings Color value: Setting back button; Level 1, level2, level 3 text of setting; switch Material: Title background, Setting background(can be individually designed)

  21. Large Theme · Notifications Color value: Top text and button color; Quick switch, brightness bar and auto brightness check button

  22. Note Items • Huawei Themes Tool Suite download URL：https://developer.huawei.com/consumer/en/devservice/doc/30106 • To get the third-party icon package name via: • https://www.wandoujia.com/ • Button, background deformation and with black edge issue: • please use .9 edit tool to remove black edge • Themes packaging and specific modifications: • Please refer to EMUI8.0 themes development tutorial

  23. THANKS

More Related