Charts & InfographicsGPT Image 2MinimalistUI/UXModernDashboardFuturisticCleanNeumorphismTactile
Bộ UI điều khiển nhà thông minh phong cách Neumorphic
Bộ giao diện UI điều khiển nhà thông minh và phương tiện truyền thông theo phong cách neumorphic cao cấp với tông màu xám nhạt, xanh mòng két và cam. Thiết kế bố cục dạng bảng điều khiển tinh tế gồm 18 mô-đun và biểu tượng nổi với hiệu ứng đổ bóng mềm mại và chất liệu bề mặt chân thực.
Bản tiếng Anh
Create a premium neumorphic smart-home and media control UI kit on a clean light gray background, arranged as a balanced dashboard-style composition of floating rounded cards and circular controls with soft extruded shadows, subtle inner highlights, frosted white surfaces, and elegant teal-and-orange accents. The overall style is minimalist, futuristic, tactile, and highly polished, like a high-end mobile interface concept. Include exactly 18 discrete UI modules and icons: 1 large circular volume knob card in the upper left with a glossy deep teal center, dotted perimeter, plus and minus symbols, and the text “VOLUME 67%”; 1 vertical volume slider card with the label “VOLUME”, a white knob, orange level bars, small speaker icons, and “67%”; 1 large circular balance dial at the top center-right with numeric markings 25, 50, 75, 100, the central value “72%”, the label “BALANCE”, and a small orange indicator dot; 1 circular compass widget in the upper right with N, E, S, W labels, a metallic teal compass needle, and a small orange accent dot on the rim; 1 smaller circular min-max knob on the left middle with a teal center, textured white dial edge, orange indicator dot, and “MIN” and “MAX” labels; 3 small circular utility buttons beneath it in one row, showing a power symbol, a connectivity or wireless symbol, and a heart outline; 1 horizontal toggle switch below those buttons with a teal knob and the text “ON”; 1 large media player card in the center with a square album cover showing abstract layered teal dunes or waves, the track title “Beyond The Horizon”, the artist name “Aurora Nights”, a heart icon in the top right, a waveform progress display, timestamps “1:45” and “3:58”, and 4 playback controls along the bottom row: shuffle, previous, central orange play button, next, and repeat; 6 rounded-square app icons in two columns on the right side, arranged in 3 rows, showing exactly these symbols: paper plane arrow, stacked layers, shield with check mark, cloud, bell with a small orange notification dot, and gear; 1 rectangular clock card at the bottom left with a circular analog clock face, large digital time “10:58 AM”, the date line “Thursday, May 23”, and sunrise/sunset times “06:15 AM” and “08:24 PM”; 1 weather card at the bottom center with the location “San Francisco”, current temperature “18°”, condition “Partly Cloudy”, high/low “H: 21° L: 13°”, a large sun-behind-cloud illustration, and a 5-column hourly forecast labeled “11 AM”, “12 PM”, “1 PM”, “2 PM”, “3 PM”; 1 pill-shaped tab selector at the lower right with 3 tabs, where the left tab is active in teal with an audio waveform icon, and the other 2 tabs show a user icon and a folder icon; 1 search bar directly beneath it with a magnifying glass and placeholder text “Search...” ; 1 horizontal slider below the search bar with a teal progress line and a white knob; 1 large rounded CTA button at the bottom right reading “{argument name="button text" default="EXPLORE"}” with a right-facing orange arrow; and 5 circular bottom navigation icons centered along the bottom edge, showing home, bar chart, calendar with “23”, chat bubble, and user profile, plus 2 floating action buttons beside them: a camera icon and an orange plus sign. Use a restrained palette with white and very light gray surfaces, deep teal-green gradients for active states, and warm orange for highlights and notifications. Emphasize depth through soft ambient shadows, subtle bevels, glossy reflections, and realistic material rendering. Keep the layout spacious, symmetric but not rigid, and suitable for a luxury mobile app concept presentation.Bản tiếng Việt
Tạo một bộ UI kit điều khiển đa phương tiện và nhà thông minh theo phong cách neumorphic cao cấp trên nền xám nhạt sạch sẽ, được sắp xếp theo bố cục kiểu bảng điều khiển cân đối gồm các thẻ bo tròn và nút điều khiển tròn lơ lửng với bóng nổi khối mềm mại, điểm sáng nhẹ bên trong, bề mặt kính mờ màu trắng cùng các điểm nhấn màu xanh mòng két và cam thanh lịch. Phong cách tổng thể mang tính tối giản, mang hơi hướng tương lai, có cảm giác xúc giác và được trau chuốt tỉ mỉ, giống như một bản concept giao diện di động cao cấp. Bao gồm chính xác 18 mô-đun UI và biểu tượng riêng biệt: 1 thẻ núm vặn âm lượng hình tròn lớn ở góc trên bên trái với phần tâm màu xanh mòng két đậm bóng bẩy, viền chấm tròn, các biểu tượng cộng và trừ, cùng dòng chữ “VOLUME 67%”; 1 thẻ thanh trượt âm lượng dạng dọc với nhãn “VOLUME”, một núm vặn màu trắng, các thanh mức độ màu cam, các biểu tượng loa nhỏ và “67%”; 1 mặt số cân bằng hình tròn lớn ở phía trên giữa bên phải với các vạch chia số 25, 50, 75, 100, giá trị trung tâm “72%”, nhãn “BALANCE” và một chấm chỉ báo nhỏ màu cam; 1 tiện ích la bàn hình tròn ở góc trên bên phải với các nhãn N, E, S, W, kim la bàn màu xanh mòng két kim loại và một chấm nhấn nhỏ màu cam trên vành; 1 núm xoay min-max hình tròn nhỏ hơn ở giữa bên trái với tâm màu xanh mòng két, cạnh mặt số màu trắng có vân nổi, chấm chỉ báo màu cam cùng các nhãn “MIN” và “MAX”; 3 nút tiện ích nhỏ hình tròn bên dưới theo một hàng, hiển thị biểu tượng nguồn, biểu tượng kết nối hoặc không dây, và viền hình trái tim; 1 công tắc gạt ngang bên dưới các nút đó với một núm gạt màu xanh mòng két và dòng chữ “ON”; 1 thẻ trình phát đa phương tiện lớn ở chính giữa với ảnh bìa album hình vuông thể hiện các cồn cát hoặc con sóng xếp lớp trừu tượng màu xanh mòng két, tiêu đề bài hát “Beyond The Horizon”, tên nghệ sĩ “Aurora Nights”, một biểu tượng trái tim ở góc trên bên phải, hiển thị tiến trình dạng sóng âm, dấu thời gian “1:45” và “3:58”, cùng 4 nút điều khiển phát lại dọc theo hàng dưới cùng: phát ngẫu nhiên, bài trước, nút phát trung tâm màu cam, bài tiếp theo và lặp lại; 6 biểu tượng ứng dụng hình vuông bo góc ở hai cột bên phải, được sắp xếp thành 3 hàng, hiển thị chính xác các biểu tượng này: mũi tên máy bay giấy, các lớp xếp chồng, khiên có dấu tích kiểm, đám mây, chuông có một chấm thông báo nhỏ màu cam, và bánh răng; 1 thẻ đồng hồ hình chữ nhật ở góc dưới bên trái với mặt đồng hồ kim hình tròn, giờ kỹ thuật số lớn “10:58 AM”, dòng ngày tháng “Thursday, May 23”, cùng thời gian mặt trời mọc/lặn “06:15 AM” và “08:24 PM”; 1 thẻ thời tiết ở giữa phía dưới với vị trí “San Francisco”, nhiệt độ hiện tại “18°”, tình trạng “Partly Cloudy”, cao/thấp “H: 21° L: 13°”, hình minh họa mặt trời sau mây lớn, và dự báo theo giờ 5 cột có nhãn “11 AM”, “12 PM”, “1 PM”, “2 PM”, “3 PM”; 1 bộ chọn tab dạng viên thuốc ở góc dưới bên phải với 3 tab, trong đó tab bên trái đang hoạt động có màu xanh mòng két với biểu tượng dạng sóng âm thanh, và 2 tab còn lại hiển thị biểu tượng người dùng và biểu tượng thư mục; 1 thanh tìm kiếm ngay bên dưới với kính lúp và văn bản giữ chỗ “Search...” ; 1 thanh trượt ngang bên dưới thanh tìm kiếm với đường tiến trình màu xanh mòng két và một núm trượt màu trắng; 1 nút CTA bo tròn lớn ở góc dưới bên phải với dòng chữ “{argument name="button text" default="EXPLORE"}” cùng một mũi tên màu cam hướng sang phải; và 5 biểu tượng điều hướng dưới cùng hình tròn được căn giữa dọc theo mép dưới, hiển thị trang chủ, biểu đồ cột, lịch với số “23”, bong bóng trò chuyện và hồ sơ người dùng, cùng 2 nút hành động nổi bên cạnh: biểu tượng máy ảnh và dấu cộng màu cam. Sử dụng bảng màu tiết chế với các bề mặt màu trắng và xám rất nhạt, dải chuyển màu xanh mòng két đậm cho các trạng thái hoạt động, và màu cam ấm áp cho các điểm nhấn cùng thông báo. Nhấn mạnh độ sâu thông qua bóng đổ môi trường mềm mại, các đường vát tinh tế, phản chiếu bóng bẩy và kết xuất vật liệu chân thực. Giữ bố cục rộng rãi, cân đối nhưng không cứng nhắc, phù hợp cho bài thuyết trình ý tưởng ứng dụng di động cao cấp.Mẹo sử dụng
Thích hợp để thiết kế mockup hoặc concept giao diện ứng dụng di động cao cấp. Bạn có thể thay đổi bảng màu (màu xanh mòng két, cam) để phù hợp với phong cách thương hiệu của dự án.
Nguồn và quyền sử dụng
- Nguồn
- https://x.com/lukfan/status/2047631265206255622#reversed-3
- Tác giả gốc
- 老范讲故事🎙️
- License prompt
- CC-BY-4.0
- License ảnh
- CC-BY-4.0