реклама
На техническо ниво съвременният уебсайт не е само едно. Това е сложна супа от взаимодействащи технологии, като HTML (маркирането, което виждате на страницата), JavaScript (The език, работещ във вашия браузър, засягащ взаимодействията), CSS (езикът за настройка на външния вид на страницата) и Повече ▼. Но на по-основно ниво уебсайтът е идея.
Ако това е вашият уебсайт, вероятно знаете какво искате да прави или какво искате потребителите да излязат от него. Може би трябва да е лесно място за тях да намерят информация за технологиите; или може би трябва да обясни защо си най-добрата група или разходка с кучета Във всеки случай, много преди да се наложи да се справите с HTML, CSS, JavaScript или друга конкретна уеб разработка технология, трябва да имате много ясна представа какво трябва да прави вашият сайт и какъв трябва да изглежда като цяло като. И телените рамки за уебсайтове са начинът да се втвърди тази идея и да се предаде.
Гърбът на салфетката
Тел рамка на уебсайт е само скица на това, което искате да изглежда вашия сайт. Не би трябвало да е хубаво и дори не се нуждаете от софтуер, за да го създадете. Можете просто да вземете лист хартия или дори салфетка и да започнете да блокирате в уебсайта си, елемент по елемент. “
Заглавието отива тук... и след това имаме меню за навигация... о, и тук мога да сложа поле за търсене.“Точно в тези общи, прости думи, сглобете една част от уебсайта си заедно, докато крайният резултат изглежда така:
Както можете да видите, това не е компютърен код или нещо твърде техническо или сложно. Всеки би могъл да разгледа тази бърза скица и веднага да разбере какво вижда. И това е въпросът на телените рамки: те се правят много бързо и са лесни за разбиране. Те ви позволяват да получите правилните важни неща, като оформлението на сайта, структурата на навигацията и разположението на рекламите, преди да докоснете един ред код. И ако работите с други хора, като например кодер или дизайнер, те оставят всички да постигнете съгласие за това как ще изглежда крайният резултат. Това може да спести много объркване и двойна работа, особено когато става въпрос за по-големи проекти.
Важно е да се отбележи липсата на подробности в телената рамка по-горе: Изображенията до всяка статия не са „истински“ изображения, а очевидни задържатели. Дори текстът на статията не е попълнен - това е просто куп редове. Не можете да видите каква ще бъде цветната схема - всичко е просто черно и бяло. Ето какво е телена рамка предполагаем да изглежда. Не трябва да бъде пълно представяне на крайния уебсайт, а само неговият дух или същност, ако искате. Това са просто най-важните неща.
Инструменти за телени рамки
Както вече споменах, най-добрият инструмент за телени рамки често е само лист хартия и химикалка. Излизането от компютъра ви наистина може да помогне да изчистите ума си и да се съсредоточите върху това, което искате да изглежда уебсайтът ви, без досадни прекъсвания или бъркотия относно изучаването на нов инструмент за фиксиране. Един математически тефтер (както е показано по-горе) обикновено работи най-добре, защото проследявате по линиите, създавате спретнати правоъгълници и лесно подравнявате различните парчета от вашия сайт заедно. Вземете една, химикалка или две и отидете да пиете кафе някъде далеч от компютъра. Ще се върнете с ясна представа какво точно се опитвате да създадете.
Това каза, че понякога е необходим софтуер за телена рамка. Например, може би работите като част от екип, разпространен в цялата страна или по целия свят, или може би пишете публикация в блог за телфрейминг. В тези случаи ръчното сканиране на телени рамки не е много практично решение. Ето някои безплатни софтуерни инструменти, които могат да ви помогнат, ако наистина не можете да използвате химикалка и хартия:
- Lumzy: Безплатен, базиран на Flash инструмент за телена рамка с богата библиотека от предмети. Това е инструментът, който използвах за създаването на телената рамка, която виждате по-горе - тя е бърза и безболезнена.
- QuirkTools Wires [Премахнат счупен URL адрес]: По-прост инструмент, без опции за подравняване. Това не е Flash-базирано.
- присмехулник: Търговски инструмент, но има ограничен безплатен план.
Не само за уебсайтове
Вероятно сами сте осъзнали това, но това е добра забележка, за да завършите с: Wireframes са фантастичен инструмент за създаване на всеки продукт, а не само на уебсайт. Може би имате груба идея за приложение за iPhone или Android или дори пълноценно компютърно приложение. В тези случаи телените рамки на уебсайтове са безценни за показване как изглежда всичко и дори могат да ви помогнат да накарате хората да подкрепят вашия проект по различни начини.
Сами създавали ли сте телена рамка? Ще започнете ли сега, когато четете това? Уведомете ме в коментарите!
Кредити за изображения: Смачкано изображение на салфетка чрез ShutterStock, Червено изображение на тетрадка чрез ShutterStock