Съставете, подредете елементите на страницата. Колко трудно! Вярно? Ето няколко съвета за улесняване на тази основна дизайнерска задача. Готови ли сте да правите балансирани, хармонични и запомнящи се композиции? ОТИВАМ.

композиция

Има хора, родени с вроден инстинкт за дизайн, както за музика или спорт. Играта на празно място, избора на правилния тип и класирането, подреждането на елементите на страницата за поддръжка не е детска игра и както всичко в живота има своите правила, „съвети и трикове“. Но разбира се, не всички сме Марадона в дизайна по естествен начин.

Но дори да сме малко картофи, не бива да се притесняваме. За щастие всичко (или почти) се научава, и с практика и знания можете да бъдете крал или кралица на бала и композиционни схеми. И днес ние поставяме знанията!

Ако сте от тези, които имат съмнения в средата на процеса и виждате „нещо странно, което не знам какво е но какво е това?, ние ви помагаме да го намерите така че композициите ви да са напълно балансирани и да тренирате окото си. Атака!

1. Основата: създайте мрежа или мрежа

Въпреки казаното от Фито, не можете да започнете къщата с покрива, и не можете да го направите, без да вземете предвид плановете. Няма значение дали проектирате уебсайт, плакат или каталог. Създаването на решетка със солидна основа според вашия дизайн ще бъде от ключово значение така че композицията ви да е напълно балансирана.

Ако имате въпроси за това как да създадете вашата мрежа, препоръчваме започваш да четеш "Дизайн със и без решетка" от Тимоти Сахара от издателство Gistavo Gili. Може да ви отнеме малко време, за да го намерите, защото е излязъл от печат, но си заслужава да бъде разгледан, дори премахнете небето и земята, за да го намерите, защото със сигурност ще може да изясни всичките ви съмнения относно това как да създадете тези предварителни планове, преди да започнете да изграждате.

Ако вашата композиция ще бъде онлайн, защото се посвещавате на уеб дизайна, най-консолидираният ключ на уеб мрежите е bootstrap, състояща се от 12-колонна отзивчива система, създадена чрез CSS.

2. Помислете и след това действайте: направете скица

Преди да ви хване екранът на компютъра, вземете тетрадка и нарисувайте решетката си. За нея, направете скица, поставете вашите елементи, изучете различните комбинации, изтриване, преместване на елементите обратно, намерете баланса. Ще видите как с вашите скици и следвайки нашите съвети, ще видите всичко много по-ясно, когато включите компютъра.

3. Основна точка на интерес: създайте визуален фокус

Никога не забравяйте, че дизайнът е част от комуникацията. Най-добрият начин за комуникация е да разкажете история, но как можем да ги накараме да забележат нашата история? Една стъпка, която ще улесни процеса, е да решите кой ще бъде вашият визуален фокус (VIC, фокусна точка), вашият ключов елемент, който ще привлече вниманието на зрителя от пръв поглед и ще накара четенето да продължи. Изберете това изображение, това заглавие, за да започнете да общувате, поставете го и въз основа на него всичко останало. Не забравяйте областите, където тези точки изглеждат повече: диагонал отляво надясно или централна ос, например.

Камо ли дизайнът на това списание от 1937 г., а сега смятаме, че сме модерни. Ръцете пляскат от WhatsApp, какво качество, хлапе!

4. Значението на информацията: йерархия

Как позиционирате всичко останало? Преди да трябва да решите важността на всеки елемент от вашия дизайн. Добра техника е напишете списък с елементите, като ги поставите в реда, в който искате зрителите на вашия дизайн да ги видят. Не е същото. «Торемолинос. 30 април. Конференция. Състав и дизайн. » че «Състав и дизайн. Конференция. 30 април, Торемолинос. »

За класиране на информацията Препоръчваме ви да играете с размерите на елементите, да създавате заглавия, субтитри, получер ... Всяка диференциация ще придаде различно значение на всяка част от съдържанието и това ще генерира чувство за четене. Разбира се, няма какво да поставите повече от 2 шрифта, виждаме, че идвате! По-добре прочетете следния съвет.

5. Създайте чувство за четене

Сега вече имаме база и знаем кои елементи са по-важни в сравнение с други но ... Как ще поръчаме цялата тази информация? Най-добре е да започнете да мислите за чувството за четене, което потребителят ще има, ще ви преведе през елементите, за да не се загубите и в крайна сметка да видите цялостния дизайн.

Как можем да насочим потребителя, без да го изпращаме до Куенка? (Какъв красив град и колко красиви са гледките му!). Има няколко метода за свързване на информацията, макар че това винаги това ще зависи от елементите, които съставят нашия дизайн но най-интуитивните начини обикновено са: насочване през текст, изображения, цветове или линии.

6. Балансиране на скалата: теглото на елементите

Може би поставяте елементите на вашето работно платно и вече сте ги класирали, но започвате да виждате, че има нещо странно и не знаете защо. Ще се запитате «А какво се случва с това?». Понякога лесно е да забравите визуалната тежест на елементите (размер, цвят, форма, ориентация и брой позиции), но трябва да си представим това всички елементи са като тежести на везната и ако тя е небалансирана, ще има визуален фокус, който ще привлече погледа до точка, която не представлява интерес, или поне не вашата интересна точка, тази, която сте избрали. Балансирането на нашия дизайн ще го направи визуално приятен, стабилен и ще ни позволи да проследим чувството за четене че умишлено сме създали.

Мислете по друг начин, когато работите например в Indesign, с нашите водачи, полета, решетка и т.н., можем да имаме фалшиво усещане за баланс и когато премахнем всички тези структурни елементи: „design caeeee!“, Така че непрекъснато трябва да редувате между режим на визуализация на контури и печат.

Тази статия на Smashingmagazine обяснява по-подробно значението на теглото на елементите. Не спирайте да го четете, това е малко бижу.

7. Въздухът също тежи: заготовки

Заготовките са толкова или по-важни от самата информация, тъй като без тях информацията губи смисъл, йерархията се размива и визуалният фокус, за който работим толкова усилено, се губи. По този начин трябва да се грижим добре за тези пространства, онзи „въздух“, който ние, дизайнерите, прозвихме, и по този начин ще подкрепим тези визуални фокуси, както и чувството за четене за което работим ще бъде много по-дефинирано.

8. Мислете глобално: набор от елементи

Както във вселената на цвета има допълващи се цветове, елементите в нашия дизайн също трябва да се допълват взаимно: снимки, икони, текстове ... Всяко парче има значение. По този начин, ще трябва да създадете цветна палитра, да работите с еднородни снимки (особено ако правите списание, книга или каталог) и шрифтове, които се разбират добре помежду си. Погрижете се за всички елементи, защото това ще бъде ключът към вашия дизайн, това ще бъде единственият начин вашето парче да бъде привлекателно и да има пълна съгласуваност.

Имате ли вече най-ясните идеи как да създадете вашата композиция? Хайде да го направим! Вземете бележника си и стартирайте машината.