Технології

Сайт Sponge як приклад симетрії у веб-дизайні

Автор · · 3 хв читання

21 серпня 2014 року ресурс DesignWebKit опублікував матеріал Helen Stark «Symmetry and Asymmetry in Web Design», у якому сайт студії Sponge названо одним із прикладів. Авторка відзначає горизонтальну симетрію пунктів меню, а елементи по обидва боки лінії розставлено вільно, і, на думку авторки, саме це не дає дизайну стати нудним.

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

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

«Sponge website depicts a horizontal symmetry of the menu elements»

У перекладі: сайт Sponge демонструє горизонтальну симетрію елементів меню. Для інтерфейсу такий прийом корисний тим, що меню задає рівну основу, а вільне розташування решти вмісту оживляє екран і не дає йому виглядати шаблонно.

Студія та її сайт

Sponge працює як digital-агенція, а засновником студії є Богдан Гнатюк. У 2014 році в команді працювали виконавчий директор Кирило Соляр і провідний дизайнер Сергій Семерньов, який водночас був директором і співвласником SPONGE STORE. 19 серпня, за два дні до публікації DesignWebKit, Соляр дав інтерв'ю виданню Innabits, і матеріал про симетрію вийшов у той момент, коли увага до робіт бюро вже зростала.

Увага ця була не випадковою. Ще в грудні 2013 року попередня версія сайту студії отримала відзнаку Honorable Mention на Awwwards. Awwwards — міжнародний майданчик, де журі обирає найкращі сайти за дизайном і реалізацією, і потрапляння навіть до почесного списку вважається помітною ознакою якості в професійному середовищі.

Нагороди 2014 і 2015 років

Восени 2014 року роботи студії продовжили отримувати відзнаки. 13–17 жовтня на конкурсі UD 2014 сайт Estetico.me отримав відзнаку Best of B-1, а логотип «Первого городского» було відзначено як Best of C-I-5. Того ж дня, 17 жовтня, Creativity Ukraine поставила Sponge на 12-те місце в проміжному рейтингу з 4 балами.

У 2015 році сайт самого бюро потрапив до цілої низки професійних добірок. Сайтом дня CSSDA його обрали 24 травня з підсумковою оцінкою 7.80. Далі були обрання сайтом дня на CSS Winner 13 червня, де оцінка становила 7.5, і на Awwwards 8 серпня, де сайт отримав оцінку 7.03. Така низка пояснюється не однією вдалою роботою, а тим, що сайт регулярно проходив через різні міжнародні конкурси, кожен із яких оцінює реалізацію за своїми критеріями.

Улітку та восени 2015 року сайт Sponge продовжив збирати відзнаки в професійних конкурсах, і ця серія завершилася на російській премії. 22 жовтня 2015 року на «Золотом сайте 2015» сайт Sponge посів перше місце в номінації «Сайт digital-агентства».

1Перегляди

Карлос Бенітес

Автор

Політичний кореспондент

Фото: Иллюстрация Maralles, создана с помощью ИИ