Điều gì làm cho một thiết kế chuyên nghiệp?


10

Bất cứ ai cũng có thể định nghĩa tại sao một cái gì đó có thể không trông "chuyên nghiệp"?

Điều gì khác biệt giữa thiết kế chuyên nghiệp / không chuyên nghiệp?

Tôi có những khách hàng đã nói rằng thiết kế của tôi trông không chuyên nghiệp lắm. Tôi đã làm theo tất cả những điều để làm cho nó trở nên chuyên nghiệp - có lẽ tôi không biết đủ về thiết kế? Tôi đã thấy rất nhiều mẫu thiết kế "chuyên nghiệp" trông dễ dàng và tương tự như của tôi. Hầu hết thời gian, khi tôi không có cách nào để đi, tôi làm theo các thiết kế mẫu này - nhưng khi tôi hoàn thành, tôi nhận được phản hồi rằng "Điều này trông không chuyên nghiệp" . Điều này không giúp tôi mặc dù. Có ai ở đây có trợ giúp / kinh nghiệm / đề xuất trong thế giới thực sẽ giúp tôi về ngoại hình, phông chữ, phong cách ... mọi thứ . Xin hãy cho tôi một cách!

Tóm lại:
Điều gì làm cho một thiết kế chuyên nghiệp?


Tôi không thể không nhớ truyện tranh này theoatmeal.com/comics/design_hell Không phải là nó giúp.
Joonas

Điều này thật buồn cười, tôi đã dành thời gian cho việc này, nhưng tôi không thể chuyển chúng cho khách hàng của mình hoặc cho ông chủ của tôi, ước gì tôi có thể: D
Jack

5
Yêu cầu họ chỉ cho bạn một ví dụ về trang web chuyên nghiệp và học hỏi từ đó.
Kromster

4
Tôi biết mẫu của bạn là thô, nhưng một điểm rất quan trọng khác về tính chuyên nghiệp là bản sao. "Một cái gì đó về chúng ta"; "Giới thiệu về người sáng lập" được viết kém và thậm chí không có vốn hóa tốt. Ngay cả ở dạng bản nháp, người đánh giá bản sao sẽ phản hồi những điều này (NGAY CẢ NẾU bạn nói 2.000 lần là thô và chỉ dành cho vị trí), và tại thời điểm này trong thiết kế của bạn, tiêu đề của bạn phải được thiết lập tốt.
horatio

horito điểm tuyệt vời tôi sẽ giải quyết việc này ..
Jack

Câu trả lời:


19

Tôi đã đưa ra câu trả lời này vì đây là nhận xét về thiết kế của bạn:

Bạn nói với chúng tôi rằng bạn có thể dễ dàng tạo lại các mẫu chuyên nghiệp. Trong thực tế tôi nghi ngờ nó. Bạn thực sự phải học rất nhiều về webdesign. Nghiêm túc đi xa, nhưng bạn rất muốn học và do đó tôi đã thực hiện bản mô tả này để giải thích một số điều. Đây không phải là để đánh bạn, nghiêm túc không có ý xúc phạm, tôi chỉ thành thật.

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

Câu chuyện cơ bản là nó thiếu sự liên kết và chiều sâu ... rất nhiều chiều sâu.

Tôi cũng sẽ bao gồm một trong những thiết kế của tôi hiện tôi đang làm việc trên chiều rộng một lớp phủ lưới để bạn có thể thấy ý tôi là gì. Nó là xa thực hiện, nhưng bạn sẽ nhận được quan điểm của tôi. Xin vui lòng không sử dụng các phần của thiết kế tôi đang làm việc vì chúng có bản quyền.

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

Hãy xem cách tôi tạo chiều sâu với độ dốc, kết cấu và bóng mượt. Bên cạnh đó, hãy xem cách nó được đặt.

Chỉnh sửa: Để bạn biết, tôi đã chỉnh sửa chiều rộng cho bản quyền. Vì vậy, đây không phải là tỷ lệ khung hình thực.

Hy vọng điều này sẽ giúp bạn.


Đó là điều thực sự tốt để biết cảm ơn rất nhiều, tôi sẽ cải thiện những điều này, mặc dù tôi đã xóa hình ảnh đó vì một số lý do, cảm ơn bạn rất nhiều
Jack

