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

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

Зробіть клітинку помітною

Складається таке враження, що друга картинка більше чіпляє уваги, чи не так? І зауважте, що колір лінії трохи відрізняється від кольору фону. Ось де ховається ключ!

Ця маленька різниця допомагає другому фоні  виділяється з навколишнього вмісту. Зовнішня межа відокремлює рамку від сторінки, але при цьому не псує зовнішній вигляд.

Реальні приклади

В Інтернеті існує безліч класних прикладів реалізації таких картинок. Я продемонструю Вам кілька прикладів дуже популярних сайтів. Кольори для кожного прикладу додаються.