Добивки:
- Способност да се создаде корисен распоред со визуелна хиерархија, усогласување, мрежа, растојание и принципи на фокусна точка
- Производство на визуелни слики со празни места за текст и правење текст што може да се уредува и прецизно сместување во програмата за дизајн
- Способност да се спречи ризикот од отсекување и отпадоци со примена на правила за формат како што се безбедна област и крварење на печатење
Разликата помеѓу убава слика и дизајн кој функционира често е распоред: поставување на елементи во рамките на страницата. Распоредот одредува каде прво оди окото на постер, дали текстот дише на картичката на социјалните мрежи и како информациите течат во брошура. Во оваа единица ќе ги научиме принципите на композиција (уредување на елементите во целина) и каде вештачката интелигенција е корисна и ограничена во овој процес. Критичен факт: ВИ произведува визуелни слики, но прецизниот распоред е во рацете на дизајнерот, во дизајнерската програма.
Зошто вештачката интелигенција не може сама да прави распоред?
Вештачката интелигенција произведува холистичка слика со „убав изглед“; но распоредот на дизајнот бара прецизност на пиксели, текст што може да се уредува, усогласување и конзистентно растојание. Не можете да го преместите текстот, точно да го усогласите логото или да ја измерите маргината на сликата произведена од вештачката интелигенција. Значи, професионалниот тек е ова: генерирајте задни/визуелни елементи со вештачка интелигенција, поставете го распоредот (текст, лого, порамнување) во програмата за дизајн. AI ви дава идеја за суровина и композиција; Точното поставување е ваша одлука.
Основни принципи на составот
- Визуелна хиерархија: Подредување на елементите по редослед на важност. Окото прво оди до најголемиот/контрастниот елемент. Се утврдува редоследот на наслов > поднаслов > тело > детали.
- Порамнување: Уредување на елементи според невидливи линии; Спречува неред и дава чувство на ред.
- Решетка: Систем кој ја дели страницата на невидливи колони и редови; Обезбедува постојано поставување на предмети.
- Празен простор (негативен простор): Празен простор помеѓу елементите; Овозможува дизајнот да „дише“ и да биде читлив. Малку простор = тесен и аматерски.
- Биланс: Распределба на визуелната тежина; Може да биде симетричен (тивок) или асиметричен (динамичен).
- Контраст: насочување на вниманието според разликата во големината, бојата или дебелината.
- Фокусна точка: Првото место каде што оди окото; мора да биде дизајниран свесно.
Совет: кога креирате слики, кажете „остави простор за текст“ (на пр. „горната третина е празна, обична“) на барањето. На овој начин, нема да заглавите кога додавате текст во визуелната вештачка интелигенција подоцна и можете да воспоставите хиерархија.
Поставете распоред чекор по чекор
- Определете ја целта: Што треба да направи овој дизајн? (објава, продажба, информација). Го одредува редоследот на приоритетите.
- Инвентар на содржина: Кои се насловот, алтернативниот текст, сликата, логото, повик (копче/CTA)?
- Воспоставете хиерархија: Ставете го најважниот елемент во најсилната положба и големина.
- Изберете мрежа: Одредете ја структурата на колоната во која ќе ги порамните елементите.
- Генерирање слика со вештачка интелигенција: генерира позадина/елемент со соодветни пропорции, со простор за текст.
- Порамнете во дизајнерската програма: Порамнете текст, лого, повик; поставете ги просторите.
- Тест: Зумирајте, погледнете од далеку, проверете каде прво оди окото.
Практични техники за насочување на окото
Композицијата е всушност уметност на насочување на окото. Погледот на гледачот не талка случајно; Следи одредени знаци и добар дизајнер ги користи свесно. Прво е големината и контрастот: најголемиот и најконтрастниот елемент прво го привлекува окото, затоа ставете ја најважната порака таму. Вториот е водечки линии: природните линии на сликата (патека, дофат на раката, работ на масата) го носат окото до одредена точка; Поставувањето на производот или насловот каде што завршуваат овие редови го зголемува ефектот. Трето, акцент на просторот: големиот празен простор околу елементот го прави тој елемент да се издвојува - збор што стои сам на преполна страница е моќен. Четврто, насока на читање: во повеќето култури, окото патува во шема „Z“ или „F“ од горе лево кон доле десно; така што ставањето на логото во горниот лев агол и повикот (копчето) во долниот десен агол создава интуитивен тек. Можете да ги доведете овие техники до вашиот потсетник кога ја произведувате заднината со вештачка интелигенција: „композиција што насочува од долу лево кон горе десно“ или „единствен елемент во центарот, широк простор околу него“ итн. Така, сликата станува не само убава, туку и алатка што ја пренесува пораката во вистинскиот редослед.
Формат - посебно внимание
Секој медиум има свое правило: објава на Инстаграм 1:1 или 4:5, приказна 9:16, веб банер 16:9. Концептот на безбедна зона е важен: држете ги важните елементи од работ за да не бидат исечени или под елементите на интерфејсот (профил во приказната, копчиња). При печатењето, потребно е крварење: да се прошири дизајнот малку од работ за да се избегнат бели линии на маргината на сечењето.
три мини футроли
Случај 1 - Дизајн што може да дише. Картичката за кампањата на еден дизајнер беше тесна; насловот, текстот и логото беа измешани заедно. Тој ја репродуцирал сликата со „горната третина празна“ и го сместил текстот во тој простор во хиерархија. Стапката на кликнување значително се зголеми во тест групата; Дојдоа „читливи“ повратни информации.
Случај 2 - Грешка во безбедна област. Во дизајнот на приказната, важниот слоган беше на дното; Беше скриен под копчето „скрол“ во емитувањето и не се појави. Со правилото за безбедна област, слоганот беше поставен горе и на средина. Во подоцнежната кампања, пораката беше јасна и не беше потребен редизајн.
Случај 3 - печатење крварење. Беше испечатена брошура без крв; На рабовите се појавија тенки бели линии и беа исфрлени 300 парчиња (приближно 1.200 TL изгубени). Следната работа додаде 3mm крварење на дизајнот; Сечењето излезе чисто.
Шаблони за копирање
1) Генерирање на распоредена позадина за текст:
Генерирајте слика за заднина за [медиумски] дизајн. Сооднос: [1:1 / 9:16 / 16:9]. Чувајте ја горната третина обична и празна (за титулата). Тон на брендот: [придавки]. Ставање читлив текст/лого. Боите се совпаѓаат со палетата: [бои].
2) Хиерархиски план:
Направете визуелен хиерархиски план за следниот дизајн. Цел: [објава/продажба/информации]. Елементи: [наслов, алтернативен текст, слика, лого, повик]. На секој елемент дајте му редослед на важност, предложена позиција и релативна големина. Опишете ја патеката што ќе ја следи окото (фокална → секундарна).
3) Препорака за решетка и усогласување:
Предложете едноставна шема за мрежа и порамнување за следната содржина: [список на содржини], сооднос [x]. Колку колони треба да користам, како да ги порамнам елементите, колку простор (маргина) треба да оставам? Чувајте го едноставно и избалансирано.
4) Контрола на распоред:
Оценете ја следната дизајнерска изјава во однос на составот: дали хиерархијата е јасна, дали усогласувањето е конзистентно, дали има доволно бел простор, дали се вклопува во безбедниот простор, дали е јасна фокусната точка? Одговорете како предлог. Опис: [залепи]
Слаб промпт / Силен промпт
Слабо: Направете слика на банер со попуст и кажете 50%.
Резултат: AI пишува оштетено „50%“, елементите се распоредени случајно, не можете да го уредувате текстот; не може да се користи.
Моќно: направете слика за заднина за продажна кампања: сооднос 4:5, топли енергични тонови, голем обичен простор за текст горе лево, производ во долниот десен дел. Ставање читлив текст; Ќе ги усогласам насловот, информациите „50%“ и копчето во програмата за дизајн.
Резултат: уредувачка, хиерархиска позадина која остава простор за текст.
Разлика: Силниот пристап го одвојува текстот од вештачката интелигенција, го планира растојанието и пропорцијата, а распоредот го остава на дизајнерот.
Табела на принципи на состав
принцип
Што обезбедува
Практичен совет
хиерархија
Редоследот на читање
Направете го најважното најголемо/контраст
усогласување
чувство за ред
Поставете невидливи линии
мрежа
Конзистентност
Користете го системот за колони
простор
Читливост
Компресија, ослободување на дишењето
безбедна област
не клипинг
Чувајте ги предметите од работ
Крвари
чист печатење
Го носи работ за 3 мм
Вообичаени грешки
- Печатење текст на вештачка интелигенција: корумпиран, неуредувачки текст; Додадете го текстот во програмата за дизајн.
- Не оставајќи простор: тесен дизајн со аматерски изглед.
- Без хиерархија: Сè е со иста големина; Окото не знае каде да оди.
- Заборавајќи ја безбедната област: Важниот елемент се заглавува под интерфејсот или исечокот.
- Прескокнување на крварење: раб бел и отпад при печатење.
Сумирано
Распоредот е намерно поставување на елементи и ја трансформира сликата во изводлив дизајн. Хиерархија, усогласување, мрежа, простор, рамнотежа и контраст се основните принципи. ВИ произведува позадина и визуелни елементи, дава идеи за композиција; но прецизен распоред на пиксели, текст што може да се уредува и порамнување се во рацете на дизајнерот во програмата за дизајнирање. Овозможувањето простор за текст, безбеден простор и крварење за печатење се основни правила што ја одредуваат употребливоста на излезот.
Задача за апликација
Изберете медиум и цел (на пример, објава за продажба на Инстаграм). Направете попис на содржината, направете план за хиерархија. Генерирајте правилно пропорционална позадина со простор за текст со вештачка интелигенција. Потоа порамнете го и ставете го насловот, алтернативниот текст, логото и повикот во програма за дизајнирање (или како скица на хартија). Тестирајте каде оди прво окото со зумирање и гледање од далечина и забележете го.
листа за проверка
- [ ] Ја утврдив целта и инвентарот на содржината.
- [ ] Поставив план за визуелна хиерархија.
- [ ] Ја направив сликата со простор за текстот и правилната пропорција.
- [ ] Ги усогласив текстот и елементите во програмата за дизајн.
- [ ] Ја набљудував безбедната област и маргината на крварење (ако се печатеше).
- [ ] Ја направив помала и ја тестирав фокусната точка.