Tôi không thể vẽ. Làm thế nào tôi có thể làm cho các ứng dụng đánh bóng?


41

Tôi không phải là một nhà thiết kế đồ họa. Tôi khá tệ trong việc vẽ bất cứ thứ gì. Tôi đấu tranh để xây dựng những thứ trông đẹp như các ứng dụng "mẫu" đi kèm với các công cụ phát triển; chủ yếu là vì tôi không ngồi xổm trong tài sản nghệ thuật.

Những chiến lược nào tôi có thể thực hiện để giảm thiểu điều này?


3
Nói rõ hơn: bạn muốn tạo GUI không sử dụng giao diện mặc định của nền tảng? Câu hỏi đầu tiên sau đó là: tại sao không dựa vào HĐH để vẽ UI của bạn?
Konrad Rudolph

2
@KonradRudolph: Ngay cả với giao diện mặc định (thực sự là thứ tôi thấy hài lòng hơn mọi thứ khác), vẫn có những tài sản nghệ thuật thường cần cho một ứng dụng bóng bẩy, chẳng hạn như các biểu tượng.
Billy ONeal

5
Tài sản biểu tượng: Sử dụng bộ biểu tượng Nguồn mở. ;-) Có một số người khá chất lượng cao, ví dụ như famfamfam của Icons Silk hoặc Glyphicons ... Cá nhân tôi muốn tránh quá nhiều đồ họa khác nhưng đối với những hợp đồng làm việc có lẽ là giải pháp tốt nhất ...
Konrad Rudolph

method.ac có thể hữu ích, khi nó được khởi chạy.
Tối đa

Câu trả lời:


24

Cá nhân tôi không nghĩ bạn phải giỏi về mặt nghệ thuật để tạo giao diện người dùng dễ chịu .

Điều làm cho một giao diện người dùng tốt không phụ thuộc vào sự sáng tạo, mà liên quan nhiều hơn đến một vài hướng dẫn được thiết lập tốt. Nếu bạn làm theo các hướng dẫn này và thực hành một số bạn có thể tự tạo giao diện tuyệt vời.

Tôi sẽ đề nghị làm như sau ...

  • Đọc về những gì làm cho một giao diện người dùng tốt. (chủ yếu là trực tuyến)
  • Nghiên cứu và tìm một số giao diện người dùng làm hài lòng bạn.
  • So sánh một số thiết kế tốt và cố gắng chọn ra những thứ tương tự giữa chúng.
  • Bây giờ hãy nhìn vào thiết kế của riêng bạn và xem nếu bạn có những yếu tố đó.
  • Cố gắng tạo lại giao diện người dùng của bạn giống với giao diện bạn thích.

Tôi dự đoán rằng nếu bạn thực hiện bài tập này trong một hoặc hai tuần (và nếu bạn hỏi tôi, một hoặc hai tuần để học cách thiết kế giao diện tốt không phải là một thời gian dài), bạn sẽ tìm hiểu hầu hết những gì tạo nên giao diện người dùng tốt .

Chỉ cần một vài điều tôi thấy làm cho giao diện người dùng hài lòng:

  • Sự đơn giản
  • Tính nhất quán (màu sắc, phông chữ, cách sử dụng các nút, liên kết, v.v ...)
  • khoảng cách
  • Ít hơn là nhiều (ẩn càng nhiều càng tốt từ người dùng mà không làm giảm khả năng sử dụng)
  • Không sử dụng nền trắng và phông chữ màu đen. Hãy chắc chắn rằng độ tương phản là đủ tốt, nhưng thường thay đổi nền của bạn sang màu xám nhạt trong khi phông chữ của bạn có màu xám đậm.

Ngoài ra ... đừng bắt đầu với thiết kế. Bắt đầu với chức năng và để cho thiết kế phát triển. Ngoài ra, thử nghiệm! Đừng khó chịu nếu nó trông không hoàn hảo sau 1-2 'lần lặp'. Nó trở nên tốt hơn theo thời gian. Nhưng quan trọng nhất, bạn phải cố gắng .


3
Tôi đang nói về đánh bóng, không phải UX. Biết cách thiết kế giao diện người dùng "làm hài lòng" không giúp ích (ví dụ) các biểu tượng của bạn trông đẹp hơn.
Billy ONeal

5
@BillyONeal: Xin lỗi nhưng câu hỏi của bạn với tôi rộng hơn nhiều so với 'thiết kế biểu tượng'.
c_maker

