Автоматизирайте процеса на проектиране на мрежата с GridGuide
Първата голяма стъпка в дизайна на всеки уеб сайт е да изберете мрежа. Това обикновено определя максималната ширина на страницата, заедно с това колко вътрешни колони и олуци ще се използват за разделяне на оформлението.
Можете да опитате да създадете свой собствен, но най-добрият инструмент за тази работа е GridGuide. Това е напълно безплатно webapp това напълно автоматизира генерирането на мрежа за всеки уебсайт, независимо от размера му.
Просто поставете желаната максимална ширина, последвана от броя на желаните колони. Обикновено тези две числа трябва да бъдат делими, така че е добра идея да се избягват прости числа. Ето някои общи макс. Ширини на уебсайтовете:
- 1100px с 12 колони
- 1200px с 8/12 колони
- 1240px от 8/12 колони
- 1440px от 8/10/12 колони
- 1600px от 8/10/12 колони
Тук няма абсолютно никакъв грешен отговор. Можеш вземете всякаква ширина и толкова дълго, колкото е равномерно делима от броя на колоните тогава си добър.
GridGuide е бързо webapp, така че автоматично се актуализира, след като въведете стойност в полето за въвеждане. Така че, когато коригирате номерата в горната част, ще забележите Визуализацията на мрежата се променя автоматично.
Използвах Photoshop за тази работа и това ме караше да се бори. Честно да се създаде мрежа е една от най-разочароващите стъпки при проектирането на нов уебсайт, а получаването на пиксел-идеалния номер може да вбеси.
Но GridGuide е напълно автоматизирана и ви дава много различни опции на мрежата, базирани на различни размери на колоните и ширини на каналите.
Можете дори изтеглете пълно PNG изображение на решетката, която решите да импортирате в Photoshop. Това ще спести много време така че не създавате решетки с инструменти за форма от нулата.
И ако ви харесва определен стил на мрежата, можете да генерирате връзка за споделяне, за да маркирате за по-късно или да споделите с други хора в мрежата.
За инструмент, който е напълно свободен и толкова лесен за използване, това трябва да бъде моята най-добра препоръка за всеки уеб дизайнер. Ако се борите с мрежи и мразите да проектирате свой собствен, тогава GridGuide е задължителният ресурс във вашия набор от инструменти.
