Showing posts with label gui. Show all posts
Showing posts with label gui. Show all posts

Saturday, October 4, 2025

Mystic Realms GUI – Hướng dẫn Toàn Diện về UI

 

Tổng hợp & Tóm tắt các chương nghiên cứu chính

Englisth Version: Link

Giới thiệu

Mystic Realms GUI – Complete Research Collection là bộ nghiên cứu toàn diện về nghệ thuật thiết kế giao diện game fantasy (GUI).
Từ các nút bấm, banner, panel, vật phẩm, nhân vật cho đến hệ thống HUD và các bộ biểu tượng, toàn bộ chuỗi bài viết hé lộ cách Mystic Realms biến GUI thành một phần của thế giới game, chứ không chỉ là “khung hiển thị”.

✨ Mỗi chương đào sâu một khía cạnh – từ tính kỹ thuật, cảm xúc đến mỹ học – thể hiện triết lý: “Giao diện không chỉ trang trí, mà là một phần của thế giới.”


Danh sách các chương & Tóm tắt ngắn

Chương 1 – Buttons: Linh hồn của GUI

Nút bấm là dấu ấn nhận diện.
Trong Mystic Realms, mỗi nút mang nhịp điệu, độ sâu và cảm xúc riêng – là “cái bắt tay” đầu tiên giữa người chơi và thế giới.
(Cấu trúc nút, phản hồi nhấn, nhận diện thương hiệu.)


Chương 2 – Banners: Giọng nói của giao diện

Banner truyền tải cảm xúc trước cả khi người chơi đọc chữ.
Từ thông báo, tiêu đề đến tag hiếm, mỗi banner đều được thiết kế để “nói chuyện” với người chơi qua ánh sáng và bố cục.
(Banner tiêu đề, thông báo, nhãn hiếm.)


Chương 3 – Panels: Khung xương của toàn hệ thống UI

Panel là kiến trúc của giao diện – nơi mọi thứ sắp xếp có trật tự.
Mystic Realms sử dụng hệ thống 9-slice linh hoạt, giúp UI vừa đẹp, vừa dễ mở rộng.
(Cửa sổ, popup, panel HUD.)


Chương 4 – Game Items: Ngôn ngữ của biểu tượng

Biểu tượng chính là ngôn ngữ.
Mỗi thanh kiếm, viên ngọc, bình thuốc trong Mystic Realms đều được thiết kế với hình học rõ ràng và cảm xúc tinh tế.
(Nhóm vật phẩm, bộ biểu tượng theo chủ đề.)


Chương 5 – Progress & Status UI: Dòng chảy của gameplay

Thanh máu, năng lượng, thời gian – chính là nhịp thở của trò chơi.
Mystic Realms biến những thanh đo ấy thành những luồng năng lượng sống động, phản ánh nhịp điệu và cảm xúc người chơi.
(HP/MP Bar, thanh tải, bộ đếm thời gian.)


Chương 6 – Rewards & Treasures: Nghệ thuật tưởng thưởng

Phần thưởng là cảm xúc được “trình diễn”.
Từ rương gỗ bình thường đến kho báu huyền thoại, Mystic Realms tạo ra cả một hành trình chờ đợi – hé mở – thỏa mãn.
(Rương, tiền xu, thẻ bài hiếm, hệ thống thưởng.)


Chương 7 – Backgrounds & Worlds: Xây dựng bầu không khí bằng UI

Giao diện chỉ thực sự sống khi hòa vào thế giới của nó.
Mystic Realms thiết kế nền (background) như một phần môi trường – từ thế giới RPG hùng vĩ đến rừng Match-3 yên bình.
(Tower Score Scene, cảnh rừng, màu nền thích ứng.)


Chương 8 – Characters & Emotion: Hơi thở trong giao diện

Nhân vật là cầu nối cảm xúc.
Các nhân vật trong Mystic Realms được vẽ cùng phong cách với GUI – tạo nên kết nối tự nhiên, khiến người chơi cảm thấy thế giới “có thật”.
(Anh hùng, NPC, thương nhân, linh thú đồng hành.)


Chương 9 – HUD & Integration: Khi giao diện trở thành gameplay

HUD không chỉ hiển thị – mà là trung tâm cảm xúc và hành động.
Mystic Realms kết hợp bố cục, ánh sáng, và nhịp chuyển động để mọi HUD đều “thở” cùng gameplay.
(HUD RPG, HUD Match-3, bố cục đáp ứng đa thiết bị.)


