Чи помічали, що художники, веб-дизайнери і фотографи у Тернополі дуже люблять поговорити про композицію? З боку може здатися, що це секретна знання, доступне одиницям, але насправді кожен з нас може розібратися в цьому питанні і зробити гарний і правильний сайт самостійно, не звертаючись за допомогою до професіоналів.
Не зовсім розумієте, що таке композиція? Нічого страшного, zкщо по-простому, то це вміння організовувати елементи і об’єднувати їх в єдине ціле — хоч на картині, хоч на фотографії, хоч у створенні сайтів Тернопіль. У цій статті ми розповідаємо про основи композиції і пояснюємо, як вони працюють в веб-дизайні. Мета? Зробити ваш сайт ще більш чарівним, звичайно.
Колір для сайту
Ваше завдання: вибрати правильні кольору
Колір вважається повноцінним елементом композиції. Від нього багато в чому буде залежати те, як люди сприймуть вашу розробку сайтів тернопіль, а разом з ним і продукт. Яскраві, контрастні кольори здаються нам енергійними і бадьорими, приглушені і компліментарні — спокійними, розслабленими. Подумайте, яку емоцію ви хочете зателефонувати, а потім підберіть відповідну колірну схему.
Кольорові акценти можна використовувати і для залучення уваги. Контрастні кольорові сполучення, наприклад, чорний з білим, кидаються в очі в першу чергу, тому ви можете оформити таким чином важливі кнопки — «Замовити» або «Зв’язатися з нами».
Якщо ж ви слабо уявляєте, яка колірна гамма вам потрібна, візьміть за основу наш готовий шаблон. Або зайдіть на сайт Adobe Color CC і поекспериментуйте з квітами і правилами побудови палітри.
Правило третини сторінки сайту
Ваше завдання: зрозуміти, куди що ставити
Правило третин — один з принципів побудови композиції. Подумки поділіть сторінку на дев’ять рівних частин, провівши дві горизонтальні і дві вертикальні лінії. Вважається, що люди фокусуються саме на точках перетину цих ліній, тому ці місця — самі виграшні. Згадуйте про це, коли будете думати, куди краще помістити фотографію або кнопку c закликом до дії, наприклад, з пропозицією підписатися на розсилку або перейти в розділ з покупками.
«Повітря для створення сайтів Тернопіль»
Ваше завдання: розчистити простір
Пам’ятайте часи, коли батьки просили вас навести в кімнаті порядок, «тому що місця вільного немає»? Золоті слова. Простір, або, як кажуть веб-дизайнери, «повітря» — дуже важливий композиційний елемент. Якщо його мало — займіться «прибиранням» і не піддавайтеся бажанням залишити якомога більше тексту, картинок і іконок. Тому що «повітря» іноді набагато важливіше, ніж контент.
Людям подобаються «просторі», не переобтяжені сайти — від них не рябить в очах, вони доносять чітко сформульовану думку і не дають шансу заплутатися. Подумайте, що ви хочете сказати світу, і обмежтеся парою-трійкою картинок і коротким текстом строго по справі.
Візуальна ієрархія
Ваше завдання: направити погляд користувача на найважливіше
Дуже багато досліджень присвячено тому, як люди переглядають веб-сторінки. Виявляється, вони сканують екран зверху вниз і зліва направо, а траєкторія руху їхніх очей в цей момент нагадує букву F або букву Z.
Пам’ятайте про це, коли почнете проектувати та програмувати веб-сторінки, і не забувайте, що у вас під рукою маса самих різних елементів, за допомогою яких можна подати інформацію максимально ефективно, в повній відповідності з правилами візуальної ієрархії. Це кольори і відтінки, тексти і картинки різних розмірів, комбінації шрифтів і, звичайно ж, лінії — вертикальні, горизонтальні і діагональні. Повірте, користувачі з задоволенням пройдуть по запропонованим вами шляху і прочитають все як годиться: спершу найголовніше, а вже потім — усе інше.
Розуміючи, на що людина дивиться в першу чергу, а на що — у другу і в третю, ви можете розподілити інформацію найбільш вигідним для вас способом. Хочете, щоб покупці не пройшли повз певної кнопки? Значить, ставте її туди, куди в першу чергу падає погляд, і виділяйте яскравим кольором. Хочете показати, які класні у вас товари за допомогою фотографій? Знайдіть для них найкраще місце і простежте, щоб вони не зливалися з фоном.