3
Nó là; các biểu tượng chỉ là một ví dụ đơn giản. Quan điểm của tôi là đây không phải là "ẩn đằng sau một cái cớ" - có những phần hợp pháp của thiết kế UI đàng hoàng đòi hỏi, tốt, nghệ thuật. Có giao diện đẹp và không thể sử dụng, giao diện có thể sử dụng và xấu, giao diện không thể sử dụng và xấu, và giao diện có thể sử dụng và đẹp; một ứng dụng được đánh bóng cần phải có thể sử dụng được và hấp dẫn trực quan. Bạn giải quyết khả năng sử dụng tốt trong câu trả lời này (+1); nhưng "đẹp" cũng là một mối quan tâm chính đáng.
Billy ONeal

Tôi nghĩ rằng màu phông chữ / màu nền điều đang đi xuống đúng đường dẫn ở đây. Điều tương phản là một trong những mục đầu tiên tôi nhận được phản hồi công khai từ trang web đầu tiên tôi từng xuất bản. Có thể một số mẹo khác, như làm thế nào để chọn / áp dụng màu sắc - bao nhiêu? Một hoặc hai? Hơn? Sáng hay tối? Đặt nó trong các tiêu đề? Biên giới? Lý lịch? Tất cả / không / một số ở trên?
Stoive

12

Khả năng nghệ thuật của tôi là vào lớp 5 vào một ngày tốt :). Tôi thuê một nhà thiết kế đồ họa, một cách chuyên nghiệp khi làm việc hoặc vợ tôi, người có kỹ năng nghệ thuật tuyệt vời và yêu thích sử dụng chúng.

Lưu ý rằng trong tâm trí của tôi Thiết kế đồ họa không phải là thiết kế UI / UX. Tôi hoặc làm phần lớn UX, hoặc thuê một chuyên gia UX để giữ quyền kiểm soát UX, người sau đó làm việc với GD để làm cho nó trông đẹp hơn. Mặc dù tôi chắc chắn có những chuyên gia UX / GD kết hợp tốt, tôi đã có những trải nghiệm rất tệ với các GD làm những thứ trông đẹp, có UX rất tệ và đã lỗi thời trong một vài tháng và sẽ không gặp rủi ro đó cho đến khi tôi đã làm việc với GD cho một vài dự án.


1
Vì vậy, trả tiền cho ai đó để làm điều đó, hoặc bị lôi kéo đến một người có thể làm điều đó miễn phí? : p. Điều gì xảy ra nếu quá sớm để trả tiền cho một nhà thiết kế - bằng chứng về khái niệm hoặc thử chức năng? Cần phải có sự chú ý thẩm mỹ tối thiểu đối với phần mềm, kẻo những người mà tôi chứng minh phần mềm của mình sẽ bị phân tâm bởi màu sắc và phông chữ mà tôi không biết làm thế nào tốt hơn.
Stoive

2
@Siveive. Điểm tuyệt vời, bây giờ bạn đã có tôi bắt đầu. Ấn tượng ban đầu là thực sự quan trọng. Đối với bất kỳ người không phải kỹ sư (và nhiều kỹ sư), GD thường rất quan trọng, thật không may, nó vượt xa thiết kế và kỹ thuật UX theo một số đơn đặt hàng lớn. Có được đồ họa trông thật rực rỡ và sáng bóng, và những chú chó con sẽ đổ về sản phẩm, bất kể nó tào lao thế nào. Nhận sai GD ......
mattnz

1
Để giải thích - Tôi đã thuyết phục một khách hàng thuê một nhà thiết kế đồ họa trước đó (Thiết kế giao diện người dùng tôi ổn, đồ họa tôi rất tệ), bằng cách nói rằng sự tự tin và dự án hình ảnh tốt cho người dùng. Trong trường hợp này, khách hàng đã trả tiền (ý tưởng của họ, tôi chỉ là mã hóa), nhưng trong các trường hợp khác, bạn cần truyền đạt sự tự tin và đáng tin cậy cho khách hàng trước khi bạn chạm vào bất kỳ khoản tiền nào cho tài nguyên thiết kế đồ họa. Hoặc, theo OP (dự án sở thích?), Tiền sẽ không bao giờ được tham gia - việc thuê một nhà thiết kế là không khả thi, tuy nhiên việc trình bày vẫn rất quan trọng.
Stoive

9

Nếu bạn đang tìm kiếm tài sản đồ họa, có một vài trang web thu thập đồ họa chất lượng cao để sử dụng miễn phí :

Và nhiều hơn nữa, chẳng hạn như dự án nghệ thuật Gnome bao gồm rất nhiều tài sản đồ họa miễn phí.

