Nhờ có internet, thiết kế đồ họa và lập trình đang trở thành các lĩnh vực ngày càng chồng chéo.

Là một lập trình viên, tôi liên tục thấy mình cần kiến ​​thức cơ bản về Thiết kế đồ họa, nhưng gặp khó khăn trong việc tìm kiếm các tài nguyên học thiết kế đồ họa kỹ lưỡng nhưng ngắn gọn, và thay vào đó thường tìm thấy các mẩu và kiến ​​thức áp dụng cho nhiệm vụ trong tay.

Các bạn có thể cung cấp một số mẹo hoặc giới thiệu một số sách, hướng dẫn, blog và trang web tốt cung cấp tổng quan về trình độ mới bắt đầu về thiết kế web, theo kinh nghiệm của bạn, các tài liệu học tập hiệu quả và chất lượng cao. Tôi không tìm kiếm lời khuyên về cách sử dụng các công cụ chỉnh sửa hình ảnh, nhưng giả sử nắm bắt cơ bản về những công cụ đó, những tài nguyên và lời khuyên nào sẽ giúp một nhà thiết kế mới tạo ra các thiết kế chuyên nghiệp?

• Luôn đơn giản - Đừng cố làm bất cứ điều gì quá màu mè hoặc mạo hiểm lúc đầu. Lấy những điều cơ bản xuống trước, sau đó bạn có thể bắt đầu thử nghiệm. Đừng cố gắng mô phỏng giao diện máy tính Star Trek.
• Hãy nhất quán - Một thiết kế phù hợp là một phần của nền tảng của một thiết kế tốt. Theo dõi lề, kích thước và vị trí của bạn và duy trì chúng trong suốt thiết kế.
• Loại bỏ sự lộn xộn - Chỉ bao gồm các yếu tố cần thiết cho thiết kế. Loại bỏ mọi thứ khác.
• Ưu tiên - Mục đích chính của thiết kế là gì? Nhấn mạnh mục đích đó. Làm cho nó rõ ràng.
• Sử dụng khoảng trắng - Cho phép lề thích hợp. Các khối văn bản lớn với ít hoặc không có lề không thể đọc được. Ditto cho các yếu tố thiết kế khác.
• Sử dụng Bảng màu - Bạn không nên sử dụng tổng cộng hơn 4-5 màu.
• Phông chữ nhất quán - Bám sát một hoặc hai phông chữ. Sử dụng chúng một cách nhất quán, thường là một cho các tiêu đề, một cho văn bản đoạn văn. Tính toán và duy trì kích thước phông chữ nhất quán, chiều cao dòng và khoảng cách dòng. Không sử dụng Comic Sans trừ khi bạn có thể chống đỡ lũ thây ma Velociraptor điên cuồng.
• Thiết kế đầu tiên - Thiết kế không nên là một suy nghĩ sau; nó phải là một thành viên hạng nhất của giai đoạn lập kế hoạch. Thiết kế sẽ là cách người dùng của bạn tương tác với chương trình của bạn và họ sẽ đưa ra ý kiến ​​của họ trước tiên và chủ yếu dựa trên thiết kế của bạn. Cho thiết kế tầm quan trọng thích hợp của nó.

Về tài nguyên, bạn kiểm tra bất kỳ trang web nào sau đây:

• Tạp chí đập phá
• Tuts PSD
• Abuzeedo
• Gian hàng UX
• Tôi thích kiểu chữ
• Jason Santa Maria

Chỉ số cơ bản về thiết kế của Jim Krause đã cho tôi một bản tóm tắt rất tốt về những điều cơ bản về bố cục, màu sắc và loại. Tôi không phải là một fan hâm mộ lớn của hầu hết các ví dụ của anh ấy, nhưng họ minh họa điểm của anh ấy rất tốt và anh ấy chạm vào một vài điều có giá trị mà tôi chưa thấy đề cập nhiều ở nơi khác. Và có lẽ quan trọng nhất, đọc nó khiến tôi thực sự thích thú khi ra ngoài và thử nghiệm những ý tưởng mà anh ấy đang giới thiệu.

