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