@Jack bạn được chào đón, không bao giờ đau lòng để giúp đỡ :) Về việc học. Có rất nhiều hướng dẫn và blog về điều này. Đơn giản chỉ cần google nó. Tạp chí Smashing là một khởi đầu tốt
Luuk

11

Robin Williams, người bạn của tất cả các nhà thiết kế ban đầu, chỉ ra bốn điều rất quan trọng: Tương phản, lặp lại, sắp xếp và gần gũi (và vâng, từ viết tắt là CRAP!). Bạn nên lấy cuốn sách của cô ấy, "Cuốn sách thiết kế của người không phải nhà thiết kế " và nghiên cứu nó. Tất cả mọi thứ trong đó áp dụng cho web nhiều như nó để in. Nó dễ đọc và rất rõ ràng. Sau đó lấy " Sách không phải của nhà thiết kế " và nghiên cứu về điều đó. Tôi sẽ thêm vào bộ tứ của cô ấy: Tin nhắn, Hòa hợp và Sự liên quan.

  • Các tin nhắn cho khách hàng muốn có thể đi qua là điều đầu tiên bạn cần phải biết, bởi vì nó thông báo cho mọi thứ khác. Trong nhiếp ảnh thành công, thiết kế, vẽ, viết, có một bộ ba quy tắc đơn giản không bao giờ bị phá vỡ: 1) Có một thông điệp; 2) Chỉ bao gồm những gì đóng góp cho thông điệp; 3) Loại bỏ bất cứ điều gì làm xao lãng tin nhắn. Trong một bức ảnh của một vận động viên, bạn sẽ sử dụng bức ảnh của cô ấy giữa không trung trông thật duyên dáng, và nhân bản cái lon coca rỗng và bánh sandwich nửa ăn trong nền. Là một nghệ sĩ, bạn phải biết những gì bạn đang cố gắng nói. Là một nhà thiết kế, bạn phải biết khách hàng đang cố gắng nói gì. Rốt cuộc, đây là những gì khách hàng trả tiền cho bạn.

  • Hài hòa là một yêu cầu rất rộng khác mà bạn phải xem xét sớm. Nếu khách hàng có logo và màu sắc công ty, trang web của bạn phải sử dụng chúng và màu sắc hài hòa với chúng. Bạn không thể sử dụng kiểu chữ giống nhau nhưng khác nhau cho tiêu đề và bản sao. Một quy tắc tốt cho các nhà thiết kế ban đầu là sử dụng một sans và một serif đi cùng nhau, và chỉ sử dụng hai cái đó trong thiết kế.

  • Sự liên quan đến vào lúc bắt đầu của một chu kỳ thiết kế. Nó áp dụng cho màu sắc, kiểu chữ và bố cục chung. Bạn sẽ không sử dụng màu xanh da trời và hồng baby cho thiết kế cho trang web của công ty công nghệ cao, cũng như cho nghệ sĩ hip-hop. Kiểu chữ grunge sắc sảo tuyệt vời đó sẽ không làm việc cho một luật sư hoặc kế toán, nhưng Times Roman thì có thể. (Bạn sẽ tránh Times cho một trang web cần phải trông hiện đại.) Một dải kim loại nặng cần hình dạng và màu sắc đậm, độ tương phản cao, nhưng một phòng khám y tế hoặc một trang phục quần áo trẻ em sẽ đòi hỏi một cái nhìn nhẹ nhàng hơn nhiều.

  • Tương phản có nghĩa là tối so với sáng, màu sắc phong phú so với tông màu, tối trên sáng hoặc sáng trên tối. Nếu thiết kế của bạn đòi hỏi sự tương phản táo bạo, điều quan trọng là làm cho chúng ĐÚNG để chúng được cân nhắc rõ ràng. Chỉ có một thứ phá vỡ một thiết kế nhanh hơn "gần như nhưng không hoàn toàn giống nhau", mà tôi sẽ nhận được ngay lập tức.

  • Sự lặp lại đặt cùng một loại phần tử ở cùng một nơi và với cùng màu sắc hoặc tiêu đề hoặc hình dạng mỗi lần. Khoảng cách là phù hợp. Bố cục trực quan có nhịp điệu, giống như âm nhạc. Nếu các yếu tố của bạn không rơi "theo nhịp", người xem sẽ cảm thấy khó chịu, giống như một ban nhạc bị tắt nhịp rất khó nghe.

  • Căn chỉnh , thiếu, là cách chắc chắn nhất để phá vỡ một thiết kế. Không có gì hét lên "nghiệp dư" to hơn những thứ không hoàn toàn xếp hàng. Trong bản in, chúng tôi làm việc với độ chính xác dưới 1/1000 inch. Bạn có thể đặt điều cách ra khỏi sự liên kết, cung cấp các dịch chuyển đậm, rõ ràng và cân nhắc. Nhưng không bao giờ, bao giờ có đệm 7px trên thẻ ap và 8px trên h1. (Như một lưu ý phụ: tránh bố trí trung tâm cho bất kỳ điều gì khác ngoài lời mời đám cưới hoặc đám tang. Bố trí trung tâm ở trạng thái nghỉ ngơi, thanh thản, bất động, gần như không bao giờ là điều bạn muốn. Người mới bắt đầu sử dụng bố trí trung tâm vì họ không biết cách căn chỉnh nhiều thứ.)

