Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

2. Геометричні текстури
До геометричним структурам відносяться всілякі смужки, клітини, ромби. У дизайні використовуються трохи рідше в силу своєї яскраво вираженої регулярності, симетричності і повторюваності. Більш, того як видно з прикладів, такі візерунки відразу ж відтягують на себе увагу, на шкоду контенту. І якщо це було задумкою, то таке використання виправдано. До найбільш нейтральним геометричним візерункам можна віднести горизонтальні або вертикальні смужки приглушених відтінків.

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

3. Орнаментні текстури
Ще один різновид повторюваних візерунків, але з використанням більш складних і вигадливих елементів. Такі текстури відразу ж роблять будь-який дизайн не простим, а з претензією, так би мовити. В силу химерності візерунка ідеально підходять для вантажних дизайнів. Також мають властивість відтягувати на себе увагу, тому вплив слід регулювати кольором і насиченістю. При занадто дрібному малюнку може виникнути відчуття повторюваності і нудьги.

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

6. Матеріальні текстури
Першу групу матеріальних текстур утворюють приглушені матеріальні текстури. Такі поверхні мають рівномірно розподілене текстуру, ненав'язливо натякаючи на свою матеріальність. Це легкі гранжеві, паперові, тканинні та інші шорсткі текстури. Їх перевага в тому, що вони дають повну свободу у виборі оздоблювальних елементів, граючи при цьому роль фону, але надаючи всьому дизайну особливий колорит. Дуже популярний тренд сьогодні.

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

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

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Класифікація текстур в веб-дизайні і особливості їх використання, designonstop - про дизайн без

Ну, наприклад, - «А тепер, я познайомлю вас з тим, як створюються головні сторінки певних сайтів. Що необхідно враховувати при виборі текстур, квітів і як впливають останні на сприйняття інформації сайтів. Наочно розберемо і зберемо найбільш наочні приклади якісного та ефективного побудови головних сторінок популярних блогів. Так само розберемо, на мій погляд, і невдалі рішення. Давайте знайомитися. Мене звуть - Наташа Клевер. »
Приблизно так:))

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