Phê bình: Thiết kế trang web Tritium


9

Theo dõi câu hỏi này: Phê bình: Thiết kế logo phần mềm Tritium . Để xem lại mã trang web (hiệu suất, lỗi, trải nghiệm người dùng liên quan), vui lòng truy cập câu hỏi chị em trên Đánh giá mã .


Tôi đang tìm kiếm một đánh giá về thiết kế cho trang web Tritium của tôi ( mã nguồn ).

nhập mô tả hình ảnh ở đây

Đặc biệt:

  • Một mục tiêu của trang web là giữ cho nó đơn giản. Tôi đã hoàn thành nó chưa?
  • Các màu trong bảng màu của tôi có bổ sung cho nhau không?

    • Lý lịch: #171d25
    • Nguyên tử hoạt hình: #333
    • Logo: #f8bd24
    • Văn bản liên kết: #6e6e6e
    • Tiêu đề thương hiệu, văn bản liên kết di chuột, nút: #78C40F
    • Thanh điều hướng: #000
    • Bài kiểm tra cơ thể: #fff
  • Có phải tất cả các phê bình trong quá khứ được thực hiện chính xác thiết kế khôn ngoan? Tôi đã quá nhiệt tình?

  • Sự lựa chọn phông chữ của tôi có hoạt động tốt với phần còn lại của giao diện trang web không?

  • Có bất kỳ khái niệm thiết kế nào tôi bỏ qua và chưa thực hiện?

Tôi vẫn còn hơi mới đối với thiết kế trang web, vì vậy xin hãy khắc nghiệt khi cần thiết với điều này.


Tôi nghĩ rằng màu sắc trông ổn. Rõ ràng là tôi không biết quá nhiều về nền tảng hoặc tư vấn về thiết kế, nhưng cá nhân tôi sử dụng plugin Eye Dropper cho Chrome cùng với Paletton.com. Nó cung cấp cho bạn một phạm vi linh hoạt tuyệt vời trong việc lựa chọn màu sắc phù hợp. Công cụ Eye Droppper cũng cung cấp cho bạn rất nhiều tùy chọn để khai báo màu đó trong CSS / HTML.
Thương hiệu Argentina

Khi nhấp vào "Truy cập trang tải xuống", một tab mới được mở nhưng tôi không nhận thấy điều đó, bởi vì một cửa sổ bật lên xuất hiện và tôi nghĩ đó là tất cả những gì đáng lẽ phải xảy ra ... Nếu tab mới được mở và tập trung vào người dùng sẽ không bỏ lỡ nó Sử dụng target = "_ blank" sẽ thực hiện thủ thuật (kiểm tra w3schools.com/html/html_links.asp ). Nếu bạn cũng làm cho nó trông giống như một liên kết thông thường (màu xanh, gạch chân hoặc tương tự) tôi nghĩ mọi người sẽ cho rằng nó mở một tab mới.
Henrik Ekblom

1
Tôi đồng ý với những lời phê bình về cửa sổ bật lên. Tôi sẽ thêm một nút trong cửa sổ bật lên để nhấp vào, sau đó sẽ tiếp tục vào trang github, thay vì mở hai thứ cùng một lúc. Bằng cách này, công việc thực sự tuyệt vời trên trang web.
Hanna

Tôi sẽ cung cấp cho popover xuất hiện khi liên kết trang tải xuống Truy cập được nhấp vào phần đệm thêm một chút giữa cạnh và văn bản, và có lẽ cũng giảm kích thước và dẫn đầu của bản sao trong đó một chút. Và thêm một trình lắng nghe sự kiện để đăng ký các lần nhấp thoát để thoát khỏi cửa sổ bật lên, trong khi bạn đang ở đó thì popovers không phản ứng với các lần nhấp thoát là một sự phiền toái cho người dùng. :-)
Janus Bahs Jacquet

Câu trả lời:


1

Thiết kế tuyệt vời! Tôi đặc biệt thích hoạt hình nguyên tử ở bên phải.

Tôi thích màu sắc của bạn. Để thay thế, bạn có thể sử dụng màu xanh đậm cho nền. Điều này mang lại cho trang một độ sâu như bầu trời đêm màu xanh:

Ảnh chụp màn hình của trang với bảng màu thay thế

Tôi đã sử dụng Colorizr.js để chơi với bảng màu của bạn. Nếu bạn muốn tinh chỉnh màu sắc của mình, hãy sử dụng các cài đặt sau phù hợp với trang của bạn:

Cài đặt Colorizr.js

Các màu sắc từ trên xuống dưới: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)


1

Tôi nghĩ rằng thiết kế trang web hoạt động. Tôi thích quá trình chuyển đổi của bạn cho các liên kết tiêu đề. Giao tiếp rõ ràng và súc tích.

Bảng màu làm tôi nhớ đến một công ty dinh dưỡng hoặc tương tự.

Tôi nghĩ rằng sự lựa chọn phông chữ hoạt động tốt cho trang web liên quan đến công nghệ. Tôi có lẽ sẽ loại bỏ khuôn mặt serif cho khuôn mặt sans-serif miễn phí, nhưng đó hoàn toàn là sở thích cá nhân.

Ngoài ra, tôi nhận thấy rằng về khả năng phản hồi, việc thả xuống có thể hữu ích trong các tiêu đề của bạn khi được xem trên màn hình nhỏ (di động). Vì tôi chưa quen với khía cạnh mã hóa của thiết kế đồ họa, tôi cảm ơn bạn vì đã bao gồm các tệp nguồn. Tôi có thể sẽ mổ xẻ nó và tìm hiểu một số chuyển đổi tiêu đề bạn đã thực hiện.


0

Không chính xác là một vấn đề thiết kế, nhưng về khả năng sử dụng -
Trang web cho biết nó MIỄN PHÍ, nhưng khi bạn nhấp vào 'XEM TẢI XUỐNG TRANG', cửa sổ bật lên yêu cầu quyên góp. Nếu tôi không muốn tặng trước khi dùng thử phần mềm thì sao? Cần có một tùy chọn khác như 'TIẾP TỤC' hoặc 'HỦY BỎ' để người dùng thực sự có thể truy cập trang tải xuống và tải xuống phần mềm, nếu anh ấy / cô ấy không tặng.

Vì vậy, tôi khuyên bạn nên thiết kế lại bố cục của cửa sổ bật lên và bao gồm một nút khác theo đề xuất.


-2

Bạn sẽ không giành được nhà thiết kế của năm cho điều đó. Nhưng càng ít có, càng ít có sự không thích tôi đoán.

Phiên bản màu vàng của biểu tượng có hình elip cao hơn rộng:

nhập mô tả hình ảnh ở đây

Nó trông kỳ lạ và thậm chí kỳ lạ như một mù tạt trên màu xám khi nó được đặt trong biểu tượng tab trình duyệt. Nếu bạn định tạo biểu tượng tab trình duyệt thì chỉ cần làm cho nó có màu xám đen hoặc đen.

Có vẻ như chỉ có một thứ để nhấp vào đó là "truy cập trang tải xuống". Nếu đó là tất cả những gì bạn có, tại sao nó không phải là trang?

Nó yêu cầu tiền nhưng trình duyệt của tôi không cung cấp bất cứ điều gì khác. Có thể nó có trong trình duyệt của bạn, nhưng tôi sử dụng TorBrowser và tất cả các bạn cũng vậy. NSA là ác. Dù sao, với những gì đáng giá, nó chỉ bật lên một hộp thoại và không làm gì cả.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.