Đôi khi có sự trùng lặp nhỏ giữa phát triển web và thiết kế web, nhưng tôi không nghĩ các nhà phát triển web nên cố gắng trở thành nhà thiết kế toàn thời gian trừ khi họ sẵn sàng nỗ lực hết mình cho việc học lập trình. Đó không phải là thứ mà bạn có thể lao vào cuối tuần và giỏi.

Nếu điều này là để bạn có thể học cách trở thành nhà thiết kế web của riêng bạn (nghĩa là thiết kế web của riêng bạn cho tất cả các trang web bạn làm việc), thì tôi thực sự khuyên bạn nên được đào tạo chính thức (ngay cả khi chỉ học vài khóa thiết kế đại học) để tìm hiểu các nguyên tắc cơ bản của thiết kế và thành phần trực quan. Một cuốn sách thiết kế theo phong cách sách giáo khoa như cuốn Damon đã đăng có thể giúp ích, nhưng bạn sẽ thực sự phải thực hiện tất cả các bài tập trong cuốn sách và đảm bảo rằng bạn hiểu tài liệu. Nhưng quan trọng nhất, bạn cần dành nhiều thời gian để xem (duyệt qua các phòng trưng bày thiết kế trực tuyến, lướt qua các tạp chí và quảng cáo tạp chí, v.v.) và tạo ra các thiết kế (tải về một số tóm tắt thiết kế thực hành trực tuyến hoặc tham gia các cuộc thi thiết kế trực tuyến).

Nếu đó là để giúp bạn giao tiếp với các nhà thiết kế web / đồ họa mà bạn làm việc cùng, thì chỉ cần lấy một cuốn sách dạy bạn từ vựng (ví dụ như các khái niệm kiểu chữ) và tập trung vào khả năng sử dụng , khả năng truy cập và thiết kế UX có lẽ là cách sử dụng tốt nhất thời gian của bạn. Bằng cách này, bạn có thể tham gia vào định hướng sáng tạo của dự án và giúp thiết kế các giao diện, nhưng nhà thiết kế là người tạo ra "cái nhìn" hoặc tính thẩm mỹ của trang web.

Virtuosi Media liệt kê rất nhiều tài nguyên tốt (nói chung, mạng Tutsplus rất tuyệt và Tạp chí Smashing là thứ phải đọc cho bất kỳ nhà phát triển / thiết kế web nào), mà tôi muốn thêm:

• http://www.alistapart.com/
• http://webdesignledger.com
• http://behance.net - tổ chức danh mục đầu tư của rất nhiều nhà thiết kế đẳng cấp thế giới để lấy cảm hứng từ

Bản thân tôi là một lập trình viên và cho tôi những cuốn sách sau đây rất hữu ích cho tôi:

• Cuốn sách thiết kế không phải của nhà thiết kế của Robin Williams: Cuốn sách này bao gồm những điều cơ bản của thiết kế đồ họa.
• Vẽ bên phải bộ não của Betty Edwards: Cuốn sách phát triển kỹ năng vẽ của bạn.
• Giao diện nhân đạo của Jef Raskin: Cuốn sách này gợi lên một số suy nghĩ về thiết kế giao diện người dùng.

Có lẽ không liên quan đến tất cả các trường hợp, nhưng đối với người lập trình web, một trong những điều lớn nhất đối với tôi, có lẽ thu hẹp khoảng cách một chút, là học CSS từ trong ra ngoài, vì có thể thiết kế tốt không có nghĩa gì cả nếu bạn không thể tích hợp nó vào dự án mà bạn đang tạo.

Vào năm 2004, tôi thấy mình ở giữa hai thế giới, vì tôi đã ở hầu hết cuộc đời - tôi đã làm web từ HTML 3.2 trong những ngày dot-com; lớn lên với một Apple // e bởi cha mẹ (một biên đạo múa và một nhà giáo dục), người đã cho phép và khuyến khích tôi dành nhiều thời gian cho nghệ thuật. Thiết kế không phải là nghệ thuật, và trên thực tế, một số mẫu thuật toán hơn của nó phù hợp với lập trình, cho dù bạn đang làm web hay không.

