Ръководство на дизайнера по теория на мрежата
Независимо дали работите в уеб или печат, трябва да разберете теорията на мрежата. Докато някои дизайнери активно избягват мрежите в полза на по-интуитивното оформление със свободна форма, най-успешните го правят, като са работили с мрежи от години - те разбират правилата, преди да ги нарушат.
За самоуките дизайнери голяма част от теорията и рационализацията зад мрежата като инструмент за проектиране просто не са обхванати от типичните публикации в блогове и конференции. Ние сме тук, за да оправим нещата с този джобен ръководство за мрежата, включително малко теория.
Искате ли да улесните нещата? Опитайте страхотно уеб конструктор и се уверете, че сте напълно подкрепени с перфектното уеб хостинг обслужване. Съхранението не е до нулата? Вижте тези съхранение в облака настроики.
01. Решетките установяват метър и ритъм
Основната цел на мрежата - най-малкото в графичния дизайн - е да създаде набор от насоки за това как елементите трябва да бъдат позиционирани в оформлението. Ефективната решетка не само осигурява ритъма на дизайна, но и определя брояча.
Това е важна част от това да направите съдържанието достъпно и да помогнете на зрителя да разбере къде да намери следващата информация в оформлението. Той определя очакванията и определя правилата, тембъра и - в някои случаи - гласа на дизайна. Помислете за мрежа като за пътна карта, по която пътуват зрителите ви.
02. Мрежите определят и отразяват пропорцията
Ключов аспект на мрежата е способността й да помага за определяне и определяне на пропорцията. При печат пропорциите най-често отекват размера на носителя; формата и ориентацията на хартията често се отразяват в размера и формата на изображенията, включени в оформление, например.
Това се чувства комфортно, тъй като читателят разбира подсъзнателно контекста на оформлението в резултат на физическата форма и размера на механизма за доставка, например лист хартия.
В мрежата тази идея за отражение не е толкова важна, но решетките могат да се използват по същия начин, за да закрепят съдържанието обратно към екрана. Екраните могат да бъдат по-плавни и като дизайнер не е възможно да знаете със същата увереност какъв размер и форма на екрана ще бъдат използвани за гледане на съдържание.
Независимо от това, пропорцията и мащабът са важни инструменти в оформлението, така че използването на мрежа за определяне и прилагане на правилата помага да се определи този толкова важен набор от указателни табели, които дават възможност на читателя да има достъп и да разбира съдържанието.
03. Решетките работят със Златното сечение
Цялата концепция за окончателна мрежа „система“ е сравнително ново изобретение в света на дизайна. Решетките съществуват интуитивно от най-ранните дни на рисуване и писане, но едва наскоро оформлението се разглежда научно и като такова никога не е съществувало изолирано от другите правила за най-добри практики за оформление. Такъв пример за кросоувър е мястото, където Golden Ratio се среща с мрежата.
The Златно сечение (известен също като златната среда) определя най-приятния набор от пропорции за даден елемент и е опростен до „правилото на третините“. Когато се използват в комбинация с решетка, тези прости правила за размер, позиция и пропорция могат да помогнат да се гарантира, че оформлението се чувства последователно, но и естетически привлекателно.
Това е важно, защото за пореден път може да помогне за по-достъпно съдържание. Не забравяйте, че мрежата е невидимото лепило зад съдържанието - в повечето случаи тя трябва да е прозрачна за зрителя.
04. В мрежата има мрежа от 960 мрежи
След като разберете предимствата на наличието на мрежова система, има смисъл уеб дизайнерите да са възприели мрежи. За да направим нещата по-практични, няколко често срещани размера се превърнаха в стандарт. Най-често срещаната е 960px мрежа мрежа.
960px е добър размер, тъй като има много фактори (цели числа, на които може да се раздели): 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160 и т.н. Възможността за разделяне на мрежата по този начин осигурява голяма гъвкавост за ширината на колоните, предлагайки многофункционална мрежа за многократна употреба.
Излишно е да казвам, че много дизайнери са били заети с опаковането на мрежата от 960px в полезен набор от CSS библиотеки. Един такъв пример може да се намери на 960.gs , но има и други налични.
05. Решетките осигуряват солидна основа
Както видяхме, мрежите съществуват главно, за да помогнат за определяне на позиционирането и баланса в оформлението. Осигуряването на този вид твърда основа може да помогне да се гарантира, че съдържанието се представя в лесен за разбиране ред, но може да се използва и за подчертаване на конкретни области на съдържанието, просто като се извадят от мрежата.
Зрителят естествено ще идентифицира тези пробиви и ще бъде привлечен към тях, като даде на дизайнера възможност да играе с йерархията на оформлението и да променя значението на дадено произведение.
06. Мрежите работят с други ключови принципи на проектиране
Не забравяйте, че мрежата е само един инструмент заедно с много основни принципи, които можете да използвате, за да подобрите оформлението си. Не се захващайте с използването на мрежа твърде строго - някои от най-добрите дизайни нарушават всички правила за оформление на мрежата и са още по-успешни за това.
Разбирането как и кога да се използва мрежа може наистина да дойде само от опит, така че експериментирайте. Вижте другите ни статии по теория на дизайна, за да изберете други удобни инструменти и принципи, които можете да използвате, за да подобрите дизайна си.
Тази статия първоначално е публикувана в нето списание. Абонирайте се за net тук .
Свързани статии:
