2009-07-22 66 views
13

Tôi hiện là sinh viên khoa học máy tính có trẻ vị thành niên về tâm lý học. Tôi có lập trình xuống khi nói đến thiết kế phần mềm, nhưng không quá nhiều thiết kế giao diện người dùng. Một số sách/trang web/blog hay để học các nguyên tắc thiết kế cho giao diện người dùng và/hoặc trang web là gì?Thiết kế học tập cho giao diện người dùng và thiết kế trang web

+4

Nếu tôi là bạn tôi sẽ chỉ sao chép stackoverflow. ;-) – Kredns

+1

Haha. Vâng, tôi thực sự ấn tượng với thiết kế của nó. Tôi rất muốn tìm hiểu những gì cần thiết để thiết kế các trang tương tự trong tương lai. :) –

Trả lời

12

A phải đọc: Don't Make Me Think

+0

Lucas đánh tôi với nó :) –

+1

Yep, +1. Đầy đủ các kỹ thuật UI đơn giản, dễ đọc, phổ biến mà mọi người nên sử dụng. Và đó là một niềm vui đọc quá! – Dhaust

+2

Cá nhân, tôi thấy 'Đừng làm cho tôi suy nghĩ' một chút lỗi thời, bất kể tuyên bố của tác giả rằng dữ liệu là vô tận. Bản thân cuốn sách chắc chắn không được thiết kế tốt, điều này khiến tôi còn lưỡng lự hơn nữa. 'Kỹ thuật giao diện người dùng' và 'Phương pháp HCI' rất hữu ích, nhưng không giống như giao diện/thiết kế tương tác (theo ý kiến ​​của tôi). – arbales

2

Jakob Nielsen 's Useit.com. Rất nhiều tác phẩm ở đó, và về cơ bản nó là về kỹ thuật khả năng sử dụng (ví dụ, không phải về mặt thẩm mỹ của thiết kế), điều này gây tranh cãi cho nhiều nhà thiết kế web.

A List apart cung cấp một loạt mẹo và thủ thuật cũng như các bài viết về bố cục và thiết kế web.

+0

Typo: useit.com – RexE

+0

Thx, thay đổi đã – xandy

7

Tôi muốn nhìn vào A List ApartSignals vs. Noise để được tư vấn tốt, nhưng tìm hiểu về thiết kế là khoảng phơi bày bản thân đối với nhiều thiết kế tốt và xấu - nhìn vào các trang web thực sự được thiết kế tốt (như những người thực hiện bởi HappyCog, SimpleBits, hoặc Airbag Industries). Nhìn vào tất cả những người làm việc ở đó, blog của họ, công việc của họ, sách của họ - được truyền cảm hứng nhưng không bao giờ sao chép.

Tôi cũng sẽ cảnh giác với các trang web dành riêng cho thiết kế 'trải nghiệm người dùng' hoặc 'khả năng sử dụng', nhiều nguyên tắc thiết kế không liên quan đến kiểm tra người dùng, nghiên cứu hoặc HCI và tập trung nhiều vào những điều đó có thể dẫn đến sự phát triển của các phương pháp hơn là ý nghĩa. Tôi khuyên bạn nên tham gia một lớp học trong thiết kế truyền thông và học về loại. Thiết kế tốt bắt đầu với loại và phân cấp - Thinking With Type là một cuốn sách giới thiệu tuyệt vời. Cũng đọc về hệ thống lưới và tâm lý gestalt.

Chúc may mắn!

1

Một trong những cách tốt nhất để cải thiện thiết kế giao diện người dùng là nhìn xung quanh. Nhìn vào thiết kế của các trang web/ứng dụng với một con mắt quan trọng.

Xem những gì bạn thích và không thích về các yếu tố khác nhau của các trang web này. Theo thời gian, điều này sẽ làm cho bạn một nhà thiết kế web tốt hơn nhiều.

0