• Bookshelf Histogram - một bản in tôi đã làm ở trường đại học, cả thiết kế-y và nhà phát triển-y.

Nhưng vâng, năm 2004: Tôi đã phân chia sự khác biệt khi tôi đi học cao học, nơi lần đầu tiên tôi có một nền giáo dục đánh máy hạng nhất, và sau đó là vĩ độ để khám phá - trong thời gian sau đó, những thông tin táo bạo của tôi đã có ích.

Vì vậy, có lẽ xem xét giáo dục đại học, hoặc bất cứ điều gì tương tự như vậy tham gia vào một thời trang tiêu thụ cho bạn. Chúc may mắn với một trong hai cách.

Tìm hiểu rất nhiều về kiểu chữ.

Từ những tác phẩm kinh điển ...

^{Jan Tschichold}

Không những chú hề ...

^{David Carson}

Kiểu chữ chiến lược và hiệu quả là một trong những phẩm chất thường vắng mặt nhất trong lĩnh vực này (và luôn luôn có).

Tôi thường có thể tuyển dụng một nhà thiết kế hoàn toàn dựa trên cách xử lý kiểu của họ. Khoảng 80% câu chuyện là đúng trong bản lý lịch được thiết lập.

Một khởi đầu tốt (miễn phí) là sự thích ứng chi tiết này của tài nguyên thiết yếu từ Robert Bringhurst để áp dụng cho web.

^{Các yếu tố của phong cách đánh máy}

Đây là một xem xét rộng hơn liên quan đến sự tương tác của loại và bố cục.

^{Hệ thống lưới trong thiết kế đồ họa, Brockmann}

1. Hãy suy nghĩ chín chắn về những đồ vật được thiết kế xung quanh bạn

   Gần như mọi thứ trong môi trường nhân tạo đều có một số thiết kế đằng sau nó, cho dù đó là đồ họa, trang web hay phụ kiện thời trang.

   Lưu ý các chức năng thiết kế cho mục đích dự định của nó, cũng như nó trông như thế nào.

2. Hãy nghĩ về thiết kế như một cách để đáp ứng nhu cầu hoặc giải quyết vấn đề

   Trong khi nó cố gắng để làm cho mọi thứ trở nên đẹp, thiết kế khác với các loại hình nghệ thuật khác ở chỗ nó có một ứng dụng thực tế.

   Ví dụ, logo là một loại thiết kế đồ họa giúp thương hiệu hoặc công ty nhanh chóng nhận ra.

   Một bài viết về quần áo phục vụ mục đích che thân, ngoài ra còn khiến người mặc trông hấp dẫn hơn.

3. Thực hành giao tiếp trực quan.

   Nhà thiết kế cần có khả năng tạo ra các bản vẽ hoặc các đại diện khác cho thiết kế của họ để tinh chỉnh chúng và giải thích chúng cho những người khác, chẳng hạn như các đồng nghiệp thiết kế và nhà sản xuất.

   Vẽ là một công cụ mạnh mẽ cho các nhà thiết kế, nhưng đừng lo lắng nếu bạn không thể vẽ theo phương pháp quang học. Bản vẽ của các nhà thiết kế không phải là kiệt tác, chỉ là một cách để nhanh chóng nắm bắt các ý tưởng sẽ dẫn đến thành phẩm. Truy tìm cũng hoàn toàn chấp nhận được.

   Ngoài bản vẽ, các nhà thiết kế cũng sử dụng những thứ như mô phỏng, nguyên mẫu và hình ảnh máy tính để trực quan hóa thiết kế của họ.

4. Khám phá cách mọi thứ được thực hiện

   Khi bạn làm việc như một nhà thiết kế, bạn không chỉ phải xem xét những gì đẹp mắt, bạn luôn phải xem xét cách thiết kế của bạn sẽ được thực hiện.

   Đối với một vật thể như vỏ điện thoại di động, các nhà thiết kế công nghiệp cần suy nghĩ về loại quy trình đúc và nhựa nào sẽ được sử dụng và cách mỗi bộ phận sẽ được gắn với nhau.

