Складіть, розташуйте елементи на сторінці. Як важко! Правда? Ось кілька порад, щоб полегшити це основне завдання проектування. Готові робити збалансовані, гармонійні та незабутні композиції? ПЕРЕЙТИ.

підказок

Існує люди, народжені з вродженим інстинктом дизайну, що стосується музики чи спорту. Грати в порожній простір, вибирати правильний тип і рейтинг, розміщувати елементи на сторінці підтримки - це не дитяча гра, оскільки все в житті має свої правила, "поради та підказки". Але, звичайно, ми не всі Марадони в дизайні природним чином.

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

Якщо ви один з тих, хто має сумніви в середині процесу і ви бачите "щось дивне, що я не знаю, що це таке але що це таке?, ми допомагаємо вам знайти його щоб ваші композиції були повністю збалансованими, і ви тренували око. Напад!

1. Основа: створити сітку або сітку

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

Якщо у вас є запитання про те, як створити свою сітку, ми рекомендуємо ти починаєш читати "Дизайн із сіткою та без неї" Тимоті Сахари з видавництва Gistavo Gili. Вам може знадобитися трохи, щоб знайти його, тому що вийшов з друку, але його варто переглянути, навіть видалити небо і землю, щоб знайти їх, тому що, безсумнівно, це зможе прояснити всі ваші сумніви щодо того, як створити ці попередні плани, перш ніж починати будувати.

Якщо ваша композиція буде в Інтернеті, тому що ви присвятите себе веб-дизайну, найбільш консолідованим ключем веб-сіток є завантажувальний ремінь, що складається з 12-стовпчикової адаптивної системи, створеної за допомогою CSS.

2. Подумайте, а потім дійте: зробіть ескіз

Перш ніж вас потрапить на екран комп'ютера, візьміть зошит і намалюйте свою сітку. Про неї, зробіть ескіз, розмістіть свої елементи, вивчіть різні комбінації, видалити, перемістити елементи назад, знайти баланс. Ви побачите, як це зробити за допомогою ваших ескізів та дотримання наших порад, ви побачите все набагато чіткіше, коли увімкнете комп’ютер.

3. Основна цікавинка: створити візуальний фокус

Ніколи не забувайте, що дизайн - це частина спілкування. Найкращий спосіб спілкування - це розповісти історію, але як ми можемо змусити їх помітити нашу історію? Одним із кроків, який полегшить процес, є вирішення, який буде вашим зоровим фокусом (VIC, фокусна точка), вашим ключовим елементом, тим, що приверне увагу глядача з першого погляду і змусить читання продовжуватися. Виберіть це зображення, цей заголовок, щоб розпочати спілкування, розмістіть його і, виходячи з цього, все інше. Запам’ятайте області, де ці точки виглядають більше: діагональ зліва направо або центральна вісь, наприклад.

Не кажучи вже про дизайн цього журналу з 1937 року, і тепер ми думаємо, що ми сучасні. Руки плескають з WhatsApp, яка якість, дитино!

4. Важливість інформації: ієрархія

Як ви позиціонуєте все інше? Перш ніж вам доведеться вирішити важливість кожного елемента вашого дизайну. Хороша техніка є напишіть список із елементами, розмістивши їх у тому порядку, в якому ви хочете, щоб їх бачили глядачі вашого дизайну. Чи не те саме. «Торремолінос. 30 квітня. Конференція. Композиція та дизайн ». що «Композиція та дизайн. Конференція. 30 квітня, Торремолінос ».

Для ранжування інформації Рекомендуємо пограти з розмірами елементів, створювати заголовки, субтитри жирним шрифтом ... Будь-яка диференціація надаватиме різне значення кожній частині змісту, що створюватиме відчуття читання. Звичайно, ми не бачимо більше 2 шрифтів, ми бачимо, що ви приїжджаєте! Краще прочитайте наступну пораду.

5. Створити відчуття читання

Зараз ми вже маємо базу і знаємо, які елементи важливіші порівняно з іншими але ... Як ми будемо замовляти всю цю інформацію? Найкраще почати думати про почуття прочитаного, яке матиме користувач, проведе вас через елементи, щоб ви не загубилися і в кінцевому підсумку побачили повний дизайн.

Як ми можемо направити користувача, не відправивши його в Куенку? (Яке гарне місто і які гарні його види!). Існує кілька методів зв’язку інформації, хоча це завжди це залежатиме від елементів, що складають наш дизайн але найбільш інтуїтивно зрозумілими способами є: проведення тексту, зображень, кольорів або ліній.

6. Балансування масштабу: вага елементів

Може бути ви розміщували елементи на своєму робочому полотні і вже класифікували їх, але ви починаєте бачити, що є щось дивне, і ви не знаєте, чому. Ви запитаєте себе «А що з цим відбувається?». Іноді легко забути візуальну вагу елементів (розмір, колір, форма, орієнтація та кількість позицій), але ми повинні це уявити всі елементи схожі на ваги на вазі, і якщо він не збалансований, буде зоровий фокус, який приверне погляд до точки, що не цікавить, або принаймні, не вашої точки зору, тієї, яку ви вибрали. Балансуючи наш дизайн, він зробить його візуально приємним, стабільний і це дозволить нам стежити за сенсом читання що ми навмисно створили.

Подумайте інакше, коли ви працюєте, наприклад, у Indesign, з нашими напрямними, полями, сіткою тощо, ми можемо мати хибне відчуття рівноваги, і коли ми видаляємо всі ці структурні елементи: "дизайн caeeee!", Тож ви повинні постійно чергувати між собою режим попереднього перегляду структури та друку.

Ця стаття Smashingmagazine більш детально пояснює важливість ваги елементів. Не переставайте читати, це маленька перлина.

7. Повітря теж важить: заготовки

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

8. Думайте глобально: набір елементів

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

У вас уже є найбільш чіткі ідеї, як створити свою композицію? Давай зробимо це! Візьміть свій зошит і запустіть машину.