ДИЗАЙН Для недизайнерів, заняття 5
Digital Identity 1
Авторська власність, безкоштовні інструменти для соцмереж, фірмовий стиль і використання у Facebook його елементів. Як правильно написати бріф для дизайнера?
Що таке діджитал айдентика?
Це певна система поглядів, система натяків, які допомагають користувачу "звикати" до вас.
Як працювати із фірмовим стилем
Фірмовий стиль, якщо він присутній, знижує витрати на розробку і затвердження типових представницьких елементів таких як візитна картка, бланки, конверти, папки, а також рекламних матеріалів, публікацій, сувенірної продукції, тому що основна ідейна канва у вас вже розробляється.
Основним ініціатором втілення фірмового стилю має бути сам власник\голова компанії.
Основним ініціатором втілення фірмового стилю має бути сам власник\голова компанії.
Основні помилки роботи із фірмовим стилем
Ні "лівим" шрифтам
і "лівим" елементам
і "лівим" елементам
Якщо у вас у фірмовому стилі прописані певні шрифти, які складають основу всього, що у вас є — то їх не можна змінювати.
Це ж саме стосується і значків, кольорів та різноманітних ліній і піктограм: якщо вони несуть інший настрій, і самі по собі не є у стилістиці вашого фірмового стилю — то краще не ставити їх на макет взагалі.
Це ж саме стосується і значків, кольорів та різноманітних ліній і піктограм: якщо вони несуть інший настрій, і самі по собі не є у стилістиці вашого фірмового стилю — то краще не ставити їх на макет взагалі.
Користуйтеся макетами із фірмового стилю правильно
Не можемо використовувати (і комусь скидати, особливо дизайнеру) лого у *.jpeg, і тим паче у вордівському документі.
Логотип скидається і використовується тільки у його "векторних" форматах: тобто pdf, ai, eps, png, tiff (з прозорістю), тому що інакше на наших макетах логотип буде пікселізованим і не приваблюватиме око. А якщо цей макет іде на друк —
Логотип скидається і використовується тільки у його "векторних" форматах: тобто pdf, ai, eps, png, tiff (з прозорістю), тому що інакше на наших макетах логотип буде пікселізованим і не приваблюватиме око. А якщо цей макет іде на друк —
Ідіть за макетами фірмового стилю у його мінімалізмі
Багато новачків у дизайні намагаються втиснути у макет з фірмового стилю одразу і трендові фони із полігонами і модні брускові шрифти і глітч — і все це виглядає перевантажено. Думайте завтрашнім днем — усі новомодні візуальні прийоми перестануть бути популярними, а от ваша обкладинка буде ще довго індексуватись гуглом на запит, що стосується вашого бізнесу.
Використовуйте логотип і інші елементи у таких форматах
У використанні макетів айдентики треба забути про зміну цих параметрів
Окремих елементів логотипу
і його пропорцій, розташування
і його пропорцій, розташування
Це спотворює візуальний ритм макету і змінює модульну сітку, це не пазл
Використання обводок, тіней і розфарбовування його частин
Якщо це не передбачено фірмовим стилем, що буває вкрай рідко
Заміну шрифта у логотипі
і обрізання частин логотипу
і обрізання частин логотипу
Це вже може бути прирівняне до створення нового візуального стилю
Як генерувати макети у одному стилі
1. Одразу зробіть шаблони (включно з кількома інакшими) і мінімально їх змінюйте.
2. Найміть для візуалки одного постійного дизайнера.
3. Запрошуйте до критики якомога менше людей, виключаючи тих, хто не дає конструктивних порад і тренуйте власний смак і обережність у використанні нових візуальних символів.
Структуруйте інформацію, розставляйте акценти,
не перетворюйте макети на художню мазанину.
2. Найміть для візуалки одного постійного дизайнера.
3. Запрошуйте до критики якомога менше людей, виключаючи тих, хто не дає конструктивних порад і тренуйте власний смак і обережність у використанні нових візуальних символів.
Структуруйте інформацію, розставляйте акценти,
не перетворюйте макети на художню мазанину.
Які безкоштовні інструменти можна використовувати для діджитал айдентики
Як можна спростити візуальне оформлення соціальних мереж
Планувальники постів
Дизайн макетів — справа не швидка, тому зробіть їх наперед і розплануйте скажімо на тиждень разом із запланованим контентом.
Наприклад smmplanner.com дає змогу на безкоштовному акаунті робити до 50 постів на місяць (разом у всіх соцмережах).
Наприклад smmplanner.com дає змогу на безкоштовному акаунті робити до 50 постів на місяць (разом у всіх соцмережах).
Онлайн-генератори "дизайнів"
Вони можуть допомогти скоротити час на створення постів і їх оформлення, але у них неможливо працювати в межах вєе створеного візуального стилю. І іноді готовий результат виглядає дуже печально.
Наприклад — canva.com, чи додаток Snapseed (це графічний редактор, але там є можливість додати текст і там найкращі типографічні композиції з кириличними шрифтами порівняно з іншими додатками) дають змогу обрати готовий шаблон і створити на основі них свій варіант дизайну.
https://create.piktochart.com/
https://pixlr.com/
https://infoactive.co/ — як альтернативні джерела, але джерела вище кращі за кінцевим результатом.
Наприклад — canva.com, чи додаток Snapseed (це графічний редактор, але там є можливість додати текст і там найкращі типографічні композиції з кириличними шрифтами порівняно з іншими додатками) дають змогу обрати готовий шаблон і створити на основі них свій варіант дизайну.
https://create.piktochart.com/
https://pixlr.com/
https://infoactive.co/ — як альтернативні джерела, але джерела вище кращі за кінцевим результатом.
Використовуйте безкоштовні шаблони дизайнів
Можна видозмінювати готові шаблони і користуватись елементами із безкоштовних стоків.
Наприклад freepik.com який вимагає тільки вказання автора, що можна зробити у своєму Твітері (і щоразу перечитувати погодження з використанням, раптом щось змінилось).
Наприклад freepik.com який вимагає тільки вказання автора, що можна зробити у своєму Твітері (і щоразу перечитувати погодження з використанням, раптом щось змінилось).
Використовуйте легальні ресурси
Більше 50 безкоштовних джерел зображень для дизайнів.
https://geniusmarketing.me/lab/20-besplatnyx-istoc...
Безкоштовні шрифти у лекції "Типографіка".
Натхнення для композицій — у Pinterest.
https://geniusmarketing.me/lab/20-besplatnyx-istoc...
Безкоштовні шрифти у лекції "Типографіка".
Натхнення для композицій — у Pinterest.
Ліцензії Creative Commons
Кожен твір має свого власника, який володіє правами на нього. Зазвичай про це вказано на джерелі, або під ним, але якщо на ньому є тільки значок — це означає, що він підпадає під всесвітню ліцензію Creative Commons. Також і ми можемо затверджувати свій контент цим значком (як фотографи, чи ілюстратори), якщо хочемо захистити його.
Кожна ліцензія допомагає творцям зберігати за собою авторське право, в той же час дозволяючи іншим копіювати, розповсюджувати і іншим чином використовувати їхні твори — хоча б в некомерційних цілях.
https://creativecommons.org/licenses/?lang=uk
Кожна ліцензія допомагає творцям зберігати за собою авторське право, в той же час дозволяючи іншим копіювати, розповсюджувати і іншим чином використовувати їхні твори — хоча б в некомерційних цілях.
https://creativecommons.org/licenses/?lang=uk
Зазначення Авторства
CC BY
CC BY
Ця ліцензія дозволяє іншим розповсюджувати, редагувати ваш твір, вносити в нього зміни, і брати його за основу для своїх творів, навіть для використання з комерційною метою, за умови зазначення вашого авторства. Це ліцензія з найширшим колом дозволеного з пропонованих ліцензій. Вона рекомендована для максимального розповсюдження і використання ліцензованих матеріалів.
Із Зазначенням Авторства — Поширення На Тих Самих Умовах
CC BY-SA
CC BY-SA
Ця ліцензія дозволяє іншим редагувати ваш твір, вносити в нього зміни, і брати його за основу для своїх творів, навіть для використання з комерційною метою, за умови зазначення вашого авторства й розповсюдження похідних творів на таких же умовах. Цю ліцензію часто порівнюють з вільними ліцензіями «копілефт» і ліцензіями відкритого коду. Усі нові твори, засновані на вашому, будуть розповсюджуватись за тією ж ліцензією, а отже будь-які похідні твори будуть також доступні для комерційного використання. Ця ліцензія використовується Вікіпедією й рекомендована для матеріалів, котрим буде корисним включення до них вмісту з Вікіпедії чи інших аналогічно ліцензованих проектів.
Із Зазначенням Авторства — Без Похідних
CC BY-ND
CC BY-ND
Ця ліцензія дозволяє розповсюдження, комерційне і некомерційне, поки твір передається цілим і в незмінному вигляді, та з зазначенням вашого авторства.
Із Зазначенням Авторства — Некомерційна
CC BY-NC
CC BY-NC
Ця ліцензія дозволяє іншим редагувати ваш твір, змінювати його і брати його за основу для своїх творів з некомерційною метою і хоча похідні твори повинні бути некомерційними і ви повинні бути згадані в них як автор оригінального твору, автори похідних творів не зобов'язані ліцензувати свої твори на тих самих умовах, що й ваш твір.
Із Зазначенням Авторства — Некомерційна — Поширення На Тих Самих Умовах
CC BY-NC-SA
CC BY-NC-SA
Ця ліцензія дозволяє іншим редагувати ваш твір, змінювати його і брати за основу для своїх творів з некомерційною метою поки автори похідних творів вказують вас як автора оригінала і ліцензують свої твори на тих самих умовах.
Із Зазначенням Авторства — Некомерційна — Без Похідних
CC BY-NC-ND
CC BY-NC-ND
Ця ліцензія надає користувачам найменший обсяг прав з наших шести основних ліцензій, дозволяючи їм тільки завантажувати ваші твори і ділитися ними з іншими поки вони вказують ваше авторство, але ваш твір не дозволяється використовувати в комерційних цілях або якимось чином змінювати.
За яких умов слід делегувати роботу дизайнеру
Ви маєте кілька днів, але самі не встигаєте, тобто дизайн для вас — це виснажливо, але дуже потрібно вчасно
Дизайн — справа не швидка, і це збільшує вартість роботи і зменшує ефективність результату, якщо робити його поспіхом.
Віддайте роботу дизайнерові, якщо розумієте, що у підготовці за макетом забуваєте про візуал і віддайте це професіоналу: він зробить гарантовано вчасно.
Віддайте роботу дизайнерові, якщо розумієте, що у підготовці за макетом забуваєте про візуал і віддайте це професіоналу: він зробить гарантовано вчасно.
Ви не розумієте різниці між хорошим і поганим дизайном, тобто коли дизайнер розумітиметься краще за вас
Візуальна каша для вас — справа звична, вам важко згадати про симетрію і пропорції, і дизайн, який ви обираєте, відштовхує людей? Віддайте роботу професіоналові і оберіть людину, смакові котрої ви довіряєте. Краще, щоб ви довіряли безпосередньо дизайнерові, а він вам.
Коли ви знаєте, що хочете і маєте готові тексти і структуру, коли дизайнер довершить те, каркас чого ви бачите у своїй уяві
Більшість людей звертається до дизайнера, коли самі навіть не уявляють, що дизайн може бути завершеним: настільки він не готовий.
Дизайнер візуалізує суть пропозицій, а не придумує текст, смисли і сам ваш бізнес за вас.
Дизайнер візуалізує суть пропозицій, а не придумує текст, смисли і сам ваш бізнес за вас.
Коли потрібно використовувати дизайн неодноразово, і він має бути особливо виграшним і якісним: дизайнер зробить складну роботу за вас.
Це стосується різноманітних сертифікатів, елементів, що повторюються, фірмових стилів і серійного оформлення майстер-класів — тому що тоді точно можна бути впевненим у тому, що мета ваших презентацій і майстер-класів буде досягнена.
Як налагодити процес роботи із дизайнером?
Перш ніж комусь писати, дайте відповідь на ЩДК
Три основні питання: Що? — який тип макету і для чого нам потрібен, Де? — де буде розміщуватись ваш носій і чи передбачається друк, Коли? — який у вас дедлайн, на коли потрібно мати вже реалізований проект.
Привітайтеся і запитуйте про завантаженість
Почніть із звичайної ввічливості ваш лист до дизайнера, адже більшість людей забуває навіть просто привітатися і у першу чергу запитуйте у дизайнера про те, чи він зможе допомогти вам із вашим проектом у найближчий до вашого проекту час і трьома-чотирма словами опишіть ваш проект.
Малюйте прототипи на папірцях
Навіть якщо ви геній словесного пояснення — не гребуйте папірцями і намалюйте свій макет: опишіть його детально. Чим більше ви працюєте над структурою макета — тим кращим буде результат.
Напишіть свої побажання щодо кольору, шрифтів, стилістики у окремому документі на онлайн сховищі
Це зменшує кількість документів до завантаження і зберігає документ від втрати його у разі несподіваної поломки вінчестерів.
Написані коментарі будуть базою для роботи дизайнера, і також усередині документу ви можете здійснювати комунікацію і підбір референсів.
Написані коментарі будуть базою для роботи дизайнера, і також усередині документу ви можете здійснювати комунікацію і підбір референсів.
Зробіть мудборд
Якщо ви вже бачили щось схоже до того, що б ви хотіли, знайдіть такі макети і збережіть у одному місці: наприклад Google Docs, Pinterest. Дизайнер буде бачити ідеї, на які ви опираєтесь, коли візуально розбиваєте структуру свого макету і швидше задовольнить вашу потребу, раніше вас зрозуміє.
Подумайте про реалізацію до того як ви затвердите макет і запитайте про місця реалізації макету у вашого дизайнера
Якщо ви запитуєте про макети для поліграфій, то будьте готові що деякі речі може зробити не кожна поліграфія (наприклад фольгування в великих тиражах, тиснення голографічною плівкою, чи тонування торців візитівок etc). Запитайте у вашого дизайнера перед здачею макету і перед затвердженням ідеї, чи він знає місця, де можна таку ідею реалізувати. І якщо ні — то це готує вас до можливих складнощів із реалізацією дизайну.
Як писати бриф для дизайнера?
Користуйтеся його опитувальником для клієнтів
Якщо такого немає, то опишіть наступні параметри:
Тип вашого макета і чи на довгострокову перспективу розрахована ваша співпраця
Особливо важливо вказати, якщо ви збираєтесь патентувати ваші макети, якщо це наприклад логотип, або фірмовий стиль.
Де планується розміщувати цей дизайн
Діджитал, друк, якісь інші варіанти — все це впливає на робочі інструменти і форму виводу.
У якому форматі потрібно отримати дизайн
Дизайнер може почати робити растрове зображення, а вам буде необхідне векторне, і це наприкінці роботи вже неможливо змінити, це вимагає повторного дизайну.
Вкладіть прототипи
Фотографії, Google Docs, Pinterest-зображення — все згодиться. Головне дати вас зрозуміти.
Ваш дедлайн і очікуваний бюджет\запит вартості
Терміни — це головне. Дизайн може бути ідеальним, але коли він невчасний — це нівелює його цінність. Запитуйте про фінанси одразу, аби не залишитись у натягнених стосунках із дизайнером.
Домовтеся, як ви будете тайм-менеджерити проект і коли у вас будуть ітерації для перевірки прогресу справи. Опишіть очікувані для вас етапи роботи і одразу синхронізуйтеся у часі.
Не враховуйте ніяких вихідних, як робочих.
Домовтеся, як ви будете тайм-менеджерити проект і коли у вас будуть ітерації для перевірки прогресу справи. Опишіть очікувані для вас етапи роботи і одразу синхронізуйтеся у часі.
Не враховуйте ніяких вихідних, як робочих.
Опишіть ваші побажання у порядку пріорітетності
Найчастіше людина дуже туманно уявляє собі, що вона хоче, а тому пише багато побажань, які в результаті суттєво відрізняються від макету, який задовольняє клієнта. Тому подумайте, які побажання ви точно хотіли б побачити у макеті, а якими ви могли б поступитись і опишіть їх, вказавши важливість.
Практична частина
ключове завдання на сьогодні
Ми розробляємо оформлення зустрічі на Facebook:
аватар, обкладинку, пости.
аватар, обкладинку, пости.
Розміри для Facebook
Розмір аватару має бути > 170х170 рх
А краще користуватись пропорцією квадрату і завантажити трошки більше зображення вагою більше 100 Кб.
Розмір обкладинки групи > 851 на 315 рх
Обкладинки зустрічі > 500 на 260 px.
Для постів найліпше підходить 1200 x 630 px
Або квадратні пости, але не більше 2400х2400 px.
Таким чином ми збільшуємо охват і не дратуємо користувача великими і довгими картинками.
Таким чином ми збільшуємо охват і не дратуємо користувача великими і довгими картинками.
Завантажуйте всі файли для FB у *.png
Щоб отримати якомога більшу чіткість зображення.
Кольоровий профіль — sRGB.
Кольоровий профіль — sRGB.
Завантажуйте усі макети для Фейсбуку у форматі *.png
таким чином ваша картинка не зазнає стиснення і пікселізації.
Де шукати інформацію про зображення для Фейсбуку?
https://www.facebook.com/help/125379114252045?loca...
Довідник про розміри картинок для соціальних мереж.
http://tilda.education/articles-images-for-social
таким чином ваша картинка не зазнає стиснення і пікселізації.
Де шукати інформацію про зображення для Фейсбуку?
https://www.facebook.com/help/125379114252045?loca...
Довідник про розміри картинок для соціальних мереж.
http://tilda.education/articles-images-for-social
Груповий чат у Slack
nondesigners01.slack.com