Không phải là người ít sáng tạo nhất và không có học vấn về thiết kế, tôi luôn cố gắng đứng về phía chủ nghĩa bảo thủ: sử dụng các mô hình đã được thiết lập (tức là các khung) và đi chệch ít nhất có thể khỏi các đường đi bộ. Điều này không nhất thiết phải rất thú vị nhưng ít nhất bạn giảm thiểu khả năng thất bại và thảm họa UX.

Picasso nói rằng các nghệ sĩ vĩ đại của Hồi giáo ăn cắp giáo dục nhưng thực tế, đó chủ yếu là những vụ hack tài năng, và xem điều này đã dẫn Microsoft và Samsung: đến những nền tảng bán chạy.


8

Bạn có thể thuê các chuyên gia cho loại điều này, nhưng bạn không cần khả năng nghệ thuật bẩm sinh để học một số kỹ thuật cơ bản. Bằng đại học của tôi thực sự đòi hỏi một học kỳ "nghệ thuật cho các kỹ sư." Tham gia một hoặc hai lớp tại trường cao đẳng cộng đồng địa phương của bạn có thể rất có lợi. Bạn vẫn sẽ không giỏi như những người được đào tạo đặc biệt trong lĩnh vực này, nhưng bạn chắc chắn có thể cải thiện đến mức các chương trình của bạn trông chuyên nghiệp hơn.

Ngoài ra còn có những cuốn sách hướng đến những người nghiệp dư tương đối. Một cuốn sách tôi thấy hữu ích cho thiết kế web là Nguyên tắc thiết kế web đẹp của Jason Beaird. Ngay cả khi thiết kế của bạn không cải thiện nhiều, việc giáo dục một chút có thể giúp bạn kiểm chứng tốt hơn những gì sai với thiết kế. Thay vì luôn nói: "Tôi biết nó trông tệ, nhưng tôi không thể hiểu tại sao", bạn sẽ có thể xác định các vấn đề như k sâu xấu hoặc thiếu không gian tiêu cực, và xác định vấn đề là một nửa trận chiến.


3

Những gì bạn có thể đang tìm kiếm là "Thiết kế UI / UX cho nhà phát triển". Một cuốn sách liên quan đến chủ đề này là Thiết kế giao diện người dùng cho lập trình viên

Nếu bạn không tìm kiếm thiết kế UI / UX nhưng đang tìm cách cải thiện các kỹ năng thiết kế đồ họa, tôi khuyên bạn nên tìm một lớp về cách sử dụng Adobe Photoshop hoặc Adobe Illustrator (nếu không, ít nhất là một số hướng dẫn trên internet). Bằng cách học một vài kỹ thuật và nhìn vào công việc của người khác để tìm cảm hứng, bạn sẽ ngạc nhiên khi bạn cần ít sự sáng tạo nghệ thuật.

Ví dụ: bạn có thể tìm hiểu Công cụ Gradient trong Photoshop, cùng với công cụ Hình chữ nhật tròn và bạn có thể tạo một cái gì đó tương tự như nút "Đăng ký nhận bản tin" ở bên phải (mặc dù trong trường hợp này, nó được thực hiện bằng CSS thuần túy).


Hầu hết (tất cả?) Cuốn sách của Joel có thể được tìm thấy trên trang web của anh ấy: joelonsoftware.com/uibook/fog0000000249.html
Fara

Hình như có khoảng 2/3 cuốn sách ở đó. Nó không có chương 13-18.
Steve Bennett

1

Hãy để người khác "làm việc cho bạn" dưới dạng sử dụng khung, mẫu và các thành phần gui dựng sẵn. Ví dụ, tôi không thể vẽ hoặc thiết kế vì vậy đối với mỗi dự án web mới, tôi bắt đầu với một mẫu css (từ nhiều trang web mẫu css miễn phí) cho bố cục và thiết kế và sau đó 'điều chỉnh' từ đó. Các mẫu này bao gồm một thiết kế hoàn chỉnh có thể giúp bạn giải quyết khoảng trống này.

Tôi đồng ý với c_maker rằng khả năng sử dụng tốt thiết kế tốt, mặc dù có vẻ như bạn đang cụ thể hơn về kết thúc thiết kế 'arty'.

Nếu bạn đang làm công việc thiết kế và bố trí web thì đây là một số trang web css đó:
http : //www.freecsstemsheet.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/


Điều này hoạt động tốt cho các nhà phát triển web tôi đoán. Thực sự suy nghĩ nhiều ngôn ngữ hơn ở đây mặc dù. Khách hàng dày cũng cần UI yêu.
Billy ONeal
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.