
Products & E-commerceGPT Image 2EditorialMinimalismUI/UX MockupProduct ShotThanh lịchiOS StyleThiết kế Á Đông
Giao diện ứng dụng lịch vạn niên thanh lịch
Bản mockup giao diện ứng dụng lịch vạn niên và hoàng đạo trên iPhone theo phong cách Á Đông tinh tế và tối giản. Thiết kế hiển thị lưới lịch tháng chi tiết, bảng thông tin ngày cùng các chỉ dẫn hoàng đạo được bố cục thanh lịch và chuẩn mực.
Bản tiếng Anh
A clean, elegant iPhone app UI mockup for a Chinese perpetual calendar and almanac app, shown as a full-screen mobile screenshot on a soft warm white background with subtle paper-like texture and refined East Asian editorial aesthetics. The interface uses a minimalist serif-and-sans mix, muted brown, gray, black, pale blue, green, and gold accents, with spacious layout and delicate dividers. Show the iOS status bar at the top with the time 8:45, cellular signal, Wi‑Fi icon, and a battery indicator reading 96. Below it, a header for {argument name="month" default="4月"} with secondary text “24日 | 每日万年历” and, on the right, a rounded rectangular date-picker button labeled “择日” with a calendar icon plus a separate plus symbol. The main section is a monthly calendar grid for {argument name="year" default="2026"}, with 7 weekday columns labeled Sunday through Saturday in Chinese: 周日, 周一, 周二, 周三, 周四, 周五, 周六. Render a 6-row month view with exactly 42 date cells including adjacent-month dates. The visible dates should be: first row 29, 30, 31, 1, 2, 3, 4; second row 5, 6, 7, 8, 9, 10, 11; third row 12, 13, 14, 15, 16, 17, 18; fourth row 19, 20, 21, 22, 23, 24, 25; fifth row 26, 27, 28, 29, 30, 1, 2; sixth row 3, 4, 5, 6, 7, 8, 9. Each day cell includes a large Gregorian date and a smaller Chinese lunar date or note underneath. Include colored holiday and solar-term tags across specific cells, with exactly 10 highlighted labels visible: “休十七” on the 4th, “清明节” on the 5th, “休十九” on the 6th, “谷雨” on the 20th in green, “劳动节” on the next-month 1st, “休十六” on the next-month 2nd, “休十七” on the last-row 3rd, “青年节” on the last-row 4th, “休立夏” on the last-row 5th, and “天后诞” on the last-row 9th in orange. Add small lunar phase markers on a few days, including yellow crescent or dot icons around the 2nd, 10th, 17th, 24th, and next-month 2nd. Make the {argument name="selected date" default="24"} cell in the Friday column stand out with a rounded blue gradient tile and soft shadow, with smaller text “初八” inside. Beneath the calendar, show a detailed daily information panel separated by whitespace. The left side features a very large date title “4月24日”; the right side stacks “星期五 2026” and “农历三月初八”. Below that, include smaller gray metadata lines such as “第114天 · 第17周 金尊月” and a traditional sexagenary/date string like “丙午 · 马年 壬辰月 戊辰日”. At the far right of this metadata area, place a rounded outline pill button labeled “今日”. Underneath, present a large white rounded card with almanac guidance. The card contains two major sections with exactly 2 headings: a green “宜” section and a red “忌” section, separated by fine dotted dividers. In the “宜” section, include the directional fortune line “喜神 东南 福神 正北 财神 正北” and three activity items: “祭祀”, “修饰垣墙”, “余事勿取”. In the “忌” section, include the conflict line “冲煞 冲狗 煞南”. At the bottom, show a 5-item iOS-style tab bar with labels exactly “今日”, “MONTH”, “YEAR”, “EVENTS”, “MORE”; the first tab is active and includes the small sublabel “4月24日”. Overall style: premium app design concept, calm scholarly Chinese calendar aesthetic, high-fidelity mobile product shot, realistic yet idealized interface, perfectly aligned typography, subtle shadows, soft contrast, and polished startup-quality UI.Bản tiếng Việt
Một bản mockup giao diện ứng dụng iPhone gọn gàng, thanh lịch dành cho ứng dụng lịch vạn niên và hoàng đạo Trung Hoa, hiển thị dưới dạng ảnh chụp màn hình điện thoại toàn màn hình trên nền trắng ấm nhẹ với kết cấu mô phỏng giấy tinh tế và thẩm mỹ biên tập Á Đông tao nhã. Giao diện sử dụng sự kết hợp tối giản giữa font chữ có chân (serif) và không chân (sans), các điểm nhấn màu nâu trầm, xám, đen, xanh lam nhạt, xanh lục và vàng ánh kim, cùng bố cục thoáng đãng và các đường phân cách thanh mảnh. Hiển thị thanh trạng thái iOS ở phía trên cùng với thời gian 8:45, sóng di động, biểu tượng Wi‑Fi và chỉ báo pin hiển thị 96. Bên dưới là phần tiêu đề đầu trang cho {argument name="month" default="4月"} với dòng chữ phụ “24日 | 每日万年历” và ở bên phải là nút chọn ngày hình chữ nhật bo tròn mang nhãn “择日” có biểu tượng lịch kèm theo biểu tượng dấu cộng riêng biệt. Phần chính là lưới lịch tháng cho {argument name="year" default="2026"}, với 7 cột các ngày trong tuần được dán nhãn từ Chủ Nhật đến Thứ Bảy bằng tiếng Trung: 周日, 周一, 周二, 周三, 周四, 周五, 周六. Kết xuất chế độ xem tháng gồm 6 hàng với chính xác 42 ô ngày bao gồm cả các ngày của tháng liền kề. Các ngày hiển thị phải là: hàng thứ nhất 29, 30, 31, 1, 2, 3, 4; hàng thứ hai 5, 6, 7, 8, 9, 10, 11; hàng thứ ba 12, 13, 14, 15, 16, 17, 18; hàng thứ tư 19, 20, 21, 22, 23, 24, 25; hàng thứ năm 26, 27, 28, 29, 30, 1, 2; hàng thứ sáu 3, 4, 5, 6, 7, 8, 9. Mỗi ô ngày bao gồm một ngày Dương lịch cỡ lớn và một ngày Âm lịch Trung Hoa hoặc ghi chú nhỏ hơn ở bên dưới. Bao gồm các thẻ ngày lễ và tiết khí có màu sắc trên các ô cụ thể, với chính xác 10 nhãn nổi bật hiển thị: “休十七” vào ngày 4, “清明节” vào ngày 5, “休十九” vào ngày 6, “谷雨” vào ngày 20 có màu xanh lục, “劳动节” vào ngày 1 của tháng kế tiếp, “休十六” vào ngày 2 của tháng kế tiếp, “休十七” vào ngày 3 ở hàng cuối cùng, “青年节” vào ngày 4 ở hàng cuối cùng, “休立夏” vào ngày 5 ở hàng cuối cùng, và “天后诞” vào ngày 9 ở hàng cuối cùng có màu cam. Thêm các ký hiệu tuần trăng nhỏ vào một vài ngày, bao gồm biểu tượng trăng lưỡi liềm hoặc chấm tròn màu vàng quanh các ngày 2, 10, 17, 24 và ngày 2 của tháng tiếp theo. Làm cho ô {argument name="selected date" default="24"} ở cột Thứ Sáu nổi bật với ô gạch chuyển màu xanh lam bo tròn và bóng đổ nhẹ, cùng dòng chữ nhỏ hơn “初八” bên trong. Bên dưới lịch, hiển thị một bảng thông tin chi tiết trong ngày được ngăn cách bằng khoảng trắng. Phía bên trái có tiêu đề ngày rất lớn “4月24日”; phía bên phải xếp chồng “星期五 2026” và “农历三月初八”. Bên dưới đó, bao gồm các dòng siêu dữ liệu màu xám nhỏ hơn như “第114天 · 第17周 金尊月” và một chuỗi can chi/ngày truyền thống như “丙午 · 马年 壬辰月 戊辰日”. Ở phía ngoài cùng bên phải của khu vực siêu dữ liệu này, đặt một nút hình viên thuốc viền nét bo tròn mang nhãn “今日”. Phía dưới, trình bày một thẻ màu trắng lớn bo góc chứa chỉ dẫn hoàng đạo. Thẻ bao gồm hai phần chính với chính xác 2 tiêu đề: phần “宜” màu xanh lục và phần “忌” màu đỏ, được ngăn cách bởi các đường phân cách chấm mảnh. Trong phần “宜”, bao gồm dòng phương vị tài lộc “喜神 东南 福神 正北 财神 正北” và ba mục việc nên làm: “祭祀”, “修饰垣墙”, “余事勿取”. Trong phần “忌”, bao gồm dòng xung sát “冲煞 冲狗 煞南”. Ở dưới cùng, hiển thị một thanh tab gồm 5 mục theo phong cách iOS với các nhãn chính xác là “今日”, “MONTH”, “YEAR”, “EVENTS”, “MORE”; tab đầu tiên đang hoạt động và bao gồm nhãn phụ nhỏ “4月24日”. Phong cách tổng thể: ý tưởng thiết kế ứng dụng cao cấp, thẩm mỹ lịch Trung Hoa mang phong thái học giả trầm lắng, ảnh chụp sản phẩm di động độ chân thực cao, giao diện thực tế nhưng lý tưởng hóa, kiểu chữ căn chỉnh hoàn hảo, bóng đổ tinh tế, độ tương phản dịu nhẹ và giao diện người dùng bóng bẩy chuẩn chất lượng startup.Mẹo sử dụng
Thích hợp để tạo mockup giao diện ứng dụng (UI/UX) lịch vạn niên, tử vi hoặc phong thủy với bố cục chuẩn iOS. Bạn có thể tùy biến các placeholder để thay đổi tên ứng dụng, tháng hiển thị hoặc ngày được làm nổi bật theo ý muốn.
Nguồn và quyền sử dụng
- Nguồn
- https://x.com/STEVENo_OR/status/2047485783150633103#reversed-1
- Tác giả gốc
- Steven Ren
- License prompt
- CC-BY-4.0
- License ảnh
- CC-BY-4.0