Sắp xếp và lặp lại là lý do tại sao lưới là một công cụ hữu ích như vậy. Hiểu những điểm này sẽ trả lời nhiều câu hỏi về việc sử dụng lưới.

  • Sự gần gũi chỉ có nghĩa là giữ những thứ thuộc về nhau gần nhau. Ví dụ, một tiêu đề phải gần với đoạn văn hơn so với đoạn trên.

Lấy hai cuốn sách đó. Họ sẽ thay đổi thiết kế của bạn. Trong thời gian này, đây là một bài tập: viết bảy điểm này vào danh sách, sau đó truy cập 10 trang web mà bạn cho là thực sự xuất sắc và tìm nơi từng điểm được áp dụng. Đừng lừa dối. Tất cả họ sẽ ở đó, vì vậy đừng bỏ cuộc cho đến khi bạn tìm thấy mọi người. Bây giờ hãy xem các thiết kế của riêng bạn, và tìm nơi một hoặc nhiều trong số này đã bị vi phạm.

Thực hành bảy điểm này một cách có ý thức và có chủ ý. Chẳng bao lâu, chúng sẽ trở thành bản năng, và thiết kế của bạn sẽ đạt đến một cấp độ hoàn toàn mới. Đó là một lời hứa.


2
Alan, câu trả lời của bạn sẽ giúp mọi người mới bắt đầu, mặc dù tôi đang tập thể dục này, Cảm ơn bạn rất nhiều vì điều này và tôi sẽ cố gắng hết sức để giữ lời hứa của bạn ...... hãy để mặt trời mới mọc trong .... :) Cảm ơn bạn một lần nữa ..
Jack

Khi tôi học (thường là đủ, một cách khó khăn), vì vậy tôi đi qua. Bạn được chào đón nhiều hơn. Chúc may mắn!
Alan Gilbertson

Yêu sách của Robin Williams. Câu trả lời tuyệt vời và gợi ý tuyệt vời.
Lauren-Clear-Monica-Ipsum

9