Chương 10 – Collections & Icon Sets: Hệ sinh thái biểu tượng hoàn chỉnh

Sự nhất quán tạo nên thế giới.
Mystic Realms tổ chức hàng trăm biểu tượng thành hệ thống logic – từ màu viên đá Match-3 đến cấp độ trang bị RPG.
(Bộ màu Match-3, set vũ khí & áo giáp, bình thuốc nhiều cấp độ.)


Chương 11 – Game Demo: Mystic Realms bước vào hành động

Tất cả hợp nhất thành trải nghiệm.
Buttons, banners, items, HUD và nhân vật phối hợp trong gameplay thật – chứng minh rằng Mystic Realms GUI không chỉ là art, mà là trải nghiệm sống động.
(Demo RPG, Match-3 Tower, Shop & Quest Scene.)


Phụ lục – Mystic Realms Design Manifesto

“Thiết kế không phải để tô điểm, mà để truyền cảm.”

5 nguyên tắc cốt lõi của Mystic Realms GUI – về sự hài hòa, tính thống nhất và cảm xúc chân thật trong từng đường nét, ánh sáng và biểu tượng.


🧭 Cách sử dụng

Mỗi chương là một phần riêng biệt, có thể đọc độc lập hoặc liên kết theo thứ tự để cảm nhận trọn vẹn triết lý của Mystic Realms GUI.

📘 Hãy dùng bài tổng hợp này làm “bản đồ” dẫn lối.
Nhấn vào tiêu đề chương để mở bài viết chi tiết tương ứng.

Tuesday, August 19, 2025

Mystic Realm Panel

Mystic Realms GUI

Gumroad: https://ngochi8.gumroad.com/l/yrbcam

Update Chính thức: https://huygamer.wordpress.com/mystic-realms-premium-fantasy-ui-system/

All Panel in Mystic Realm GUI Asset:

1. Login Panel:

Fantasy Login Panel with account, password, remember option, register and forgot password.

A fantasy-style login screen with account and password fields, scroll-style “Remember Account,” plus Register and Forgot Password options. Ready-to-use and fully customizable.

2. Pause Board:

Fantasy Pause Panel with Resume, Restart, Options and Quit buttons for RPG UI.

Pause Panel
A clean fantasy-style pause menu with Resume, Restart, Options, and Quit buttons. Fully modular and ready to use in any RPG or adventure game.

3. Setting Board:


Option Board:

4. Confirm Board:

Fantasy Popup Confirm Panel with Yes/No choices for quit, sell, or purchase actions

++++


Thursday, December 24, 2020

Secret Adventure GUI Gear


Download: Assetstore Link

Fantasy Door

All images are cut and add to the scene. All boards are prefabs can be used very easy. If you want to use board, you only need to add PopupControler prefabs and you can open any board. 

Including:

+ Menu Scene

+ Mission Choose Scene

+ Play Scene

+ Info Scene With Old Book

=> All scene have code and display with script C# and ready for you to make your game. Each scene have button to go to other scene like a game.


Prefabs with:

+ Option Board

+ Pause Board

+ Quit Confirm Board

+ Mission Board


Download: Assetstore Link

Size: 26.7 MB (including AI file for you to customer and export with higher quality)

(NOT LIKE OTHER ASSETS with more than 1GB with only PSD and Image)







Friday, November 20, 2020

Casual Cartoon Game Theme

 This is casual cartoon theme for casual game. This is built with basic Unity UI System so you don’t need to upgrade anything.

All images are cut and add to the scene. All boards are prefabs can be used very easy. If you want to use board, you only need to add PopupControler prefabs and you can open any board.

Including:

+ Login Scene

+ Menu Scene

+ Mission Choose Scene

+ Play Scene

+ Info Scene with old book

=> All scene have code and display with script C# and ready for you to make your game. Each scene have button to go to other scene like a game.

Prefabs with

Board:

+ Option Board

+ Pause Board

+ Confirm Quit Board

+ Mission Board

=> All making with Scriptable Object that can created very easy to add more

Including 4 AI source file (vector) with Adobe Illustrator CC for you to customize and use with any size images

Have 30 different buttons in 4 colors (120 button with 378 x 378)

Link: Asset Store Download

--------------------

Many banner and buttons

Buttons in many colors

Shop Sample

Option Boards