Archive for Дизайн

Де ставити рекламні блоки на сторінці

Куди ставити рекламні блоки на сторінці, щоб саме точкою виходу була реклама?

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

Read more

Пошук елементів CSS на сторінці

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

Read more

Що таке сітковий шаблон?

сітковий шаблон

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

Read more

Як робити ефективну систему web-навігації

web-навігація

В статті показані основні принципи побудови ефективної системи web-навігації на сайті. Хороша система навігації допоможе Вам орієнтуватися на сайті.

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

Готові? Давайте протестуємо ваш сайт, відповідаючи на ряд фундаментальних питань.

Read more

Тенденції кнопки «Add To Cart» («Покласти в кошик»)

Кнопка добавити в кошикКнопка «Add To Cart» («Покласти в кошик») – це невід’ємна кнопка будь-якого сучасного інтернет-магазину, яка присутня практично в усіх інтернет-магазинах. Ця кнопка розміщена біля кожного товару, натиснувши на яку покупець віртуально покладе товар у корзину, начебто він це робить у звичайному супермаркеті.

Звичайно, дизайн та розміри кнопки «Add To Cart» мають дуже важливе значення, так як це дуже впливає на спонукання до дії покупця. Тому різні інтернет-магазини постійно експериментують з дизайном даної кнопки, щоб збільшити продажі.

Read more

10 важливих правил створення сайтів

Ерік РайсФахівець з питань інформаційної архітектури, юзабіліті і досвіду, Ерік Райс (Eric Reiss) рекомендує дизайнерам дотримуватись десяти правил при створенні сайтів. Ці правила є важливою для усіх, хто працює зі структурою та дизайном сайтів, так і їх змістом.

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

Read more

Як зробити дві float-колонки однакової висоти

В даній статті представлений спосіб верстки двох-колоночних макетів сайту, де обидві колонки повинні мати однакову висоту. Тема, здавалося б, уже відома та давно вирішена: будь-який західний (а з ними і вітчизняний) ресурс видасть вам з десяток способів зробити це. Але ці способи мають один нюанс: це будуть макети-«цеглини», тобто макети з фіксованою шириною. Межа можливостей – розтягується тільки одна  колонка. У цій статті буде показано, як зробити дві (і більше) колонки такими, щоб розтягувались, причому це буде не емуляція у вигляді товстого кольорового бордера, а буде саме повноцінна колонка, якою можна задати, наприклад, свою фонову картинку.

Read more