Jump to content

Recommended Posts

Posted

Hello

Wanted to share my Panel for 8.8" screen (1920x480).

Its my first try and i want to keep it as simple and clean as i can. I know i could add more info but for me those are the most important. Maybe i will add clock speeds and voltage as well, but thats the current state now.

I still dont like the bars, i try to change them to custom but dont know how yet, working on it. 

What i really like is the yellow and red indicators on CPU + GPU (and Board as well) if the temp rises to a specific "warning" and "critical" level. So if there is no color, everything is fine. I think thats also a very clean and simple approach. 

What do you think? Its not done yet... but like 80% :)

preview.png

  • Like 2
Posted
On 2/23/2022 at 12:21 PM, Sub200 said:

Here is my first design for 1280x400 displays.

I modified one which one uploaded here, unfortunately I don't remember which user made it, so thanks in advance to unknown;)

Unbenannt.thumb.jpg.6d3e2aa8f6121863981933c582259a2b.jpg

 

Care to share?

Posted
18 órával ezelőtt shortshins ezt írta:

Nagyon fantasztikusan néz ki tesó, van esély egy 600x1024-es verzióra?

NAGYON SZÉPEN KÖSZÖNÖM A MEGOSZTÁST SZÉP PANEL

  • Sensor Moderators
Posted
On 5/16/2026 at 6:49 PM, Checki said:

Hello

Wanted to share my Panel for 8.8" screen (1920x480).

Its my first try and i want to keep it as simple and clean as i can. I know i could add more info but for me those are the most important. Maybe i will add clock speeds and voltage as well, but thats the current state now.

I still dont like the bars, i try to change them to custom but dont know how yet, working on it. 

What i really like is the yellow and red indicators on CPU + GPU (and Board as well) if the temp rises to a specific "warning" and "critical" level. So if there is no color, everything is fine. I think thats also a very clean and simple approach. 

What do you think? Its not done yet... but like 80% :)

preview.png

Red background + dark blue text = not a good choice imo.

Custom loading bars. There are various techniques. Depends on your graphic skill and software you use.

image.png.8110064265a328b0db86a221275a2044.png

https://www.canva.com/

  1. Go to canva.com and create a new design (e.g., Custom Size 800x200 px).
  2. Search for "Progress Bar" or "Loading Bar" and select a template.
  3. Delete the pre-made bar and do the following: Draw a long, thin rectangle to serve as the background (gray).
  • Draw 15 equally sized rectangles or circles next to it (leaving some space between them).
  • Group them together.
  • Duplicate the group several times to create different fill levels (0 to 15 filled).
  • Colors: Empty = light gray; Filled = e.g., blue or green.

https://inkscape.org/de/

  1. Create a new document.
  2. Draw a long rectangle as a background strip.
  3. Using the Rectangle Tool, create 15 segments of equal width:
  • Draw a rectangle → Press Ctrl + D to duplicate → Use the arrow keys to position them side by side.
  • Select all 15 → Arrange → Align and Distribute → Distribute evenly.

4. Create a second row (or duplicate the same objects) for the filled version.
5. For different fill levels, simply duplicate the groups and the corresponding number of segments.

  • Total beginner → Canva
  • Want vector-based and scalable? → Inkscape
  • Need many versions / animation? → Adobe After Effects

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...