Як намалювати дизайн сайту

Як намалювати дизайн сайту

По одягу зустрічають не тільки людей, але і сайти. Одежиною сайту є його дизайн. Якісний і привабливий дизайн ресурсу справляє сприятливе враження на користувачів, забезпечуючи тим самим їх лояльність і готовність приділити свій час подальшого перегляду. Крім якості важлива оригінальність і унікальність дизайну. Об’їжджених теми відштовхують відвідувачів. Але розробка унікального дизайну коштує дорого. Саме тому багато початківці web-майстри задаються питанням про те, як намалювати дизайн сайту власними руками.

Вам знадобиться

- Олівець;
- Аркуш паперу;
- Редактор растрової графіки GIMP або Photoshop;
- Опціонально: редактор векторної графіки (наприклад, CorelDraw);
- Опціонально: середа 3D-моделювання (3DStudio, Blender);
- Сучасний браузер;
- Доступ в інтернет.

Інструкція

  1. Розробіть концепцію дизайну сайту. Визначтеся зі стилем, колірною схемою, компонуванням сторінок (розміром шапки сайту, розташуванням меню, блоків тексту, зображень). Добре, якщо в основі концепції дизайну будуть лежати оригінальні ідеї. Але при їх нестачі можна черпати натхнення в ході аналізу вже існуючих рішень. Наприклад, переглядаючи каталоги тем оформлення популярних CMS. Результатом роботи може стати ескіз сторінки сайту, виконаний олівцем на аркуші паперу із зазначенням зон фіксованих і варіюються розмірів.
  2. Створіть заготівлю шаблону сторінки сайту в редакторі растрової графіки. У графічному редакторі відкрийте новий документ. Розміри документа повинні бути набагато більше мінімальних розмірів сторінки як по горизонталі (навіть якщо не передбачається створювати «гумовий» дизайн), так і по вертикалі. Додайте новий прозорий шар. У доданому шарі лініями товщиною в 1 піксель Викреслити зображення шаблону сторінки з дотриманням реальних розмірів елементів. Для дизайну сторінок фіксованої ширини позначте крайові області, які будуть заповнені кольором фону.
  3. Завантажте з інтернету або розробіть самостійно елементи дизайну сторінок. Логотип та унікальні елементи дизайну можуть бути створені в середовищі 3D-моделювання, векторному або растровому редакторі. Тематичні зображення високої роздільної здатності у великій кількості містяться в безкоштовних інтернет-фотобанках. Існують в інтернеті і безкоштовні колекції іконок, які можна вільно використовувати в своїх проектах.
  4. Намалюйте дизайн сайту. У документ, у якому заготівлю шаблону сторінки сайту в графічному редакторі, додайте прозорі шари. Виділіть і залийте в них області, відповідні фону сторінки. Заповніть області з градієнтної заливкою та періодичними текстурами. Вставте логотип, статичні зображення, іконки. Окресліть межі блоків. Додайте текст. Кожен закінчений елемент дизайну, статичне зображення і логотип поміщайте в окремий шар. Переміщайте зображення в шарах для того, щоб домогтися необхідної компонування.
  5. Збережіть робочий «исходник» дизайну сайту в «рідному» форматі графічного редактора. Це дозволить повернутися згодом до його редагування.

Корисні поради

Розробіть і збережіть у вигляді окремих зображень типові елементи дизайну сайту (наприклад, меню, текстові блоки) для їх багаторазового використання в шаблоні.