Làm thế nào để các nhà thiết kế chọn hình dạng trong một thiết kế?


9

Rất nhiều lần, trong khi duyệt qua các trang web như Dribbble, người ta bắt gặp các trang web sử dụng hình dạng (xem ví dụ này ). Xin lỗi vì đã ngây thơ, nhưng có một lý do đằng sau việc chọn một hình dạng cụ thể hay chỉ vì nó là xu hướng? Nó ảnh hưởng đến trải nghiệm người dùng như thế nào?


Một vài điểm quan tâm. Tôi sử dụng các vòng tròn rất nhiều vì chúng tạo ra cảm giác hoàn chỉnh - một trong những biểu tượng sớm nhất cho GOD là một vòng tròn phía trên một hình tam giác đều. Như một mô hình họ có thể thống nhất tạo ra một cảm giác trật tự hoặc ngẫu nhiên và vui tươi. Hãy nhìn vào Jamie Reid và phong trào nhạc punk của Anh - anh ta đã sử dụng các cạnh rách rưới và hình dạng bất hòa để nhấn mạnh sự nổi loạn và sự bất mãn chính trị. Và hãy cẩn thận với các tham chiếu của Masonic như kim tự tháp, ngôi sao năm cánh và mắt đơn - chúng tồn tại và được triển khai để nhận biết tầm ảnh hưởng: goo.gl/4L7XHP
Applefanboy

Câu trả lời:


15

Trên thực tế có thể có rất nhiều suy nghĩ được đưa vào sử dụng như vậy, vượt ra ngoài sở thích cá nhân hoặc một số chỉ thị của khách hàng.


Phong cách

  • Nếu bạn biết bạn muốn có một "cảm giác" thân thiện , lỏng lẻo hơn thì bạn sẽ đi với hình dạng tròn hơn.
  • Nếu bạn muốn có một diện mạo công sở, nghiêm túc hơn , bạn sẽ nghiêng về các góc, hình tam giác và hình dạng đường cứng.

Vị trí

Vị trí và vị trí có thể được sắp xếp mặc dù tâm lý của chuyển động mắt trên một thiết kế, hoặc phân cấp thị giác trong một thiết kế.

  • Nếu bạn muốn có một tâm trạng vui vẻ, vui vẻ, hãy hướng mắt lên trên và đúng ...
  • Nếu bạn muốn một tâm trạng nghiêm túc hơn, không vui thì hãy hướng mắt xuống và rời khỏi.

Những loại lựa chọn thiết kế có thể ảnh hưởng đến vị trí của các hình dạng.

Cũng giống như cách màu sắc sẽ thay đổi nhận thức của một thiết kế, do đó, vị trí và cách sử dụng các "hình dạng" hoặc các yếu tố này.


Thăng bằng

Thông thường các yếu tố đồ họa nói chung có thể là công cụ tuyệt vời để cải thiện sự cân bằng tổng thể của một thiết kế.

Nhìn vào trang mà không có hình dạng sẽ tạo ra một mảnh tĩnh, không động, với rất ít chuyển động mắt. Điều này sau đó có phần không cân bằng do vị trí của đồ họa biểu đồ lớn so với khối loại bên cạnh (lề trang đáng chú ý là không cân bằng).

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

Để tạo thêm một chút vẻ ngoài "thân thiện", hãy ném vào một số hình tròn và sử dụng chúng để bù lại sự mất cân bằng lề đó ở đầu bố cục. Điều này cũng cho phép đồ họa biểu đồ lớn hơn mà không có kích thước "không chính xác". Nếu đó là thiết kế của tôi, tôi có thể phát ra các đường cong trong "2" và "3" vì chúng là các đường cong nổi bật hiện có - cố gắng bắt chước hoặc lặp lại các cung đó cho các hình trên cùng bên phải. (Sự lặp lại có thể thúc đẩy tính liên tục và sự gắn kết trong một thiết kế.)

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