Làm thế nào để làm cho trang web của bạn trông chuyên nghiệp trong mắt tôi, không theo thứ tự cụ thể nào, ồ ... và nói ngắn gọn :) Nếu bạn cần giải thích thêm những gì tôi muốn nói, chỉ cần nói với tôi:

  • Căn cứ bảng màu của bạn xung quanh danh tính công ty của khách hàng.
  • Lắng nghe nhu cầu của anh ấy một cách cẩn thận để bạn có thể phù hợp với phong cách anh ấy muốn
  • Thiết kế cho khả năng sử dụng. Bạn có thể thực hiện một thiết kế thả hàm nhưng nếu chuyển đổi không tốt thì vô ích.
  • Chọn kiểu chữ của bạn một cách cẩn thận (ví dụ: Bạn sẽ không thấy các sản phẩm của Apple có phông chữ giống như graffiti)
  • Sử dụng hệ thống 960s trước khi bạn bắt đầu thiết kế, bằng cách này, bạn chắc chắn rằng căn chỉnh của bạn là tốt
  • Giải thích và bảo vệ thiết kế của bạn. Nói với khách hàng lý do tại sao bạn chọn các yếu tố cụ thể và giải thích cho anh ta tại sao chúng tốt. Hãy nhớ rằng, chúng tôi là nhà thiết kế không phải lúc nào cũng đúng.
  • Hãy tiếp tục học hỏi. Theo dõi blog và tạp chí trực tuyến để biết hướng dẫn jQuery mới, v.v. Đọc là chìa khóa.
  • Đảm bảo mã của bạn là W3C hợp lệ và kích thước không quá lớn.

