Дизайн Ч.2 - (Т+К)*Те=Н

Здогадуюсь, що у вас виникло деяке запитання: Що ж означає ця дивна формула? Та і як взагалі формули стосуються дизайну?

Відповідаю:

(Типографіка + Колір) * Текст = Настрій

З цього зрозуміло, що настрій сайту залежить від типографіки, кольорів та тексту. При використанні слова "Настрій" маю на увазі ті відчуття та емоції, які викликає сайт: чи то довіру, чи то спокійність, чи дружність, чи надійність і так далі. Все це виконується, якщо підібрати кольори та шрифти, а також написати відповідний текст.
Можна подумати: то на що так паритися? або на що це взагалі потрібно? Та відповідь дуже проста: від зручності читання або від приємного кольору людина отримує певне враження. І це враження вплине на те, чи купуватиме людина щось, якщо це інтернет-магазин, або буде читати далі статтю, якщо це блог.

Колір та Типографіка

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

Наприклад, щоб передати Міський настрій потрібно використовувати чорні, теплі і холодні відтінки сірого, оливковий, відтінки коричневого та червоний, а типографіка повинна бути з жирних сан-серифів, закруглених елементів та геометричних шрифтів. Або якщо потрібно передати Дружній настрій потрібно використовувати червоно-оранжевий, жовтий або яблучно зелений. Для типографіки взяти шрифти з жирними та овальними елементами або шрифти, що матимуть схожість з рукописними.

Тож я вирішила, що мій сайт повинен бути дружнім, щирим, викликати довіру та впевненість. Для цього найкраще підходять відтінки жовтого та синього. Також додати світло сірий для фону, а темно синій використати як основний колір та взяти 2 відтінки тепло-жовтого для акцентних елементів.
Зі шрифтів я вибрала жирний та закруглений Nunito для заголовків, а для тексту Lora - контрастний серіф з рубленими засічками.

Текстове наповнення

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

Логотип

Маючи настрій, кольори та типографіку, можна створити логотип. Я думаю, що він повинен бути досить простий та відповідати темі мого проєкту. Тож все виявилось досить просто:

Висновки

Тож тепер у мене є:
✔ приблизна структура
✔ кольорова гамма
✔ типографіка
✔ текстове наповнення
✔ настрій
✔ логотип

Наступним кроком буде створити прототип.

Чекаю ваші коментарі, зауваження та пропозиції.

З великою цікавістю,
Надія