5. Tìm nguồn thông tin tốt

   Ngoài các tạp chí thiết kế, hãy tìm các cuốn sách về quy trình, nguyên tắc và phương pháp thiết kế.

   Hãy thử nhìn vào sách giáo khoa và video kỹ thuật cho những thứ xây dựng trang phục, phương pháp sản xuất và các kỹ thuật thủ công khác nhau.

   Tìm hiểu về thiết kế đi sâu hơn đọc tạp chí thời trang và trang trí, mặc dù đây là một nguồn tốt cho xu hướng hiện tại.

6. Phát triển kỹ năng thiết kế của bạn

   Học tập và thực hành là tốt, nhưng điều thực sự sẽ đưa thiết kế của bạn lên một tầm cao mới là trải nghiệm thế giới thực.

7. Nhanh chóng mắc lỗi

   bạn sẽ phạm nhiều sai lầm, và bạn có thể vượt qua chúng càng nhanh thì càng tốt.

8. Luôn sẵn sàng để nắm bắt ý tưởng.

   Tìm kiếm cảm hứng ở khắp mọi nơi. Cảm hứng không phải đến từ các thiết kế hoặc xu hướng thiết kế khác - thường thì nó có thể đến từ thiên nhiên hoặc những điều xảy ra do tai nạn.

Sách & tài liệu

http://www.alistapart.com

http://webdesignledger.com

Tạp chí đập phá

Tuts PSD

Abuzeedo

Gian hàng UX

Một vài điểm cần lưu ý:

1. Mỗi thiết kế giải quyết một vấn đề

Ngừng suy nghĩ về thiết kế theo cách "Làm thế nào để tôi làm cho đẹp này?" và bắt đầu suy nghĩ về nó theo cách "Làm thế nào để tôi làm điều này dễ sử dụng nhất có thể?"

Khi bạn tạo trang web, điều này có nghĩa là, theo nghĩa rộng nhất, bạn đang giải quyết một vấn đề kinh doanh .

Một trang web tồn tại để thực hiện một mục tiêu kinh doanh .

Người dùng của một trang web cũng đi kèm với mục tiêu của riêng họ, có thể muốn mua một thứ gì đó, so sánh các sản phẩm, đọc về một chủ đề, v.v.

Công việc của bạn là nhà thiết kế giúp doanh nghiệp bằng cách đảm bảo rằng càng nhiều người dùng càng hoàn thành mục tiêu kinh doanh và giúp người dùng điều hướng trang web để họ có thể hoàn thành mục tiêu của riêng mình.

Ví dụ: bạn đang thiết kế một cửa hàng thương mại điện tử: Mục tiêu kinh doanh ở đây sẽ là bán sản phẩm. Và mục tiêu của người dùng là tìm ra chính xác những gì họ muốn mua, càng nhanh càng tốt và kiểm tra, càng nhanh càng tốt.

Một phần lớn của quá trình thiết kế đi vào việc tìm ra vấn đề, xây dựng hồ sơ của người dùng, suy nghĩ làm thế nào để hiện thực hóa mục tiêu kinh doanh, v.v.

Màu sắc, phông chữ, bố cục, mọi quyết định thiết kế bạn đưa ra phải được quyết định bởi mục tiêu của trang web .

2. Đó là sự lặp lại làm cho mọi thứ trông đẹp .

Đó là những gì nhất quán là về.

Ví dụ, ghép cặp phông chữ. Các phông chữ được ghép nối dựa trên các đặc điểm tương tự, trên sự lặp lại của các chi tiết.

Đây là một trận đấu: Farnham và Benton Sans.

Theo bài đăng này ở đây 2 hai phông chữ này phù hợp bởi vì:

[...] các khuôn mặt giống nhau trong sự ngồi xổm của các chữ cái viết thường của chúng, chúng có các phần lên xuống ngắn và rõ ràng. [...] Chữ thường của cả hai đều rộng.

Sự lặp lại của một số đặc điểm làm cho 2 phông chữ này hoạt động tốt với nhau. Bạn có thể thấy chúng trên một trang web ở đây 3 .