Thỉnh thoảng tôi vẫn làm những việc này nhưng tôi vẫn không biết họ cần gì, tôi yêu cầu họ nói cho tôi biết những gì còn thiếu, họ nói "màu sắc vẫn ổn" "tương phản là ok" mọi thứ vẫn hoạt động tốt nhưng vẫn "nó không nhìn chuyên nghiệp "nó thiếu một cái gì đó, tôi không biết cảm giác chuyên nghiệp là gì, trông chuyên nghiệp, hầu như tôi luôn phải đưa ra nhiều vòng khiến tôi bực mình, tôi làm việc cho sếp của mình, anh ấy gửi cho tôi những bức thư như vậy và tôi bị hủy bỏ với những thư như vậy , họ luôn đến :( có thể tôi hoàn toàn không phải là nhà thiết kế
Jack

2

Một số điều cần nhớ cho thiết kế ưa nhìn:

Vì vậy, chúng tôi sẽ tìm hiểu 4 quy tắc tuyệt vời của quy tắc thiết kế đồ họa sẽ giúp bạn cải thiện kỹ năng mong muốn của mình. Vì vậy, 4 quy tắc là:

  1. Sắp xếp & phân phối
  2. Cân bằng & phân nhóm
  3. Tương phản
  4. Mẫu & Grad Grad

Sắp xếp & phân phối: Đây là quy tắc quan trọng nhất của bất kỳ thiết kế tuyệt vời, tuyệt vời hoặc hấp dẫn trực quan nào. Thiết kế phù hợp phù hợp trông tuyệt vời ở mọi nơi cho dù bạn thiết kế cho phương tiện in ấn, phương tiện quảng cáo, xuất bản máy tính để bàn hoặc thiết kế liên quan đến web. Nghe hay nhỉ! nhưng câu hỏi là làm thế nào để học cách sử dụng sự liên kết thích hợp hoặc hiểu theo nghĩa của sự liên kết thích hợp trong việc giải thích. Chúng ta hãy đi sâu vào sự liên kết và phân phối nhưng trước tiên hãy xem hình ảnh ví dụ bên dưới:

  • Căn chỉnh: Căn chỉnh có nghĩa là sắp xếp các yếu tố tương tự hoặc các yếu tố khác của thiết kế theo chiều của đỉnh, đáy, giữa, trái hoặc phải để làm cho thiết kế trở nên hấp dẫn trực quan. Xem hình ảnh ví dụ trên để hiểu nó.

  • Phân phối: Phân phối có nghĩa là cho hoặc duy trì cùng một khoảng cách giữa các yếu tố tương tự hoặc khác nhau của bất kỳ thiết kế nào để làm cho bố cục đồ họa sạch sẽ và tươm tất. Xem hình ảnh ví dụ trên để hiểu nó.

Cân bằng & Nhóm: Cân bằng & Nhóm là quy tắc quan trọng thứ hai của bất kỳ thiết kế hình ảnh nào. Trong quy tắc này, chúng ta phải tập trung vào các yếu tố của thiết kế, ví dụ nếu chúng ta có một số văn bản và một số hình ảnh trong thiết kế của chúng ta để chúng ta phải sắp xếp chúng theo cách chúng tự cân bằng và trông cũng rất tuyệt. Bạn có thể làm điều đó theo hai cách.

  • Phương pháp đầu tiên - Sử dụng các yếu tố khác nhau: Trong quy tắc này, chúng tôi sắp xếp mọi yếu tố với nhau để cân bằng chúng với nhau. Bạn có thể hiểu nó dễ dàng với ví dụ dưới đây:

Vì vậy, như bạn có thể thấy trong ví dụ trên, chúng tôi có hai loại yếu tố văn bản và hình ảnh và chúng tôi đã sắp xếp chúng với nhau để làm cho bố cục hấp dẫn và trực quan tuyệt vời. Chúng đang cân bằng lẫn nhau. Bây giờ hãy xem phương pháp thứ hai.

  • Phương pháp thứ hai - Nhóm các yếu tố riêng lẻ: Trong quy tắc này, chúng tôi tạo các nhóm yếu tố khác nhau trong thiết kế. Hãy xem ví dụ để hiểu nó.

Vì vậy, như bạn có thể thấy trong ví dụ trên, chúng tôi đã tạo ra các nhóm yếu tố văn bản khác nhau và các nhóm yếu tố văn bản khác nhau. Phương pháp bố trí này cũng tốt cho việc tạo bố cục đẹp và tuyệt vời. Bạn cũng có thể sử dụng cả hai phương pháp để tạo bố cục thiết kế tuyệt vời.

Độ tương phản: Độ tương phản là phần thiết yếu của bất kỳ thiết kế đồ họa tốt nào. Trong quy tắc này, chúng tôi phải làm cho bất kỳ yếu tố nào trong thiết kế của chúng tôi nổi bật so với các yếu tố khác. Quy tắc này được sử dụng để gán các yếu tố quan trọng của chúng trong thiết kế.

Mẫu & Grad Grad: Bạn có thể làm cho bạn thiết kế tuyệt vời hơn nữa bằng cách thêm các mẫu trong nền thiết kế của bạn hoặc trong các yếu tố khác trong thiết kế của bạn. Các khách hàng rất hữu ích để làm cho thiết kế của bạn sống động và vui vẻ hơn. Luôn nhớ khi sử dụng gradient, hãy thử sử dụng hai gradient màu với sự khác biệt về màu sắc.


Xin chào nghệ thuật bareliya, chào mừng bạn đến với GDSE và cảm ơn câu trả lời sâu rộng của bạn. Xin đừng dựa vào các liên kết để có 'câu trả lời đầy đủ'. Stack Exchange nhằm mục đích thu thập kiến ​​thức ngay tại đây, độc lập với các liên kết có thể bị hỏng sau đó. Một liên kết cho thông tin bổ sung là được, miễn là ý chính của câu trả lời trong bài viết của bạn. Cộng đồng có xu hướng đàn áp mạnh vào các câu trả lời với nhiều liên kết bên ngoài, vì nó trông giống như thư rác. Cảm ơn vì đã hiểu! Nếu bạn có bất kỳ câu hỏi, hãy xem trung tâm trợ giúp . Hãy tiếp tục đóng góp và tận hưởng trang web!
Vincent

cảm ơn vì thông tin @Vincent tôi sẽ nhớ lần sau
nghệ thuật bareliya

Chào mừng, bất cứ lúc nào! Ngoài ra, vui lòng tham gia với chúng tôi trong Trò chuyện Thiết kế Đồ họa khi danh tiếng của bạn cho phép bạn (20). Thường có ít nhất một mod hoặc người dùng có kinh nghiệm xung quanh sẵn sàng trả lời câu hỏi của bạn.
Vincent

1

Điều làm cho thiết kế của bạn chuyên nghiệp hay không là liệu bạn có được trả tiền để làm việc đó hay không.

Đối với việc sử dụng thuật ngữ 'chuyên nghiệp' như một số nhận xét thẩm mỹ, nó khá vô dụng. Bạn sẽ phải làm việc với khách hàng của mình để khiến họ cụ thể hơn về những gì họ đang tìm kiếm về mục tiêu và mục tiêu kinh doanh của họ - cụ thể là họ đang cố gắng nhắm mục tiêu và phương pháp trực quan nào có ý nghĩa nhất cho nhân khẩu học cụ thể đó.

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.