Tôi là một nhà phát triển web có khả năng vừa phải. Tôi có thể đặt những thứ mà tôi muốn nó đi và đặt một số thứ JQuery vào đó nếu tôi cần. Tuy nhiên, nếu tôi đang làm trang web của riêng mình (mà tôi đang bắt đầu làm) tôi không biết làm thế nào để thiết kế nó. Nếu ai đó ngồi cạnh tôi một điểm vào màn hình và nói "đặt bức ảnh này ở đó, nhắn tin ở đó" tôi có thể làm điều đó khá dễ dàng. Nhưng thiết kế trang web của riêng tôi với sự lựa chọn màu sắc và văn bản của tôi sẽ trông giống như một đứa trẻ mới biết đi đã phát minh ra nó.

Có ai biết bất kỳ trang web / cuốn sách nào tôi có thể xem hoặc có ai có bất kỳ lời khuyên nào về những điều cơ bản của thiết kế web không chập chững không?

Bạn có một vài điều để làm.

Lời khuyên:

Học cách sử dụng Photoshop. (Đặc biệt, các kiểu lớp là tuyệt vời. Chỉ cần lưu ý rằng chúng có thể là các hiệu ứng khó thực hiện lại trong CSS2) Nó đi một chặng đường dài hướng tới việc tạo ra các mockup tốt.

Nhìn vào các trang web được thiết kế chuyên nghiệp. Những trang web nào bạn đã đến đó trông đẹp với bạn?

Tìm các trang web làm phiền bạn và xem xét những gì có thể làm cho nó tốt hơn. Nhìn vào quảng cáo sản phẩm là tốt. Bao bì thực phẩm. Quảng cáo trên báo. Bạn đặt tên cho nó.

Ngoài ra, một khi bạn bắt đầu hiểu rõ về nó, hãy luyện tập, luyện tập, luyện tập. Đồ họa cần có thời gian để phát triển như một kỹ năng, đặc biệt là từ một lập trình viên có mã hóa để xem xét. (Grad grad vs "tililityility")

Công cụ:

(Photoshop là một sở thích cá nhân. Paint.NET là một lựa chọn tốt cho Windows, nhưng không mạnh bằng.)

Hệ thống lưới 960 của Nathan Smith . Nó có các mẫu cho nhiều chương trình đồ họa chính thống. Kiểm tra nó ra.

Tài liệu tham khảo:

Nhìn vào một số trang web sau: (Tôi đã thấy nhiều hơn, tôi sẽ cố gắng thêm khi tôi bắt gặp chúng)

• Một danh sách ngoài
• John McCain
• BarackObama.com
• Hayon2010.com (Được rồi, tôi đã tạo cái này, nhưng tôi nghĩ rằng nó rất hay. Chỉnh sửa: Tôi cũng đánh giá cao ý kiến ​​về nó. ;-D)

Mặt thực tế

Chắc chắn có một số khía cạnh thực tế của thiết kế từng bước rất quan trọng để tìm hiểu. Không phải mọi thứ đều chủ quan.

   • Hướng dẫn thiết kế web: http://webdesign.tutsplus.com/

   • Hướng dẫn Photoshop: http://sheet.tutsplus.com/

   • Tấn hướng dẫn: Lynda

Cảm hứng

   • Trang web: Phong cách chưa từng có

   • Trang web: Abduzeedo

   • Sách: Hướng dẫn thành công trực tuyến

   • Trang web: Tạp chí Đập

Kỹ năng thiết kế

Thiết kế chung

   • Sách: Thiết kế đồ họa: Những điều cơ bản mới

   • Sách: Thiết kế đồ họa, tài liệu tham khảo

   • PDF: The Big Four: Tương phản, lặp lại, liên kết, gần

Kiểu chữ

   • Sách: Suy nghĩ với Loại

   • Sách: Các yếu tố của phong cách đánh máy

   • Bài viết: http://en.wikipedia.org/wiki/Typography

   • Bài viết: http://www.in informationarchitects.jp/en/the-web-is-all-about-typography- period /

Bố trí

   • Sách: Bố cục bài tập

Màu

   • Sách: Sách thiết kế màu

   • Sách: Work Harmony Color

Triết lý thiết kế

"Sai lầm ngớ ngẩn nhất là xem thiết kế như một việc bạn làm ở cuối quá trình để 'dọn dẹp' mớ hỗn độn, trái ngược với việc hiểu đó là vấn đề 'ngày một' và là một phần của mọi thứ." -Tom Peters

"Thiết kế tốt giữ cho người dùng hài lòng, nhà sản xuất trong màu đen và esthete không được bảo vệ." -Raymond Loewy

"Thiết kế thanh lịch thực sự kết hợp chức năng hàng đầu thành một hình thức đơn giản, không lộn xộn." -David Lewis

"Thiết kế tốt là kinh doanh tốt." -Thomas J. Watson Jr.

Thêm trích dẫn

Điều này có thể hơi lạc đề, nhưng tôi nhớ Jeff Atwood rất khuyến khích cuốn sách Đừng làm tôi suy nghĩ . Nó mô tả cách bạn nên thiết kế trang web của mình để có trải nghiệm người dùng tốt nhất.

Ogilvy on Advertising: cuốn sách này bao gồm một số điều cơ bản về thiết kế đồ họa cũng như rất nhiều ý nghĩa thông thường trong việc tạo ra bất kỳ loại tờ rơi, quảng cáo, v.v. ngay cả khi nó được viết theo cách trước thời đại www.

Tổng quát hơn, duyệt sách và tạp chí về thiết kế đồ họa, mỹ thuật, trang trí nội thất, làm phim - có rất nhiều nguyên tắc thiết kế phổ biến để làm cho một cái gì đó hấp dẫn trực quan và làm cho thông tin hoặc nội dung khác hấp dẫn. Giống như cách điện từ là phổ biến đối với điện tử, khoa học hành tinh, hóa học, hạt nhân và các lĩnh vực vật lý và kỹ thuật khác.

Một cuốn sách hay khác trong không gian này sẽ là The Design of Everday Things. Nó bao gồm rất nhiều ý tưởng thực tế như ưu tiên các thiết kế cho vay để sử dụng dễ dàng bằng cách tận dụng cách mọi người tiếp cận một cách tự nhiên một điều mới. Cuốn sách không đặc biệt về UI hay thiết kế web, nhưng tôi tin rằng nó bao gồm một chút.

Một ví dụ sớm trong cuốn sách là cánh cửa. Anh ấy nói về cách các cánh cửa có núm hoặc tay cầm ở một bên và bản lề có thể nhìn thấy là trực quan, bởi vì bạn biết cánh cửa sẽ mở bằng cách đẩy hoặc kéo về phía đó. Những cánh cửa lạ mắt với bản lề ẩn, thanh đẩy trên toàn bộ cửa hoặc núm xoay ở giữa rất khó và cần một thời gian thử nghiệm vì chúng hoạt động không trực quan.

Một công cụ tôi thấy vô giá trong thiết kế là Color Scheme Designer . Tôi thường chọn một màu tôi muốn dựa trên thiết kế và sau đó sử dụng lược đồ "Tương tự" để có được một bộ màu phù hợp. Đối với tôi, làm cho màu sắc phù hợp là phần tồi tệ nhất, vì vậy sau đó, phần còn lại chỉ là bố trí đẹp và áp dụng bảng màu hạn chế.