Як дизайнери вибирають фігури в дизайні?


9

Багато разів під час перегляду сайтів, таких як Dribbble, трапляються сайти, які використовують форми (див. Цей приклад ). Вибачте за наївність, але чи є причина того, що вибираєте певну форму чи це просто тому, що вона в тренді? Як це впливає на роботу користувачів?


Пару визначних місць. Я дуже використовую кола, оскільки вони створюють відчуття завершеності - один з найбільш ранніх символів БОГ - це коло над рівностороннім трикутником. Як візерунок вони можуть бути рівномірними, створюючи відчуття порядку або випадкові та грайливі. Погляньте на Джеймі Рейда та британський панк-рух - він використовував рвані краї та розбірливі форми, щоб підкреслити бунт та політичне невдоволення. І будьте уважні до масонських посилань, таких як піраміда, пентаграма та одне око - вони існують та розгорнуті для розпізнавання впливу: goo.gl/4L7XHP
Applefanboy

Відповіді:


15

Насправді може бути дуже багато думок, що вкладаються в таке використання, що значно виходить за особисті переваги чи певну директиву клієнта.


Стиль

  • Якщо ви знаєте, що хочете більш доброзичливого , вільного "почуття", тоді ви б пішли з більш закругленими формами.
  • Якщо ви хочете отримати більш корпоративний, серйозний вигляд, ви схиляєтесь до кутів, трикутників і взагалі жорстких ліній.

Розміщення

Розміщення та положення можуть бути відсортовані за допомогою психології руху очей через дизайн або візуальної ієрархії в дизайні.

  • Якщо ви хочете щасливого, радісного настрою, направляйте погляд вгору і вправо ...
  • Якщо ви хочете більш серйозного, нещасного настрою, тоді направляйте погляд вниз і вліво.

Ці види дизайнерського вибору можуть визначати місце розміщення фігур.

Приблизно так само колір змінить сприйняття дизайну, а також розміщення та використання цих дизайнерських "форм" або елементів.


Баланс

Часто загальні графічні елементи можуть бути чудовими інструментами для покращення загального балансу дизайну.

Перегляд сторінки без форм створює статичну, нединамічну частину з дуже невеликим рухом очей. Потім дещо незбалансований через положення великої графічної графіки порівняно з типом блоку поруч (поля сторінки помітно не врівноважені).

введіть тут опис зображення

Щоб створити трохи більше «доброзичливого» вигляду, введіть кілька закруглених форм і використовуйте їх, щоб компенсувати цей дисбаланс поля у верхній частині макета. Це також дозволяє графіку діаграми збільшити без візуального вигляду "неправильно" розміру. Якби це мій дизайн, я міг би відтворити криві в "2" і "3", оскільки вони є існуючими видовими кривими - намагаючись імітувати або повторювати ці дуги для правої верхньої форми. (Повторення може сприяти наступності та згуртованості в рамках дизайну.)

введіть тут опис зображення

Однак зараз твір страшенно незбалансований. Таким чином, додаючи додаткову форму для компенсації верхнього правого кута, робиться багато для того, щоб врівноважити частину в цілому. Зважаючи на те, що рух вгорі праворуч є кращим, крива лівої форми може бути цілком навмисною для створення майже стрілоподібної комбінації зелених фігур. Крім того, градієнти на зелених фігурах ще більше сприяють руху вгору праворуч.

введіть тут опис зображення

Тож дизайнер цього твору - це….

  • використовуючи закруглені форми, щоб бути більш привабливим в цілому.
  • спрямовуючи погляд вгору і вправо, щоб сприяти хорошим почуттям ...
  • використовувати додаткові форми для створення загального балансу в дизайні, одночасно сприяючи руху очей.

Додайте до цього висококонтрастні (червоні) фігури вгорі, звернені ліворуч ...

Отже ... читання англійською мовою зліва направо, зверху вниз ... око відслідковує праворуч і вниз під час читання. Але природним чином малюється вгорі праворуч через фігури .. тоді червоні фігури тонко спрямовують око назад вліво, щоб знову почати читати ... тож око дійсно спрямоване в цій компоновці добре, намагаючись максимально збільшити час хтось витрачає на перегляд сторінки.

Такі рішення щодо використання та розміщення поставляються з досвідом та дослідженнями.

Начебто випадкові елементи можуть взагалі не бути випадковими ... вони можуть слугувати важливим цілям, навіть якщо читач / глядач не знає, якою може бути мета.


5

Це, мабуть, буде забито, але коротко; основні форми, кола, квадрати та прямокутники безцінні як основні елементи дизайну.

Форми та криві можуть забезпечити відчуття та емоції в дизайні. Кучерявий кий відчуває себе так інакше, ніж прямий кут.

Коло або кльош як мотив дизайну підказує гармонію найпростішим способом. Однак існує сильна тенденція дизайну до складних сіток та конструкцій.

По черзі, і у відповідь існує сильна тенденція до простоти та основних природних форм.

У 90-х роках говорили, що вони відмовилися від сітки для краплі, але сьогодні ми бачимо гібрид.

Оскільки наші екрани є прямокутниками, криві та кола на екрані створюють динамічний діалог між формами.


4

Це ґрунтується на думці, але:

  • багато разів ці "форми" походять від фактичного логотипу та / або є частиною системи брендингу. напр. Ромбова система Vodafone
  • в інший час вони можуть бути просто трендовими елементами
  • в іншому випадку - клієнти, які не можуть придбати нічого надто "простого", і вони вважають, що вони повинні отримати щось більш "креативне", тому дизайнерам потрібно буде придумати ці речі просто для заповнення білого простору

Щодо вашого третього пункту: сьогодні я обговорював дизайн обкладинки книг з нашим стажером - вашою базовою установкою "Заголовок, автор, картина". Я запитав, чи є "кімната або причина" для графічного елемента, але оскільки між елементами були хороші просторові відносини, ми погодилися з "ні, це нічого не додасть дизайну". Але сподіваємось, що клієнт не "боїться" порожнього простору!
usr2564301

Цей 3-й пункт так правдивий.
AndrewH
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.