Навучыцеся выкарыстоўваць простыя каркасы, каб пачаць свае праекты
Вэб - каркасны просты візуальны гід , каб паказаць вам , што вэб - старонка будзе выглядаць. Ён прапануе структуру старонкі , без выкарыстання якіх - небудзь графікі або тэксту. Сайт каркасныя бы паказаць усю структуру сайта - у тым ліку і на якія старонкі спасылаюцца на куды.
Вэб-каркасы з'яўляюцца выдатным спосабам, каб пачаць праектныя працы. І ў той час як можна ствараць складаныя каркасы з вялікай колькасцю дэталяў, ваша планаванне можа пачынацца з сурвэткай і ручкай. Ключ да стварэння добрых каркасаў, каб пакінуць усе візуальныя элементы. Выкарыстоўвайце скрынкі і лінію для прадстаўлення малюнкаў і тэксту.
Рэчы, каб уключыць у вэб-старонкі каркасныя:
- скрынкі для першасных графічных элементаў
- размяшчэнне загалоўкаў і падзагалоўкам
- простая структура макета
- заклікае да дзеяння
- тэкставыя блокі
Як стварыць просты вэб-Каркасны
Стварэнне вэб-старонкі з дапамогай любога каркаснага кавалак паперы ў вас ёсць пад рукой. Вось як я гэта раблю:
- Намалюйце вялікі прастакутнік - гэта можа прадстаўляць альбо ўсю старонку або толькі бачную частку. Я звычайна пачынаю з бачнай часткай, а затым пашырыць яго, каб уключыць элементы, якія былі б ніжэй згіну.
- Эскіз макета - гэта 2-калонкі, 3 калонкі?
- Дадаць у поле для графічнага загалоўка - Draw праз слупкі, калі вы хочаце быць адзін загаловак над слупкамі, або проста дадаць туды, дзе вы хочаце.
- Напісаць «Загаловак», дзе вы хочаце, каб ваш H1 загаловак будзе.
- Напісаць «Sub-Head», дзе вы хочаце, H2 і ніжнія загалоўкі, каб быць. Гэта дапамагае, калі вы зробіце іх прапарцыйна - h2 менш h1, h3 менш h2 і г.д.
- Дадаць у скрынях для іншых малюнкаў
- Дадаць у навігацыі. Калі вы плануеце ўкладкі, проста зрабіць скрынкі, і пісаць «навігацыю» над верхняй часткай. Або, маркіраваныя спісы ў калонках, дзе вы хочаце навігацыю. Не пішыце змест. Проста напішыце «навігацыю» або выкарыстоўваць лінію для прадстаўлення тэксту.
- Даданне дадатковых элементаў на старонку - вызначыць, што яны з тэкстам, але не выкарыстоўваць фактычны тэкст змесціва. Напрыклад, калі вы хочаце кнопку прызыву да дзеяння ў ніжнім правым куце, паклаў скрынку там, і назавіце яго "заклік да дзеяння». Ня пішы «Купіць зараз!» у гэтым полі.
Пасля таго, як вы атрымалі ваш просты каркасны напісана, і гэта не павінна вас больш, чым 15 хвілін, каб эскіз адзін ўверх, паказаць яго камусьці іншаму. Спытаеце іх, калі ёсць што-то не хапае і для іншых зваротнай сувязі. Зыходзячы з таго, што яны кажуць, што вы можаце напісаць яшчэ адзін каркасны ці трымаць адзін у вас ёсць.
Чаму папера Каркасы лепш за ўсё падыходзяць для першых чарнавікоў
Хоць можна ствараць каркасы з дапамогай праграм, як Visio, для пачатковых сесій мазгавой атакі, вы павінны прытрымлівацца папер. Папера не здаецца, як пастаянным, і многія людзі, выкажам здагадку, што Вы кінулі яго разам на працягу 5 хвілін, і таму не саромейцеся, каб даць вам добрую зваротную сувязь. Але калі вы выкарыстоўваеце праграму, каб стварыць фантазіі каркасы з дасканалымі квадратамі і кветкамі, вы рызыкуеце трапіцца ў самой праграме і марнаваць гадзіны, удасканальваючы тое, што ніколі не будзе ісці ў прамым эфіры.
каркасы паперы лёгка зрабіць. А калі вам не падабаецца, вы проста скамячыць паперу, кінуць яго ў перапрацоўку і захапіць новы ліст.