Tuy nhiên, bây giờ tác phẩm bị mất cân bằng khủng khiếp . Vì vậy, bằng cách thêm một hình dạng bổ sung để bù vào góc trên bên phải, rất nhiều việc được thực hiện để cân bằng lại tổng thể mảnh. Hãy ghi nhớ một chuyển động trên cùng bên phải là tốt hơn, đường cong của hình dạng bên trái có thể hoàn toàn có chủ ý để tạo ra sự kết hợp gần như mũi tên của các hình dạng màu xanh lá cây. Ngoài ra, độ dốc trên các hình dạng màu xanh lá cây thúc đẩy hơn nữa một chuyển động phải lên.

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

Vì vậy, người thiết kế tác phẩm đó là ....

  • sử dụng hình dạng tròn để được mời nhiều hơn về tổng thể.
  • hướng mắt lên và sang phải để thúc đẩy cảm xúc tốt ...
  • sử dụng các hình dạng bổ sung để tạo sự cân bằng tổng thể trong thiết kế đồng thời thúc đẩy chuyển động của mắt.

Thêm vào đó là các hình có độ tương phản cao (màu đỏ) ở phía trên hướng về bên trái ...

Vì vậy, ... đọc tiếng Anh từ trái sang phải, từ trên xuống dưới ... mắt theo dõi phải và xuống trong khi đọc. Nhưng sau đó được vẽ một cách tự nhiên ở phía trên bên phải thông qua các hình dạng .. sau đó các hình màu đỏ khéo léo hướng mắt về bên trái để bắt đầu đọc lại ... vì vậy mắt thực sự được hướng vào bố cục đó trong nỗ lực tối đa hóa thời gian ai đó dành xem trang.

Những loại quyết định sử dụng và vị trí đi kèm với kinh nghiệm và thăm dò.

Dường như các yếu tố ngẫu nhiên có thể không được ngẫu nhiên ở tất cả ... họ có thể phục vụ mục đích quan trọng ngay cả khi người đọc / người xem không hề biết chính xác những gì mục đích có thể được.


5

Điều này có thể sẽ bị đóng cửa nhưng ngắn gọn; các hình dạng cơ bản, hình tròn, hình vuông và hình chữ nhật là vô giá như các yếu tố cơ bản của thiết kế.

Hình dạng và đường cong có thể cung cấp cảm giác và cảm xúc để thiết kế. Một cue xoăn tạo cảm giác rất khác so với một góc phải.

Một vòng tròn hoặc đốm màu như một họa tiết thiết kế cho thấy sự hài hòa theo cách đơn giản nhất. Tuy nhiên, có một xu hướng thiết kế mạnh mẽ đối với các lưới và cấu trúc phức tạp.

Thay phiên, và trong phản ứng có xu hướng mạnh mẽ đối với sự đơn giản và hình dạng tự nhiên cơ bản.

Vào những năm 90, người ta nói rằng họ đã từ bỏ lưới điện cho blob nhưng ngày nay chúng ta thấy một sự lai tạo.

Vì màn hình của chúng tôi là hình chữ nhật, các đường cong và vòng tròn trên màn hình tạo ra một cuộc đối thoại động giữa các hình dạng.


4

Đây là ý kiến ​​rất dựa trên nhưng:

  • nhiều lần những "hình dạng" này được lấy từ logo thực tế và / hoặc là một phần của hệ thống thương hiệu. ví dụ. Hệ thống hình thoi của Vodafone
  • những lần khác, họ có thể chỉ là những yếu tố xu hướng
  • đôi khi, những khách hàng không thể mua bất cứ thứ gì quá 'đơn giản' và họ cảm thấy họ nên có thứ gì đó 'sáng tạo' hơn, vì vậy các nhà thiết kế sẽ cần phải đưa ra những thứ này chỉ để lấp đầy khoảng trắng

Về điểm thứ 3 của bạn: hôm nay tôi đã thảo luận về thiết kế bìa sách với thực tập sinh của chúng tôi - thiết lập "Tiêu đề, tác giả, hình ảnh" cơ bản của bạn. Tôi đã hỏi liệu có "phòng hay lý do" cho một yếu tố đồ họa không, nhưng vì có mối quan hệ không gian tốt giữa các yếu tố, chúng tôi đồng ý với "không, nó sẽ không thêm bất cứ điều gì vào thiết kế". Nhưng hy vọng rằng khách hàng không "sợ" không gian trống!
usr2564301

Điểm thứ 3 đó rất đúng.
AndrewH
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.