Дълговете на уебсайтовете са прости линейни чертежи, които показват разположението на елементи на уеб страница. Можете да си спестите много време, като редактирате оформлението на проста рамка в началото на процеса на проектиране, а не по-късно сложен дизайн.
Използването на wireframes е чудесен начин за стартиране на уебсайт проект, тъй като позволява на вас и вашият клиент да се съсредоточите върху оформлението без разсейване на цвят, тип и други дизайнерски елементи. Концентрирайте се върху това, което се случва на вашите уеб страници, и процентното пространство, което всеки елемент заема, което може да бъде определено от нуждите на вашия клиент.
01 от 03
Какво да включите в уебсайт Wireframe
Всички важни елементи на дадена уеб страница трябва да бъдат представени на вашия уеб-сайт wireframe. Използвайте прости форми вместо действителни графики и ги маркирайте. Тези елементи включват:
- Навигация: Бутони за потребителите да посещават основните секции на сайта ви.
- Лого на фирмата: Може просто да бъде представено от кутия.
- Полета за съдържание: Къде ще се появят различните ви раздели?
- Полета за търсене
- Потребителски зони за влизане
02 от 03
Как да създадете уеб сайтове
Има различни начини да се създаде мрежа от уеб страници. Те включват:
Рисуване ръчно на хартия
Този метод е удобен, когато се изправяте лице в лице с клиент. Скицирайте идеите си за оформление на хартия, като се съсредоточете върху елементите, които трябва да отидат там.
Използване на Adobe Photoshop, Illustrator или друг софтуер
Повечето графични софтуерни пакети са оборудвани с всички основни инструменти, необходими за създаване на телени рамки. Обикновените линии, форми и текст (за да обозначите елементите си) са всичко, от което се нуждаете, за да създадете представителен wireframe.
Използване на софтуер, създаден за този тип задачи
Докато Photoshop и Illustrator могат да направят този трик, някои софтуерни пакети са разработени специално за този вид работа. OmniGraffle е софтуер, който опростява създаването на телени рамки, като предоставя форма, лента, стрелки и текстови инструменти, които да се използват на празно платно. Можете дори да изтегляте персонализирани графични комплекти (безплатно) в Graffletopia, които ви дават повече елементи, като обикновени бутони за уеб, с които да работите.
03 от 03
Ползите
С телеграфните уебсайтове имате предимството да променяте проста линия, за да постигнете желаното оформление. Вместо да премествате сложни елементи около страница, може да отнеме много малко време, за да преместите няколко кутии на нови позиции. Също така е много по-продуктивно за вас или вашият клиент да се фокусирате първо върху оформлението ... няма да започнете с коментари като "Не ми харесва този цвят там!" Вместо това ще започнете с финализирано оформление и структура на които да базират вашия дизайн.