Sự lặp lại mang lại sự hài hòa trong một thiết kế. Và hài hòa làm cho thiết kế trông đẹp.

Nhưng, như bạn có thể thấy, Farnham và Benton Sans cũng tương phản với NerFarnham là một phông chữ serif và Benton là sans serif.

Tại sao cần có sự tương phản? Chúng tôi đang tìm cách giới thiệu sự tương đồng trong một thiết kế, phải không?

Vâng, có, nhưng quá nhiều sự lặp lại làm cho thiết kế của bạn buồn tẻ và khó sử dụng .

Cách chữa là tương phản.

3. Độ tương phản giúp người dùng tìm đường

Nó giúp họ phân biệt các yếu tố khác nhau với nhau. Nó giúp họ tìm thấy các yếu tố chính như tiêu đề, điều hướng, nút.

Yếu tố càng quan trọng, nó càng tương phản với môi trường xung quanh.

Sử dụng sự lặp lại để làm cho thiết kế của bạn phù hợp. Giống như những người khác đã nói phông chữ 2 trong một bảng màu hạn chế, v.v.

Sử dụng độ tương phản khi bạn thực sự cần tách một phần tử khỏi phần còn lại.

Tất cả đều tốt để biết, nhưng ... vẫn không giúp bạn thiết kế trang web tiếp theo của bạn, phải không?

Vâng, tôi cũng có một giải pháp cho điều đó .

Bước 1 để trở nên tốt hơn trong thiết kế web là quan sát và tiếp thu công việc của người khác. Rất nhiều của nó. Đó là nơi "cảm hứng" đến từ.

Nhìn vào một trăm thiết kế mà bạn thích, phân tích chúng và bạn sẽ bắt đầu phát hiện ra các mẫu. Bộ não của bạn sẽ giúp bạn kết hợp các mẫu này vào thiết kế của riêng bạn, đây sẽ là một biến thể của tất cả các thiết kế tương tự mà bạn đã thấy. Bạn không cần phải tạo ra một cái gì đó "độc nhất".

Tóm tắt: Lần tới khi bạn bắt đầu thiết kế cho dự án phụ của bạn

Đi qua một tá các trang web / ứng dụng web tương tự và phác thảo nhanh các thiết kế của chúng. Lưu ý những gì công việc họ đã sử dụng. Tại sao họ sử dụng nó? Lưu ý những hình dạng, màu sắc và phông chữ họ đã sử dụng.

Sau đó trải qua quá trình này để tạo ra thiết kế của riêng bạn:

1. Xác định dự án. Đắm chìm vào dự án và tìm hiểu thêm về:

   1. Mục đích, kết quả dự định

   2. Người dùng (tương lai) của nó
   3. Trải nghiệm dự định cho người dùng / khách truy cập của nó
   4. Xây dựng thương hiệu đằng sau dự án
2. Có được các nguồn lực cần thiết. Bắt tay với (nội dung) mẫu (mượn từ các trang tương tự)

3. Tạo hình cho nội dung

   1. Chọn một kiểu chữ để gõ nội dung (chọn một kiểu phù hợp với tâm trạng và thông điệp của trang web)
   2. Chọn cỡ chữ cho bản sao cơ thể
   3. Tạo tỷ lệ mô-đun (bảng có kích thước hài hòa tỷ lệ) từ kích thước phông chữ của bản sao cơ thể (sử dụng Loại tỷ lệ - Máy tính trực quan)
   4. Phác thảo các bố cục khác nhau dựa trên yêu cầu của dự án
   5. Xây dựng bố cục (bằng HTML & CSS) với sự trợ giúp của thang đo mô-đun: chiều rộng cột, chiều cao dòng, kích thước tiêu đề, lề dưới, cột (nếu cần)
   6. Áp dụng màu sắc theo hướng dẫn thương hiệu

Bạn có thể đọc thêm về từng bước từ quá trình này ở đây .

Một chút nữa:

1. Nhìn qua bộ sưu tập trang web truyền cảm hứng cho ý tưởng. Một bộ sưu tập Motherload của bộ sưu tập trang web truyền cảm hứng liệt kê khá nhiều bộ sưu tập. Hai trang web tốt khác là siiimple.com và minimalsites.com .

2. Đề xuất 'Loại bỏ sự lộn xộn' của Virtuosi Media là một lý tưởng nhất định, nhưng một trang web với sự lộn xộn được thực hiện bởi người mới bắt đầu trông tốt hơn một trang web tối giản được thực hiện bởi người mới bắt đầu. Sự lộn xộn phần nào ngụy trang các yếu tố thiết kế nghèo nàn khác, gây mất tập trung với nội dung. Các trang web kinh doanh điển hình có quá nhiều lộn xộn, cũng như gần như tất cả các mẫu, nhưng vẫn đủ chuyên nghiệp để tìm kiếm.
   
   Nó có một kết nối mật thiết với phông chữ, độ tương phản, không gian âm, màu sắc, mật độ, dòng chảy, ... để tạo ra một trang web thực sự được thiết kế tốt, hiệu quả mà thở tốt.

3. Nếu tất cả trở nên hơi quá, hãy xem xét việc mua một mẫu.

Chỉ cần thêm một vài liên kết cho những người đến từ một nền tảng lập trình quan tâm đến thiết kế UI.

• Thiết kế cho tin tặc (sách in)
• Nguyên tắc thiết kế giao diện người dùng (trang web)
• Từng bước thiết kế giao diện người dùng (ebook)
• The Shape Of Design (phiên bản trực tuyến miễn phí)

Ban đầu, bạn sẽ phải đối mặt với rắc rối vì một số thứ sẽ không theo cách của bạn. Nhưng bạn sẽ phải kiên nhẫn và thực hành rất nhiều. Khi tôi bắt đầu thiết kế và nhìn lại công việc 4 năm trước của mình, không thể tin rằng tôi đã làm công việc đó.

Bạn thực sự cần phải tìm kiếm các nhà thiết kế tuyệt vời khác làm việc. Cho rằng bạn nên theo các nhà thiết kế tuyệt vời trên Dribbble . Ngoài ra, điều rất quan trọng khác là theo dõi quy định các thiết kế mới nhất trên các trang web của bộ sưu tập css như www.minimalistgallery.com hoặc các trang khác.

Chúc tất cả những điều tốt đẹp nhất !!!

Đăng ký http://sidebar.io/ để nhận bản tin hàng ngày. Mỗi bài viết sẽ hữu ích theo cách này hay cách khác. Một cách tuyệt vời khác để tự học về thiết kế là rê bóng .

Đây có thể là một mẹo khá chung nhưng với tôi đó là điều thực sự cho biết ai đó có phải là nhà thiết kế giỏi hay không:

Khoảng trắng, lề và căn chỉnh.

Chúng là chìa khóa để tạo ra các thiết kế bóng bẩy, chuyên nghiệp. Chúng tạo ra "không gian thở" của một loại và thực sự có thể xác định liệu thiết kế của bạn sẽ trông giống nhau hay không. Cũng giống như với phông chữ, bạn muốn bám vào một lề / khoảng trắng nhất định để giữ bố cục trông sạch sẽ.

Để theo dõi những thứ như thế này, sử dụng lưới hoặc hướng dẫn để thiết kế có thể rất hữu ích.

Câu hỏi của bạn giống như "Là một nhà thiết kế, tôi liên tục thấy mình cần kiến ​​thức cơ bản về Lập trình ứng dụng". Cả hai đều là những khu vực rộng lớn, với những vùng siêu chồng cần nhau. Tin tốt: bạn quan tâm và hiểu tầm quan trọng của chúng. Tin xấu: không có cách dễ dàng để hiểu đầy đủ những gì cần thiết để tạo ra thiết kế tốt, mà không có một khóa học hoặc phương pháp thích hợp. NHƯNG cho những bước đầu tiên, cuốn sách này bằng cách nào đó là một cách tốt để bắt đầu an toàn để xây dựng các hệ thống hình ảnh có ý nghĩa.

Sách thiết kế không thiết kế