Рамките на веб-страницата се едноставни цртежи на линии кои покажуваат поставување елементи на веб-страница. Можете да заштедите многу време со уредување на изгледот на едноставна жица на почетокот на процесот на дизајнирање наместо комплексен дизајн подоцна.
Користењето на жични рамки е одличен начин да започнете проект на веб-страница, бидејќи на вас и на вашиот клиент ви овозможува да се фокусирате на изгледот без одвраќање на бојата, видот и другите елементи на дизајнот. Концентрирајте се на она што оди каде што на вашите веб-страници и на процентот на простор кој секој елемент ги зазема, што може да се одреди според потребите на вашиот клиент.
01 од 03
Што да се вклучат во Wireframe на веб-страницата
Сите важни елементи на веб-страница треба да бидат претставени во вашата веб-страница. Користете едноставни форми наместо вистинска графика, и означете ги. Овие елементи вклучуваат:
- Навигација: Копчиња за корисниците да ги посетат главните делови на вашиот сајт.
- Лого на компанијата: Може само да биде претставено со кутија.
- Области со содржина: Каде ќе се појават вашите различни делови од содржината?
- Поле за пребарување
- Области за најава на корисници
02 од 03
Како да креирате Wireframes на вебсајт
Постојат различни начини да се создаде мрежна рамка за веб-страници. Тие вклучуваат:
Цртање со рака на хартија
Овој метод е во корист кога лице во лице со клиентот. Скенирајте ги вашите идеи за изложба на хартија, со фокус на тоа кои елементи треба да одат каде.
Користење на Adobe Photoshop, Illustrator или друг софтвер
Повеќето графички софтверски пакети се опремени со сите основни алатки неопходни за создавање на жични рамки. Едноставните линии, облици и текст (за означување на вашите елементи) се сè што треба да креирате презентибилна жица.
Користење на софтвер создаден за овој тип на задача
Додека Photoshop и Illustrator може да го направат трикот, некои софтверски пакети се развиваат посебно за овој вид на работа. OmniGraffle е дел од софтверот кој го поедноставува создавањето на жични рамки со обезбедување на облик, линија, стрела и текстуални алатки за користење на празно платно. Можете дури и да преземате сопствени графички комплети (бесплатно) на Graffletopia, што ви дава повеќе елементи, како што се заеднички веб-копчиња, за да работите.
03 од 03
Придобивки
Со веб-жични кадри, имате корист од tweaking едноставна линија цртање за да се постигне саканиот распоред. Наместо да се движат сложени елементи околу една страница, може да потрае многу малку време за повлекување на неколку кутии на нови позиции. Исто така е многу попродуктивно за вас или за вашиот клиент да се фокусира на изгледот прво ... нема да започнете со коментари како "Не ми се допаѓа таа боја таму!" Наместо тоа, ќе започнете со финализиран распоред и структура на кој ќе го базира вашиот дизајн.