Основи веб дизайну

Наші уроки веб дизайну не зупиняються на досягнутому. Портал Deadwork.ru вже надав вам великий обсяг інформації в цій сфері діяльності, як правила створення логотипу. але залишилося маса нерозкритих питань в інших видах робіт. Насправді простори веб дизайну дуже широкі, і я б навіть сказав, майже неосяжні, тільки найсильнішим умам в силу стати професіоналом і зрозуміти абсолютно всі закони цього нелегкого, непомірно заковирістового справи. (Для довідки, в Укаїни найвідоміший представник таких людей - Артемій Лебедєв) Сьогодні темою нашого вивчення є - основи веб дизайну. Я в подробицях розповім вам про створення ідеального дизайну вашого особистого сайту, з дотриманням всіх головних правил і канонів. Давайте почнемо…

У створенні будь-якого макета веб сайту існує п'ять основних правил, які ні в якому разі не можна порушувати. Так би мовити фундамент, і якщо їх порушити, то будинок має ймовірність не прожити до наступного року. Перше правило має назву «акцентування».

Другим, але не менш важливе принципом побудови картинки є «контрастування».

Це візуальне розділення двох, або більше елементів дизайну. Для кращої чіткості позначення розділів (елементів) свого сайту рекомендується використовувати високу контрастування. Є багато різних характеристик графіки, якими можна оперувати для досягнення необхідної контрастності предметів на вашому сайті. Ними можуть бути розмір, колір, шрифти для тексту. тип площині, на якій розташовані ваші роздягли і ще багато чинників. Для уникнення нудного, пересічного виду веб сайту постарайтеся зробити так, щоб всі основні елементи контрастували між собою. Контрастування має деякі спільні риси з акцентуванням, прийом також дозволяє загострювати увагу спостерігача на головних позиціях інтернет порталу. В економічному аспекті основи веб дизайну майже не змінюються, дизайнери останнього часу намагаються звести все в логотипу компанії, або окремої особи, тому що саме товарний знак найкраще залишається в пам'яті у покупця. Ось парочка класних прикладів, на які варто звернути увагу.

Поняття балансування означає співвідношення і розподіл окремих елементів на загальному полотні макета. Треба зуміти рівномірно розмістити візуальне навантаження на очі Новомосковсктеля. Чим плавніше вдасться це зробити, тим довше відвідувач «застрягне» на вашому порталі. Хоча в моїй практиці доводилося бачити макети сайтів спочатку створені без урахування цього прийому. Часом це може виглядати дуже круто і креативно, але якщо ви не впевнені в силі своєї уяви і дуже сумнівно бачите успіх кінцевого результату, краще взяти в оборот це правило. Баланс буває двох видів:

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

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

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

Напевно самий просто і зрозумілий ефект для рядового дизайнера. Його принцип дуже легкий - впорядкування і зведення всіх елементів сайту, щоб вони максимально близькі наближалися до своїх природним кордонів. Таким чином, ми зможемо домогтися уніфікації всіх розділів сайту на нашому макеті. Цей прийом повністю протилежний контрастированию. Якщо там ми намагалися виділити якісь окремі головні елементи, то тут, завдання упорядкувати наповнює матеріал сайту в певну ієрархію. Ось декілька прикладів для кращого засвоєння інформації.

Це основоположний прийом, і він використовується не для демонстрації креативності (хоча навіть тут можна покреатівіть), він використовується для створення графічного порядку і рівномірного навантаження на погляд відвідувача. Ніколи не пробуйте обійти це правило повз - інакше ви приречені на негативний схвалення вашої праці.

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