Một cuốn sách nữa sẽ hữu ích là "Thiết kế của những điều hàng ngày" của Donald.A. Norman. Mặc dù không nói về thiết kế GUI, cuốn sách này nói về thiết kế nói chung và cách tốt nhất một số thứ mà chúng ta tiếp xúc (nói cửa) có thể được thiết kế tốt hơn để không cần hướng dẫn rõ ràng đối tượng (nói cửa) là nghĩa vụ phải làm.

6

Sách consummate về thiết kế giao diện người dùng là Don't Make Me Think. Ngoài ra, The Design of Everyday Things là khai sáng mặc dù nó không cụ thể về thiết kế giao diện người dùng.

Điều đó nói rằng, trải nghiệm của tôi với thiết kế giao diện người dùng chủ yếu tập trung vào các ứng dụng web. Tôi đã tìm thấy tác phẩm của Dan Cederholm để trở thành người khai sáng nhất trong việc thiết kế giao diện người dùng tuyệt vời cho web. Một trong những khía cạnh quan trọng nhất của thiết kế web là đảm bảo các trang web có thể truy cập đúng ngữ nghĩa và Cederholm thực hiện công việc tuyệt vời mô tả cách thực hiện điều đó trong Web Standards Solutions, theo sau là Bulletproof Web Design.

Mặc dù CSS Zen Garden có thể không rõ ràng về thiết kế giao diện người dùng nhưng đây là một ví dụ nổi bật về những gì có thể được thực hiện trực quan thông qua thiết kế dựa trên CSS.

Cuối cùng, phần thường bị bỏ qua của thiết kế giao diện người dùng đang cung cấp thông báo lỗi hiệu quả. Trong khi, Defensive Design for the Web nhấn mạnh thiết kế lỗi web nhiều những gì được mô tả có thể áp dụng cho các phương tiện khác. Những người chịu trách nhiệm về cuốn sách 37Signals duy trì một blog tuyệt vời Signal vs. Noise.

+0

lol @ "áp chót" – priestc

+1

áp chót - 1: bên cạnh cuối cùng 2: hoặc liên quan đến một trước cái sau cùng có nghĩa là tôi đã sử dụng từ không chính xác. :) – ahsteele

2

Smashing Magazine (bài viết mới hàng ngày) bao gồm nhiều chủ đề trong đó bao gồm nhiều bài viết thiết kế chất lượng tốt. Usability Post cũng có một số tài liệu chất lượng, mặc dù nó không được cập nhật thường xuyên.

+0

+1 cho Tạp chí đập –

0

Tôi thực sự thích Designing the Obvious. Nó có rất nhiều ý tưởng tốt, đơn giản và nó đủ ngắn để đọc trong một hoặc hai ngày để có được cảm giác và sau đó đọc lại sau để chìm sâu hơn.

0

Bạn cũng sẽ tìm thấy một số câu trả lời (bao gồm cả tôi) tại this recent Stack Overflow question.

danh sách phải đọc của tôi bao gồm:

  • các Non-Designer của Thiết kế sách
  • The Elements of Typographic Phong cách
  • thiết kế của Màu Manual ad/hoặc Ánh sáng và màu sắc trên tạp chí Nature và Nghệ thuật
  • Hầu như bất cứ điều gì bởi Wucius Wong, đặc biệt là Principles of Form và Thiết kế
  • Lịch sử của Thiết kế đồ họa Meggs', và/hoặc Thiết kế đồ họa History bởi Steven Heller
  • các tác phẩm của Edward Tufte
  • Kiến trúc Thông tin (Rosenfeld)
  • Thiết kế giao diện (Tidwell)
  • Làm quen với công việc của Jakob Nielsen nhưng đừng để nó chạy cuộc sống của bạn
  • Michael Angeles' website, urlgreyhot
  • Khoi Vinh's website, Subtraction
0

Một cuốn sách mà một người bạn của tôi là đọc là các yếu tố của thiết kế: Một hướng dẫn kiểu đồ họa. Tôi nghĩ tôi chỉ đề cập đến nó ở đây.

2

chỉ cần làm theo SMASHINGMAGAZINE .. tốt nhất trên internet

0

Nhận một bản sao của Designed for Use bởi Lukas Mathis.

Đáng đọc cho đến cuối cùng.

Các vấn đề liên quan