Xin chào mọi người.
Nhân dịp anh P.T.Đ ra mắt trang chính mới. Thì hôm nay, em không giấu mọi người nữa, sau khi kiên trì cả sáng để sửa lại thiết kế, em xin giới thiệu thiết kế mới sắp được giới thiệu dưới đây. Em đề xuất áp dụng giao diện Trang Chính mới năm 2021 do em thiết kế, tạm gọi tên là Giao diện Wiki hộp phẳng 2021, cho Wikipedia tiếng Việt.
Cái này chắc anh P.T.Đ đã nói ở trên nên em sẽ không nói nữa
Đối với thiết kế của Giao diện Wiki hộp phẳng 2021, em cố gắng tuân thủ một số khuôn khổ sau, dựa trên những cảm giác và kinh nghiệm cá nhân:
Tổng thể, giao diện Giao diện Wiki hộp phẳng 2021 kế thừa toàn bộ nội dung hiện hành của giao diện Trang Chính hiện tại, nhưng có thay đổi hoàn toàn về mặt thiết kế và nội dung. Đồng thời, giao diện mới còn bổ sung thêm 3 trương mục mới nhằm đáp ứng nguyện vọng của các thành viên:
Giao diện Giao diện Wiki hộp phẳng 2021 tuân theo các chuẩn mực và xu hướng thiết kế hiện đại, được nhiều Wikipedia ngôn ngữ khác sử dụng, đặc biệt là thiết kế phẳng (flat design) và thiết kế kiểu hộp (box design).
Ý niệm của thiết kế đến từ hộp. Các hộp bao bọc các chuyên mục là cơ cấu nội dung tượng trưng của cho rất nhiều Website hiện đại.
Các tiêu đề trương mục là sử dụng Font chữ giống như Logo Wikipedia, thể hiện đậm nét tính chất riêng của Wiki Tiếng Việt.
Thiết kế mới dựa trên ý tưởng từ các thiết kế Trang Chính ở những phiên bản ngôn ngữ khác, như: Wiki tiếng Tây Ban Nha, Wiki tiếng Nga.
Về khung Đầu trang: Bố cục khung Đầu trang được chia làm 2 phần trái phải, tương tự Wikipedia tiếng Ạnh, tiếng Nga và tiếng Tây Ban Nha. Phần trái gồm tiêu đề "Chào mừng đến với Wikipedia tiếng Việt" và câu dịch từ tiếng Anh: :Bách khoa toàn thư mở mà ai cũng có thể đóng góp và sửa đổi." nhằm thể hiện tính tự do đóng góp và mở của Wikipedia . Cột phải gồm phần thống kê và các liên kết giống nút, khác với giao diện Trang Chính hiện tại. Ở đây em lược bỏ đoạn mở đầu, loại bỏ hầu hết các liên kết để tránh rườm rà. Chỉ đến lại 4 nút nhầm đưa người xem tìm kiếm bài viết và tìm hiểu thêm về Wikipedia tiếng Việt, giúp bố cục trông sáng sủa hơn, với quan niệm hướng người xem "nội dung trước, đóng góp sau".
{{Mẫu Trang Chính 2020/Đầu trang}} Họa tiết nền được lấy từ Wikipedia tiếng Nga, nhằm tạo ra chiều sâu và thể hiện sự tương đồng với logo của Wiki Tiếng Việt.
Về các khung BVCL, BVT, DSCL, HACL, BCB, TT, NNNX, CLV: Về cơ bản được tổ chức thành các hộp và tiêu đề hộp theo ý niệm thiết kế đồng nhất.
Tiêu đề được để font đen và không gắn icon nhầm tạo sự đơn giản của giao diện.
Đối với các khung BVCL, BVT, DSCL, một điểm khác là xuất hiện nút [ Đọc ] thay cho dòng (xem tiếp...) ở cuối câu như hiện tại. [ Đọc ] thì đúng ý nghĩa của thao tác bấm nút này hơn, nghĩa là người dùng sẽ "đọc", không đơn thuần là "xem". Việc bỏ liên kết cuối câu nhầm tạo ra sự thống nhất văn bản theo nguyên tắc hạn chế tối đa việc tác động vào bài viết gây mất thẩm mỹ.
Các liên kết dưới cùng các hộp được tái thiết kế căn theo bên trái để thông thoáng hơn.
Về khung Các lĩnh vực: Các icon được thay thế so với giao diện hiện tại để đồng bộ về mặt thiết kế.
Về khung Đóng góp Wikipedia: Đây là một phần mục mới do em sáng tác, lấy cảm hứng từ Wikipedia tiếng Anh.
Mục này gồm 2 phần:
Về khung Wikipedia ngôn ngữ khác và Dự án liên quan: Khung Wikipedia ngôn ngữ khác được đẩy xuống dưới so với giao diện hiện tại, và cả 2 khung được tái thiết kế để thông thoáng hơn, đồng bộ với nhau. Nội dung khung Wikipedia ngôn ngữ khác vẫn lấy từ Wikipedia tiếng Việt. Nội dung khung Dự án liên quan được lấy từ Wikipedia tiếng Nga.
Về hệ thống icon: Đa phần icon được sử dụng trên toàn bộ giao diện Giao diện Wiki hộp phẳng 2021 được lấy từ bộ OOUI icons (WikimediaUI theme) loại màu đen để thống nhất giao diện, và được nhúng vào giao diện thông qua file gốc SVG, đảm bảo tính chất sắc nét của file vector cũng như giảm dung lượng tải. Các icon mục Dự án Wiki cũng được cập nhật phiên bản mới hơn.
Về typography: Kích thước font chữ được cố gắng giữ mặc định theo hệ thống, tránh tình trạng quá nhiều cỡ font. Toàn bộ các phần text sử dụng font mặc định tùy skin wiki (Vector hoặc Minerva). Một số text dùng font serif (điển hình là Linux Libertine), như tiêu đề "Wikipedia tiếng Việt" ở đầu trang và các tiêu đề tóm lược ở hai khung Wikipedia ngôn ngữ khác và Dự án liên quan.
Về vấn đề canh đều 2 cột: Ở giao diện Vector, để 2 cột được đều nhau, không quá chênh lệch, thì có khuyến cáo như sau (xét trên độ phân giải màn hình 1366x768):
Wiki tiếng Anh hiện cũng đang giới hạn 975 ký tự đối với mục BVCL. Có thể dùng công cụ https://www.charactercountonline.com/ để đếm số ký tự.
Giao diện Giao diện Wiki hộp phẳng 2021 áp dụng một số kỹ thuật thiết kế web hiện đại. Điển hình như:
Khả năng co giãn theo kích cỡ màn hình: Được gọi là Thiết kế web đáp ứng (Responsive web design). Khả năng này giúp thiết kế của Giao diện Wiki hộp phẳng 2021 đạt được mức độ tương thích cao với nhiều kiểu màn hình khác nhau (từ điện thoại, máy tính bảng, laptop, desktop). Thiết kế gốc được dựng theo cỡ màn hình điện thoại, rồi dần bổ sung mã để phù hợp các màn hình to hơn (kỹ thuật mobile first). Xem các ví dụ (xem tập tin gốc để nhìn rõ hơn).
Sử dụng thẻ div thay cho thẻ table: Giao diện Trang Chính hiện tại sử dụng thẻ table để dàn trang, đây là một kỹ thuật thiết kế web đã lỗi thời từ 10 năm nay, và thẻ table cũng khiến website khó tương thích với các phần mềm screen reader (phần mềm đọc nội dung cho người khiếm thị). Giao diện Giao diện Wiki hộp phẳng 2021 đã chuyển sang dùng thẻ div toàn bộ.
Tổ chức định kiểu CSS thông qua
Sử dụng flexbox theo dạng bản mẫu để dàn trang: Flexbox là một kỹ thuật dàn trang mới của CSS, giúp mã sạch, đẹp và gọn hơn, cũng như dễ dàng điều chỉnh sự tổ chức các phần tử HTML linh động theo từng trường hợp.
Đây là giao diện Trang Chính được tôi đầu tư một thời gian dài để giúp Wikipedia chúng ta thu hút thêm ánh nhìn từ công chúng và cố gắng đạt mức hoàn thiện cao, thanh lịch và hiện đại. Đồng thời, đã lắng nghe nhiều góp ý từ các lần thảo luận trước của các thành viên trong cộng đồng. Hiện tại, giao diện vẫn còn trong giai đoạn thử nghiệm, nhằm kiểm tra thêm một số lỗi nếu có phát sinh.
Các bạn có thể cho {{OK}}
Đồng ý để đạt đồng thuận cộng đồng về việc triển khai giao diện Giao diện Wiki hộp phẳng 2021 cho Trang Chính, {{yk}}
Ý kiến nếu cần góp ý gì thêm (một số điều chỉnh nếu vượt quá các nguyên tắc thiết kế ban đầu thì tôi xin phép từ chối) hoặc {{OK?}}
Chưa đồng ý. Các bạn cũng có thể đề xuất các thiết kế khác trong đợt này.
@MeigyokuThmn, Nguyễn M. Đức, DHN, Greenknight dv, Khủng Long, TheletterofRhea, Mongrangvebet, Nacdanh, Trần Nguyễn Minh Huy, Nguyentrongphu, Kim cương xanh, Đông Minh, Băng Tỏa, Lệ Xuân, P.T.Đ, Alphama, Truy Mộng, Langtucodoc, Mintu Martin, Violetbonmua, Keo010122, Baoothersks, Buiquangtu, Đức Anh, Tàn Kiếm, Mạnh An, ThiênĐế98, NXL1997, Mxn, Prenn, Tuanminh01, Quenhitran, Q.Khải, NhacNy2412, và Nguyenhai314: Xin mời một số anh/chị từng góp ý về vấn đề Trang Chính tham gia thảo luận. Nếu có tag nhầm thì thứ lỗi.Thiện Hậu – Pokémon Trainer (thảo luận) 04:33, ngày 6 tháng 2 năm 2021 (UTC)
:^)
Ngoài ra, tôi xem việc có khung Cải thiện nội dung là một bước tiến quan trọng, nên tôi Chưa đồng ý Trang Chính này, nhưng vẫn rất cảm ơn bạn đã thiết kế cho cộng đồng lựa chọn. --minhhuy (thảo luận) 11:32, ngày 6 tháng 2 năm 2021 (UTC) ;)
– ~ Nguyenhai314 (thảo luận) 13:10, ngày 6 tháng 2 năm 2021 (UTC)This article uses material from the Wikipedia Tiếng Việt article Trang Chính mới (Giao diện Wiki hộp phẳng 2021), which is released under the Creative Commons Attribution-ShareAlike 3.0 license ("CC BY-SA 3.0"); additional terms may apply (view authors). Nội dung được phát hành theo CC BY-SA 4.0, ngoại trừ khi có ghi chú khác. Images, videos and audio are available under their respective licenses.
®Wikipedia is a registered trademark of the Wiki Foundation, Inc. Wiki Tiếng Việt (DUHOCTRUNGQUOC.VN) is an independent company and has no affiliation with Wiki Foundation.