Giao diện GUI ứng dụng web được thiết kế tốt?

Question

Là một trong những người không bao giờ có được thiết kế học tập đúng đắn (hoặc không có tài năng cho nó), thiết kế dường như là bước luôn giữ tôi lại. Đây không phải là vấn đề đối với các khách hàng giàu, vì các bộ công cụ GUI tiêu chuẩn cung cấp một số cách chấp nhận được để thiết kế giao diện đẹp mắt, nhưng web lại là một câu chuyện khác.

Câu hỏi: Có ai biết khuôn khổ chất lượng cao để thiết kế giao diện ứng dụng web không? Tôi đang nghĩ về các đoạn mã html chuẩn cho một bộ điều khiển đầy đủ (các điều khiển html tiêu chuẩn cộng với các điều hướng, danh sách, biểu mẫu) và các trang mẫu để cho nó có giao diện hiện đại, được chấp nhận. Nếu một điều như vậy tồn tại, nó thậm chí có thể hỗ trợ các chủ đề theo cách wordpress, drupal, vv cho phép nó.

Tôi biết về yahoo yui, nhưng đó là chủ yếu là javascript, mặc dù css lưới của họ là một bước đi đúng hướng.

Answer 1

Tôi nhận thấy đây là một chủ đề cũ nhưng nó vẫn xuất hiện trong các tìm kiếm của Google, vì vậy đáng lưu ý là gần đây Twitter đã đưa ra Twitter Bootstrap, một bộ công cụ để khởi động CSS cho các trang web, ứng dụng và hơn thế nữa ! »https://github.com/twitter/bootstrap

Answer 2

Tôi không chắc chắn rằng những gì bạn đang tìm kiếm tồn tại theo cách bạn đang tìm kiếm. Tuy nhiên, tôi đã có một số may mắn với những nơi như Open Source Web Design và Open Designs, trong đó có một số mẫu thực sự mượt mà có thể được điều chỉnh cho một ứng dụng web để chúng ít nhất không giống như crap.

Ngoài ra còn có một số dịch vụ thương mại, chẳng hạn như Gooey Templates.

Khi bạn sắp bắt đầu gần hơn để khởi chạy, bạn có thể liên hệ với chuyên gia để sửa các chi tiết cho bạn hoặc chỉ đơn giản là xây dựng dựa trên những gì bạn có.

Chỉnh sửa để thêm: Bạn cũng có thể muốn cân nhắc việc học Blueprint CSS. Tôi đã tìm thấy nó giúp hướng dẫn bố trí của tôi và giúp họ nhìn "đúng", mà không ràng buộc tôi với bố cục xây dựng cho mục đích khác.

Answer 3

Bạn có lẽ cũng tìm thấy vô số các mẫu Wordpress hợp lý hữu ích để xây dựng trên, như Wordpress ít nhất là hợp lý khi tách nội dung khỏi bố cục. Các cũng có xu hướng có một cảm giác bloggy hiện đại. Tất nhiên hợp tác với một nhà thiết kế tài năng là cách lý tưởng để trải nghiệm của tôi! :)

Answer 4

Hãy thử samples on ExtJs. Tôi thấy chúng vô cùng hữu ích trong việc xây dựng giao diện người dùng. (cây, bảng, phương thức, v.v.)

Answer 5

Tôi sẽ đề xuất Google Web Toolkit nếu bạn là nhà phát triển Java. Examples

Tôi cũng sẽ là gợi ý thứ hai cho số Ext JS. Nó có một mảng rộng lớn các yếu tố giao diện người dùng thực sự mượt mà, mã tài liệu cực kỳ tốt và một cộng đồng vững mạnh.

Answer 6

Điều này sẽ nhiều hơn một khung OP ban đầu muốn nhưng tôi khuyên bạn nên xem Morfik.

Bạn sẽ có thể tạo giao diện người dùng khá mượt mà với cách kéo thông thường & cách thả và hỗ trợ theming (Trang chủ được xây dựng bằng Morfik). Có rất nhiều lợi thế khác mà Morfik cung cấp, mặc dù cho phép tôi không trôi dạt về chủ đề không chính xác. Bạn có thể tải xuống bản dùng thử và xem ...

ps. Disclaimer: Tôi đã làm việc cho họ.

Answer 7

Khám phá http://jacanasoftware.com. Các mẫu của chúng có các tab đa cấp, css sạch sẽ, nó xác thực và CSS sẽ không gây rối với các điều khiển của bạn. Tôi rất khuyên họ.

Answer 8

bạn có thể xem trang web trẻ này, http://guitemplates.com/. Các mẫu khá rõ ràng và hiện đại, và với 20 đô la mỗi mẫu, chúng sẽ không phá vỡ ngân sách của bạn.

Answer 9

Chúng tôi đã có cùng một vấn đề vì vậy chúng tôi đã thực hiện riêng của mình. Giao diện người dùng CSS (http://css-ui.com/), khung giao diện người dùng nguồn mở. Khái niệm này là sử dụng các lớp CSS được định nghĩa trước để tạo kiểu cho bất kỳ phần tử nào.