Слои дизайн-макета
#Хардскилы
Это систему организации слоёв я начал применять, почти сразу как начал заниматься дизайном. Т.е. уже очень и очень много лет назад.
Эта абсолютно универсальная система, которая позволяет работать с любым графическим редактором, будь то Фотошоп, Иллюстратор, Скетч или Фигма. И совершенно неважно над каким именно макетом вы работаете: Веб-страница, Экран мобильного приложения или Слайд презентации.
Работа со слоями — важная техническая «подкапотная» работа дизайнера, которая сродни «чистоте кода» у разработчика. При правильной организации слоёв, макет дизайнера будет выверенным и аккуратно собранным. А главное: дизайнеру будет проще развивать свой проект и вносить изменения в свою дальнейшую работу.
При этом самая максимальная эффективность подхода — в командной работе. Дизайнеры, которые применяют это правило легко и быстро ориентируются в чужих макетах, работают быстро и продуктивно.
Суть метода:
Организация слоёв повторяет структуру элементов дизайн-макета и читается сверху вниз и слева направо. Логические блоки макета объединяются в группы, которые образует иерархию слоёв. Самый верхний блок макета в слоях будет наверху, а самый нижний — внизу. Самый левый элемент макета будет соответствовать слою, который находится выше, самый правый элемент — слой ниже.
Применяя эту систему, вы сможете быстро и эффективно ориентироваться в любых макетах, особенно состоящих из многочисленного набора элементов и компонентов.
Каждый дизайнер может определить любую удобную для себя систему организации файла и слоёв. Но если договориться о едином подходе, то это будет полезно как базовые правила дорожного движения — понятно для всех и даже детям.
#Хардскилы
Это систему организации слоёв я начал применять, почти сразу как начал заниматься дизайном. Т.е. уже очень и очень много лет назад.
Эта абсолютно универсальная система, которая позволяет работать с любым графическим редактором, будь то Фотошоп, Иллюстратор, Скетч или Фигма. И совершенно неважно над каким именно макетом вы работаете: Веб-страница, Экран мобильного приложения или Слайд презентации.
Работа со слоями — важная техническая «подкапотная» работа дизайнера, которая сродни «чистоте кода» у разработчика. При правильной организации слоёв, макет дизайнера будет выверенным и аккуратно собранным. А главное: дизайнеру будет проще развивать свой проект и вносить изменения в свою дальнейшую работу.
При этом самая максимальная эффективность подхода — в командной работе. Дизайнеры, которые применяют это правило легко и быстро ориентируются в чужих макетах, работают быстро и продуктивно.
Суть метода:
Организация слоёв повторяет структуру элементов дизайн-макета и читается сверху вниз и слева направо. Логические блоки макета объединяются в группы, которые образует иерархию слоёв. Самый верхний блок макета в слоях будет наверху, а самый нижний — внизу. Самый левый элемент макета будет соответствовать слою, который находится выше, самый правый элемент — слой ниже.
Применяя эту систему, вы сможете быстро и эффективно ориентироваться в любых макетах, особенно состоящих из многочисленного набора элементов и компонентов.
Каждый дизайнер может определить любую удобную для себя систему организации файла и слоёв. Но если договориться о едином подходе, то это будет полезно как базовые правила дорожного движения — понятно для всех и даже детям.
👍10❤3🔥3🙏1
❤3👍2😁2
Мои топ-5 прописных постулатов про дизайн
#Первооснова
За время существования профессии накопилось множество фундаментальных афоризмов про дизайн. Лучшие умы и ключевые деятели, которые повлияли на индустрию, зафиксировали определенные наблюдения или вывели формулы успешного отношения к работе. В любом случае, профессиональные знания — это коллективный результат, который рождается из искреннего увлечения своей деятельностью. А некоторые открытия могут быть сделаны одновременно на разных краях света людьми, которые никогда друг с другом не общались.
Вот мои топ-5:
5. Сервисный дизайнер — это работник сферы услуг.
4. Лучший интерфейс — это его отсутствие.
3. Дизайнера за его работу по голове никто не погладит.
2. Логотип, который вы только что нарисовали, скорее всего, кто-то уже нарисовал до вас.
1. Хороший дизайн — это не когда в нём можно ещё что-то добавить, а когда из него можно что-то ещё убрать.
А какие помните вы, и какие для вас имеют наибольшую ценность?
#Первооснова
За время существования профессии накопилось множество фундаментальных афоризмов про дизайн. Лучшие умы и ключевые деятели, которые повлияли на индустрию, зафиксировали определенные наблюдения или вывели формулы успешного отношения к работе. В любом случае, профессиональные знания — это коллективный результат, который рождается из искреннего увлечения своей деятельностью. А некоторые открытия могут быть сделаны одновременно на разных краях света людьми, которые никогда друг с другом не общались.
Вот мои топ-5:
5. Сервисный дизайнер — это работник сферы услуг.
4. Лучший интерфейс — это его отсутствие.
3. Дизайнера за его работу по голове никто не погладит.
2. Логотип, который вы только что нарисовали, скорее всего, кто-то уже нарисовал до вас.
1. Хороший дизайн — это не когда в нём можно ещё что-то добавить, а когда из него можно что-то ещё убрать.
А какие помните вы, и какие для вас имеют наибольшую ценность?
👍2🔥2🙏1
Рубрика: «Все любят опросы». Тема: «Сколько вам лет?»
Anonymous Poll
20%
до 24 лет
37%
25-30 лет
25%
31-35 лет
9%
36-40 лет
5%
41-45 лет
1%
45-50 лет
3%
51 и больше
❤3
Фатально и точка
#ПоискиСебя
Задумывались ли вы, когда в сообщениях ставили точку в конце предложения? Или какое чувство испытывали, когда получали сообщение с точкой в конце?
Если в переписке вы настроены положительно или эмоционально, обычно, ваши сообщения оканчиваются эмодзиками или хотя бы скобочками))) Крайний вариант для ваших нейтральных предложений — окончание без точки
Точка — это яркий и конкретный маркер того, что ваша мысль закончена. А значит решение, относительно предмета обсуждения, окончательно принято. Принятое решение подсознательно воспринимается как микро-смерть, т.к. именует остановку дальнейшего хода событий.
В срезе социально-культурного феномена, всегда можно отследить поведенческие тенденции, присущие определенным группам людей. Речь про тренды общения в сети, которые задаёт преобладающее большинство пользователей — зумеры.
Согласно Теории поколений, для зумеров свойственно не вписываться в заданные шаблоны и ограничения. А ещё этим ребятам тяжело останавливаться на чём-то одном. Они предпочитают находится в постоянном активном движении. Поэтому на уровне подсознания, в коммуникации зумеры не делают акцент на том, что мысль завершена и обсуждать больше нечего. Лучше оставить тему открытой.
Исходя из этой теории сеть «Вкусно и точка» получила абсолютно провальный ребрендинг, с точки зрения лояльности огромного пласта потенциальной аудитории.
А как вы относитесь к обновлённому импортозамещённому макдаку? Питаетесь там или скипаете? Связанно ли это с изменённой рецептурой или с уровнем эмоциональных ощущений от восприятия бренда? (Важно: вопрос для тех, кто старше 9-ти лет и младше 24-х.)
Накануне, я специально полистал переписку с разными людьми. Те, кто помоложе — вообще ни в одном сообщении не ставят точки. Те, кто постарше (примерно как я) — ставят их часто или чаще среднего. Я такой же. Родители вообще в своих ватсаппах козыряют только гифками, дешёвыми эмодзиками, кринжёвыми репостами из тиктока и совсем не используют точки.
Современные тенденции лучше перенимаются теми, кто плотнее общается с зумерами. Это называется «озетчивание» — осознанное или неосознанное перенятие характерных черт, присущих поколению зет. При моей консервативности точки ещё мне пока не победились. А жена мне высказала, что когда я ставлю в конце сообщения точку — это выглядит как жёсткое послание или даже ультиматум. Такие дела, ребятки. Вот и ставь теперь в конце этого поста точку)))
#ПоискиСебя
Задумывались ли вы, когда в сообщениях ставили точку в конце предложения? Или какое чувство испытывали, когда получали сообщение с точкой в конце?
Если в переписке вы настроены положительно или эмоционально, обычно, ваши сообщения оканчиваются эмодзиками или хотя бы скобочками))) Крайний вариант для ваших нейтральных предложений — окончание без точки
Точка — это яркий и конкретный маркер того, что ваша мысль закончена. А значит решение, относительно предмета обсуждения, окончательно принято. Принятое решение подсознательно воспринимается как микро-смерть, т.к. именует остановку дальнейшего хода событий.
В срезе социально-культурного феномена, всегда можно отследить поведенческие тенденции, присущие определенным группам людей. Речь про тренды общения в сети, которые задаёт преобладающее большинство пользователей — зумеры.
Согласно Теории поколений, для зумеров свойственно не вписываться в заданные шаблоны и ограничения. А ещё этим ребятам тяжело останавливаться на чём-то одном. Они предпочитают находится в постоянном активном движении. Поэтому на уровне подсознания, в коммуникации зумеры не делают акцент на том, что мысль завершена и обсуждать больше нечего. Лучше оставить тему открытой.
Исходя из этой теории сеть «Вкусно и точка» получила абсолютно провальный ребрендинг, с точки зрения лояльности огромного пласта потенциальной аудитории.
А как вы относитесь к обновлённому импортозамещённому макдаку? Питаетесь там или скипаете? Связанно ли это с изменённой рецептурой или с уровнем эмоциональных ощущений от восприятия бренда? (Важно: вопрос для тех, кто старше 9-ти лет и младше 24-х.)
Накануне, я специально полистал переписку с разными людьми. Те, кто помоложе — вообще ни в одном сообщении не ставят точки. Те, кто постарше (примерно как я) — ставят их часто или чаще среднего. Я такой же. Родители вообще в своих ватсаппах козыряют только гифками, дешёвыми эмодзиками, кринжёвыми репостами из тиктока и совсем не используют точки.
Современные тенденции лучше перенимаются теми, кто плотнее общается с зумерами. Это называется «озетчивание» — осознанное или неосознанное перенятие характерных черт, присущих поколению зет. При моей консервативности точки ещё мне пока не победились. А жена мне высказала, что когда я ставлю в конце сообщения точку — это выглядит как жёсткое послание или даже ультиматум. Такие дела, ребятки. Вот и ставь теперь в конце этого поста точку)))
😁7👍6👎2❤1🤯1🙏1
This media is not supported in your browser
VIEW IN TELEGRAM
Студия сервисного дизайна aic запустила собственный сайт-лонгрид, посвященный триумфам и достижениям компании за последние 25 лет.
Мне довелось выступать у ребят на конференции, приуроченной к этой дате. Если вас там не было или вы ещё не видели мой доклад — вот запись.
aic — это компания, которая объединяет в себе дизайн, данные, клиентский опыт и цифровой консалтинг.
Вдохнуть атмосферу долгой и успешной работы компании можно на страницах сайта-лонгрида, содержащего важные моменты в жизни aic и демонстрацию многолетнего профессионализма и коллективного духа команды.
Узнать больше о студии-дизайна aic:
https://25.aic.ru
https://www.aic.ru
https://t.me/aicxyic
https://www.behance.net/aic
Мне довелось выступать у ребят на конференции, приуроченной к этой дате. Если вас там не было или вы ещё не видели мой доклад — вот запись.
aic — это компания, которая объединяет в себе дизайн, данные, клиентский опыт и цифровой консалтинг.
Вдохнуть атмосферу долгой и успешной работы компании можно на страницах сайта-лонгрида, содержащего важные моменты в жизни aic и демонстрацию многолетнего профессионализма и коллективного духа команды.
Узнать больше о студии-дизайна aic:
https://25.aic.ru
https://www.aic.ru
https://t.me/aicxyic
https://www.behance.net/aic
❤5👍3🔥3
Пост, который мы заслужили
(Часть 1/2)
Пост-рок, Пост-панк, Пост-метал… Сразу вспоминается тысяча и один мемасик про музыкальные жанры с префиксом пост. Лично для меня эта приставка всегда означала, что ребята, которые играют пост-что-то-там, слишком устарели или устали чтобы играть основной первоначальный жанр для которого приставка пост- не требуется. Либо наоборот слишком молоды, чтобы понять суть оригинального жанра.
Сегодняшний пост также не про постмодерн и уж точно не про метамодерн. Приставку мета вообще не будем трогать, т.к. это может быть расценено как упоминание запрещенной в России организации. Поэтому уточняю что этот пост именно про публикацию.
Когда-то давно, на заре моей дизайнерской карьеры в середине нулевых мне достался не клиент, а просто мечта! Заказчик занимался организацией горнолыжных туров, а мне нужно было сделать для них сайт. Что может быть лучше, чем делать дизайн в рамках предметной области, в которой шаришь и которой увлекаешься! Как настоящий веб-дизайнер того времени, я должен был не просто спроектировать и нарисовать сайт, а разработать его под ключ. А помимо бронирования поездок в горы для лыжников и сноубордистов заказчик ожидал увидеть на сайте типичный раздел «Новости».
Дизайн-студия, в которой я тогда работал, не предоставляла услуги по написанию контента. Так что после разработки сайта, необходимо было продумать кто займётся регулярным наполнением обновляемых разделов. А в частности — новостей.
Заказчик в лице генерального директора решил договориться с другой конторой о поставке контента. Заказчика звали Дима, и он был взрослым сноубордистом уже на тот момент (к слову, у нас была разница в возрасте лет двадцать). Было решено, мне как дизайнеру и разработчику сайта поехать на эту встречу, чтобы предметно поговорить о технических деталях. Дима был первым «продвинутым» клиентом в моей карьере. Во-первых, экстремал, во-вторых, пока мы ехали на его премиальной тачке, он поставил «Рычагов» (кто помнит, тот поймёт. Ну ок-ок, это актуальная на то время группа RATM). А ещё было забавно, что потенциальные партнёры по бизнесу его вечно принимали за водителя. Тачка дорогая, а за рулём тип в кедах и широких штанах. Тогда это было что-то из ряда вон выходящего.
Вот мы приезжаем на встречу в компанию, которая занималась SEO-оптимизацией. Тогда ещё не было ни соц.сетей, ни эсэмэмщиков, ни контент-мейкеров. А история с наполнением и продвижением сайтов сводилась к генерации «сеошных» текстов, которые должны были максимально эффективно индексироваться поисковиками и продвигать сайт. Ну и побуждать посетителей сайта возвращаться на сайт. Менеджер этой компании расспросил про задачи будущего сайта, выслушал нас внимательно и выдал:
— Всё ясно. Вам нужно публиковать новости каждый день.
На это Дима ответил: «Но нам не нужно так часто. У нас события происходят раз в неделю и нашей компании не нужно высасывать новости из пальца. Так что информацию о событиях и акциях мы будем вам выдавать ближе к выходным, а вы будете формировать из этого одну новость за неделю.»
Менеджер-сеошник был неприклонен:
— Послушайте. Если вы хотите чтобы у вашего сайта был регулярный прирост аудитории, вам необходимо публиковать новости КАЖДЫЙ ДЕНЬ. Иначе вам вообще не нужно заводить новостной раздел.
Продолжение в следующем посте…
(Часть 1/2)
Пост-рок, Пост-панк, Пост-метал… Сразу вспоминается тысяча и один мемасик про музыкальные жанры с префиксом пост. Лично для меня эта приставка всегда означала, что ребята, которые играют пост-что-то-там, слишком устарели или устали чтобы играть основной первоначальный жанр для которого приставка пост- не требуется. Либо наоборот слишком молоды, чтобы понять суть оригинального жанра.
Сегодняшний пост также не про постмодерн и уж точно не про метамодерн. Приставку мета вообще не будем трогать, т.к. это может быть расценено как упоминание запрещенной в России организации. Поэтому уточняю что этот пост именно про публикацию.
Когда-то давно, на заре моей дизайнерской карьеры в середине нулевых мне достался не клиент, а просто мечта! Заказчик занимался организацией горнолыжных туров, а мне нужно было сделать для них сайт. Что может быть лучше, чем делать дизайн в рамках предметной области, в которой шаришь и которой увлекаешься! Как настоящий веб-дизайнер того времени, я должен был не просто спроектировать и нарисовать сайт, а разработать его под ключ. А помимо бронирования поездок в горы для лыжников и сноубордистов заказчик ожидал увидеть на сайте типичный раздел «Новости».
Дизайн-студия, в которой я тогда работал, не предоставляла услуги по написанию контента. Так что после разработки сайта, необходимо было продумать кто займётся регулярным наполнением обновляемых разделов. А в частности — новостей.
Заказчик в лице генерального директора решил договориться с другой конторой о поставке контента. Заказчика звали Дима, и он был взрослым сноубордистом уже на тот момент (к слову, у нас была разница в возрасте лет двадцать). Было решено, мне как дизайнеру и разработчику сайта поехать на эту встречу, чтобы предметно поговорить о технических деталях. Дима был первым «продвинутым» клиентом в моей карьере. Во-первых, экстремал, во-вторых, пока мы ехали на его премиальной тачке, он поставил «Рычагов» (кто помнит, тот поймёт. Ну ок-ок, это актуальная на то время группа RATM). А ещё было забавно, что потенциальные партнёры по бизнесу его вечно принимали за водителя. Тачка дорогая, а за рулём тип в кедах и широких штанах. Тогда это было что-то из ряда вон выходящего.
Вот мы приезжаем на встречу в компанию, которая занималась SEO-оптимизацией. Тогда ещё не было ни соц.сетей, ни эсэмэмщиков, ни контент-мейкеров. А история с наполнением и продвижением сайтов сводилась к генерации «сеошных» текстов, которые должны были максимально эффективно индексироваться поисковиками и продвигать сайт. Ну и побуждать посетителей сайта возвращаться на сайт. Менеджер этой компании расспросил про задачи будущего сайта, выслушал нас внимательно и выдал:
— Всё ясно. Вам нужно публиковать новости каждый день.
На это Дима ответил: «Но нам не нужно так часто. У нас события происходят раз в неделю и нашей компании не нужно высасывать новости из пальца. Так что информацию о событиях и акциях мы будем вам выдавать ближе к выходным, а вы будете формировать из этого одну новость за неделю.»
Менеджер-сеошник был неприклонен:
— Послушайте. Если вы хотите чтобы у вашего сайта был регулярный прирост аудитории, вам необходимо публиковать новости КАЖДЫЙ ДЕНЬ. Иначе вам вообще не нужно заводить новостной раздел.
Продолжение в следующем посте…
🤩5👍2🔥2
Пост, который мы заслужили
(Часть 2/2)
Моей задачей было лишь спроектировать и технически реализовать раздел новостей, в свете проведённых переговоров. Но заказывал музыку, ясень пень, Дима. Ему категорически не понравилось предложение одной из ведущих на тот момент контор по продвижению сайтов, и мы уехали без подписанного договора. Как уже понятно из этой истории, будущий сайт региональных горнолыжных туров не взорвал интернет. Но зато стал локальным прорывным достоянием для узкой заинтересованной аудитории.
К чему вся эта постирония? А к тому, что механики управления вниманием аудитории в сети не изменились за двадцать лет. И даже задолго до существования соц.сетей, тематических пабликов и тг-каналов, формат был известен. Для привлечения, удержания и увеличения аудитории — необходимо генерить контент каждый день, каким бы он ни был. На тот момент, кроме медийных сайтов, задача которых изначально и была освещать новости по заданной теме, мало кто обновлял свои сайты с высокой регулярностью. Потому что их владельцы не могли представить себе реальный профит от такой активности. Или выбирали другие приоритеты.
Вспоминая этот кейс из прошлого, я для себя чётко определяю ценности своего паблика. Пусть в нём будут вот такие редкие, но уникальные истории про дизайн, чем штампованные быстро-дофаминовые постики, как во многих заурядных каналах, которые ради удержания аудитории готовы выдавать низкопробный контент или дублирующиеся изо всех щелей новости. Изначально я не ставил перед собой задачу варить контент как повар ежедневно. Устал ли я вести свой канал и поэтому снизил скорость? Как если бы я играл пауэр-метал, а потом бы перешёл бы на пост-метал. Нет, не устал. Я пуляю посты когда мне есть что рассказать. И я совершенно не переживаю из-за того, что в период простоя происходят отписки. Значит этим читателям не по пути со мной, вот и всё. А всем остальным читателям, которые здесь не ради проходных тем, я дико салютую!
(Часть 2/2)
Моей задачей было лишь спроектировать и технически реализовать раздел новостей, в свете проведённых переговоров. Но заказывал музыку, ясень пень, Дима. Ему категорически не понравилось предложение одной из ведущих на тот момент контор по продвижению сайтов, и мы уехали без подписанного договора. Как уже понятно из этой истории, будущий сайт региональных горнолыжных туров не взорвал интернет. Но зато стал локальным прорывным достоянием для узкой заинтересованной аудитории.
К чему вся эта постирония? А к тому, что механики управления вниманием аудитории в сети не изменились за двадцать лет. И даже задолго до существования соц.сетей, тематических пабликов и тг-каналов, формат был известен. Для привлечения, удержания и увеличения аудитории — необходимо генерить контент каждый день, каким бы он ни был. На тот момент, кроме медийных сайтов, задача которых изначально и была освещать новости по заданной теме, мало кто обновлял свои сайты с высокой регулярностью. Потому что их владельцы не могли представить себе реальный профит от такой активности. Или выбирали другие приоритеты.
Вспоминая этот кейс из прошлого, я для себя чётко определяю ценности своего паблика. Пусть в нём будут вот такие редкие, но уникальные истории про дизайн, чем штампованные быстро-дофаминовые постики, как во многих заурядных каналах, которые ради удержания аудитории готовы выдавать низкопробный контент или дублирующиеся изо всех щелей новости. Изначально я не ставил перед собой задачу варить контент как повар ежедневно. Устал ли я вести свой канал и поэтому снизил скорость? Как если бы я играл пауэр-метал, а потом бы перешёл бы на пост-метал. Нет, не устал. Я пуляю посты когда мне есть что рассказать. И я совершенно не переживаю из-за того, что в период простоя происходят отписки. Значит этим читателям не по пути со мной, вот и всё. А всем остальным читателям, которые здесь не ради проходных тем, я дико салютую!
🔥10🙏4👍2❤1
Ревью интерфейса: Чек-лист арт-директора
#Артдирекшен (Часть 0/3)
Арт-надзор существует в связке «дизайнер + арт-директор». Подробно об этой функции я ранее написал в статье.
Основная суть арт-надзора сводится к предъявлению критических вопросов к дизайну. Решение этих вопросов сокращает число ошибок и улучшает текущий дизайн.
Опытный арт-директор с богатым бэкграундом может предьявить пачку вопросов к любому дизайну без шпаргалки. Однако, если вы только движетесь в эту сторону, или у вас нет арт-директора, который бы помогал улучшать ваш дизайн, вы можете применять данный чек-лист.
В рамках работы над цифровым продуктом в разрезе арт-надзора мы рассматриваем конкретный артефакт дизайнерской работы — именно графический интерфейс.
Продукт подразумевает множество других артефактов: бизнес-задача, продуктовые гипотезы, результаты исследований, результаты тестирования. Мы же рассматриваем совокупность всех этих проделанных работ, которые материализуются в виде графического интерфейса.
И в рамках ревью мы предъявляем вопросы именно к представленным решениям. Иногда дизайнеру придётся вернуться на несколько шагов назад в своей работе, чтобы улучшить текущие решения.
Чек-лист оценки интерфейса состоит из трёх больших блоков:
I. Смысловое исполнение
II. Техническое исполнение
III. Презентационное исполнение
Далее каждый из блоков будет раскрыт детально…
#Артдирекшен (Часть 0/3)
Арт-надзор существует в связке «дизайнер + арт-директор». Подробно об этой функции я ранее написал в статье.
Основная суть арт-надзора сводится к предъявлению критических вопросов к дизайну. Решение этих вопросов сокращает число ошибок и улучшает текущий дизайн.
Опытный арт-директор с богатым бэкграундом может предьявить пачку вопросов к любому дизайну без шпаргалки. Однако, если вы только движетесь в эту сторону, или у вас нет арт-директора, который бы помогал улучшать ваш дизайн, вы можете применять данный чек-лист.
В рамках работы над цифровым продуктом в разрезе арт-надзора мы рассматриваем конкретный артефакт дизайнерской работы — именно графический интерфейс.
Продукт подразумевает множество других артефактов: бизнес-задача, продуктовые гипотезы, результаты исследований, результаты тестирования. Мы же рассматриваем совокупность всех этих проделанных работ, которые материализуются в виде графического интерфейса.
И в рамках ревью мы предъявляем вопросы именно к представленным решениям. Иногда дизайнеру придётся вернуться на несколько шагов назад в своей работе, чтобы улучшить текущие решения.
Чек-лист оценки интерфейса состоит из трёх больших блоков:
I. Смысловое исполнение
II. Техническое исполнение
III. Презентационное исполнение
Далее каждый из блоков будет раскрыт детально…
🔥5👍1🙏1
Ревью интерфейса: Чек-лист арт-директора
#Артдирекшен (Часть 1/3)
I. Смысловое исполнение
1. Какую задачу мы решаем?
Начинать каждое ревью с этого вопроса / освежить его в памяти. Задача может относиться как локально к функционалу, так и глобально к целому продукту.
1.1. Чаще этот вопрос помогает задать правильное направление для всех последующих аспектов оценки дизайна.
1.2. Иногда переосмысление этого вопроса помогает понять, что проделанная работа завернула совершенно в противоположную сторону.
1.3. Редко, но бывает так, что под поставленную задачу на самом деле нужно было сделать нечто иное, чем вообще решать ее с помощью дизайна.
2. Основана ли работа на конкретном архитектурном решении?
На чем базируется демонстрируемое решение, проработана ли логическая основа?
2.1. Продукт
- Учтены ли все нюансы логической архитектуры продукта?
- Грамотно ли приоритезирован функционал?
- Грамотно ли сформулированы и описаны пользовательские роли продукта?
2.2. Функционал
- Учтены ли все нюансы у последовательности экранов (флоу) данного функционала?
- Нет ли избытка в количестве экранов?
- Грамотно ли следует ход функционала?
2.3. Сайт
- Грамотно ли приоритезированы разделы?
- Правильно ли распределены подразделы, исходя из логики и функицональности?
3. Удобно ли спроектирована навигация?
Соответствует ли навигация ранее спроектированным архитектурным решениям?
3.1. Насколько удобно представлена навигация?
- Наглядность
- Доступность
- Механика взаимодействия (закон Фиттса)
3.2. Насколько логично распределение разделов и подразделов?
- Консистентны ли сущности одного раздела, или их стоит вынести в разные пункты меню? (если нет — см.п.2.3)
4. Смысловое послание
Каково общее послание каждого экрана? Нужен ли этот экран вообще, или без него можно обойтись?
Общий посыл (месседж)
- Заложено ли основное смысловое послание на экране?
- Решает ли данный экран или последовательность экранов поставленную задачу?
- Насколько оптимально предложенное решение, можно ли его упростить?
5. Доступность послания
Насколько понятно и лаконично представлена важная информация на экране, учитывая его контекст?
5.1. Доступность послания
- Насколько понятно считывается информация?
- Расставлены ли смысловые акценты, для удобства считывания?
5.2. Какими средствами транслируется это послание
- Достаточно ли простого экрана с иллюстрацией, или нужен текст с подробным описанием того, что поможет понять пользователю что от него требуется?
- Нужен ли длинный текст с описанием действий, или можно обойтись последовательностью пиктограмм с краткими пояснениями?
#Артдирекшен (Часть 1/3)
I. Смысловое исполнение
1. Какую задачу мы решаем?
Начинать каждое ревью с этого вопроса / освежить его в памяти. Задача может относиться как локально к функционалу, так и глобально к целому продукту.
1.1. Чаще этот вопрос помогает задать правильное направление для всех последующих аспектов оценки дизайна.
1.2. Иногда переосмысление этого вопроса помогает понять, что проделанная работа завернула совершенно в противоположную сторону.
1.3. Редко, но бывает так, что под поставленную задачу на самом деле нужно было сделать нечто иное, чем вообще решать ее с помощью дизайна.
2. Основана ли работа на конкретном архитектурном решении?
На чем базируется демонстрируемое решение, проработана ли логическая основа?
2.1. Продукт
- Учтены ли все нюансы логической архитектуры продукта?
- Грамотно ли приоритезирован функционал?
- Грамотно ли сформулированы и описаны пользовательские роли продукта?
2.2. Функционал
- Учтены ли все нюансы у последовательности экранов (флоу) данного функционала?
- Нет ли избытка в количестве экранов?
- Грамотно ли следует ход функционала?
2.3. Сайт
- Грамотно ли приоритезированы разделы?
- Правильно ли распределены подразделы, исходя из логики и функицональности?
3. Удобно ли спроектирована навигация?
Соответствует ли навигация ранее спроектированным архитектурным решениям?
3.1. Насколько удобно представлена навигация?
- Наглядность
- Доступность
- Механика взаимодействия (закон Фиттса)
3.2. Насколько логично распределение разделов и подразделов?
- Консистентны ли сущности одного раздела, или их стоит вынести в разные пункты меню? (если нет — см.п.2.3)
4. Смысловое послание
Каково общее послание каждого экрана? Нужен ли этот экран вообще, или без него можно обойтись?
Общий посыл (месседж)
- Заложено ли основное смысловое послание на экране?
- Решает ли данный экран или последовательность экранов поставленную задачу?
- Насколько оптимально предложенное решение, можно ли его упростить?
5. Доступность послания
Насколько понятно и лаконично представлена важная информация на экране, учитывая его контекст?
5.1. Доступность послания
- Насколько понятно считывается информация?
- Расставлены ли смысловые акценты, для удобства считывания?
5.2. Какими средствами транслируется это послание
- Достаточно ли простого экрана с иллюстрацией, или нужен текст с подробным описанием того, что поможет понять пользователю что от него требуется?
- Нужен ли длинный текст с описанием действий, или можно обойтись последовательностью пиктограмм с краткими пояснениями?
🔥4👍2👏1🙏1
Ревью интерфейса: Чек-лист арт-директора
#Артдирекшен (Часть 2/3)
II. Техническое исполнение
6. Технические решения
Реализуемо ли решение в рамках технических возможностей разработки?
- Учтены ли гайды текущей платформы?
- Учтены ли паттерны уже реализованной части продукта?
(не задавать новые правила для аналогичного существующего функционала)
- Учтены ли текущие возможности фронт и бэк разработки, для этих дизайн-решений?
7. Управление фокусом внимания
Не теряется ли внимание при взгляде на экран? Подсвечены ли самые важные элементы? Правильно ли определены важные элементы?
- Визуальный шум
- Акциденция и цветовые пятна
(расставленный фокус на основных и второстепенных элементах)
8. Модульные сетки
Как сетка помогает пользователю, разработчику, самому дизайнеру?
- Расположение блоков
- Вертикальный ритм
- Колоночная сетка
9. Повторяемые данные
Таблицы и типовые блоки
- Показаны ли разные данные, чтобы динамика была наглядной?
(где-то короткий текст, где-то в такой же ячейке таблицы, например, длинный текст, разные возможные статусы и состояния для одного и того же элемента, и пр.)
- Предусмотрены ли контейнеры под контент разного объёма?
10. Графические решения
10.1. Все ли графические решения рифмуются между собой по стилю исполнения?
Толщина линий, обводка, цвета и способы заливки, композиция и форма:
- Пиктограммы и иконки
- Иллюстрации
Цветовая гамма, цветокоррекция, ракурсы, композиция и форма:
- Фотографии
- Абстрактные изображения
10.2. Все ли скачанные графические материалы обладают соответствующей лицензией для их использования в ваших целях?
11. Шрифтовые решения
11.1. Все ли шрифтовые решения являются читабельными и соответвуют характеру интерфейса?
11.2. Пересчитайте количество шрифтовых стилей в проекте. Сильного изобилия не должно быть. Чтобы не плодить вариацию лишних стилей, их число нужно сократить до минимума.
11.3. Сочетаются ли между собой шрифтовые пары, если таковые имеются?
11.4. Все ли скачанные гарнитуры обладают соответствующей лицензией для их использования в ваших целях?
12. Интерактив и анимация
Оправдан ли закладываемый в макет интерактив, или же лучше обойтись без него?
- Заложены ли в решение элементы, подразумевающие динамику?
- Какое движение подразумевается для них (сможет ли разработчик реализовать сам, нужен ли ему гайд или хотя бы референс)?
- Помогает ли анимация управлять вниманием пользователя в данном контексте или мешает?
#Артдирекшен (Часть 2/3)
II. Техническое исполнение
6. Технические решения
Реализуемо ли решение в рамках технических возможностей разработки?
- Учтены ли гайды текущей платформы?
- Учтены ли паттерны уже реализованной части продукта?
(не задавать новые правила для аналогичного существующего функционала)
- Учтены ли текущие возможности фронт и бэк разработки, для этих дизайн-решений?
7. Управление фокусом внимания
Не теряется ли внимание при взгляде на экран? Подсвечены ли самые важные элементы? Правильно ли определены важные элементы?
- Визуальный шум
- Акциденция и цветовые пятна
(расставленный фокус на основных и второстепенных элементах)
8. Модульные сетки
Как сетка помогает пользователю, разработчику, самому дизайнеру?
- Расположение блоков
- Вертикальный ритм
- Колоночная сетка
9. Повторяемые данные
Таблицы и типовые блоки
- Показаны ли разные данные, чтобы динамика была наглядной?
(где-то короткий текст, где-то в такой же ячейке таблицы, например, длинный текст, разные возможные статусы и состояния для одного и того же элемента, и пр.)
- Предусмотрены ли контейнеры под контент разного объёма?
10. Графические решения
10.1. Все ли графические решения рифмуются между собой по стилю исполнения?
Толщина линий, обводка, цвета и способы заливки, композиция и форма:
- Пиктограммы и иконки
- Иллюстрации
Цветовая гамма, цветокоррекция, ракурсы, композиция и форма:
- Фотографии
- Абстрактные изображения
10.2. Все ли скачанные графические материалы обладают соответствующей лицензией для их использования в ваших целях?
11. Шрифтовые решения
11.1. Все ли шрифтовые решения являются читабельными и соответвуют характеру интерфейса?
11.2. Пересчитайте количество шрифтовых стилей в проекте. Сильного изобилия не должно быть. Чтобы не плодить вариацию лишних стилей, их число нужно сократить до минимума.
11.3. Сочетаются ли между собой шрифтовые пары, если таковые имеются?
11.4. Все ли скачанные гарнитуры обладают соответствующей лицензией для их использования в ваших целях?
12. Интерактив и анимация
Оправдан ли закладываемый в макет интерактив, или же лучше обойтись без него?
- Заложены ли в решение элементы, подразумевающие динамику?
- Какое движение подразумевается для них (сможет ли разработчик реализовать сам, нужен ли ему гайд или хотя бы референс)?
- Помогает ли анимация управлять вниманием пользователя в данном контексте или мешает?
🔥5👍2🙏1
Ревью интерфейса: Чек-лист арт-директора
#Артдирекшен (Часть 3/3)
III. Презентационное исполнение
13. Презентация заказчику
Что мы хотим транслировать как образ продаваемого решения?
Стратегия защиты решений:
- Помним ли мы, какое было ожидание у заказчика?
- Понимаем ли мы, какое самое важное послание для заказчика мы хотим донести?
- В чём преимущества тех решений, которые мы разработали и продемонстрировали?
В ходе демонстрации мы не пересказываем технические решения, которые итак видит заказчик (например: «тут мы поставили оранжевые кнопки, а здесь фиолетовые линии»). Мы рассказываем именно про концептуальное решение и функционал, а также про то, как текущий дизайн решает первоначально сформулированную задачу или приближает к её решению (см.блок I.,п.1.).
Изучить подробнее как строится стратегия защиты дизайнерских решений.
#Артдирекшен (Часть 3/3)
III. Презентационное исполнение
13. Презентация заказчику
Что мы хотим транслировать как образ продаваемого решения?
Стратегия защиты решений:
- Помним ли мы, какое было ожидание у заказчика?
- Понимаем ли мы, какое самое важное послание для заказчика мы хотим донести?
- В чём преимущества тех решений, которые мы разработали и продемонстрировали?
В ходе демонстрации мы не пересказываем технические решения, которые итак видит заказчик (например: «тут мы поставили оранжевые кнопки, а здесь фиолетовые линии»). Мы рассказываем именно про концептуальное решение и функционал, а также про то, как текущий дизайн решает первоначально сформулированную задачу или приближает к её решению (см.блок I.,п.1.).
Изучить подробнее как строится стратегия защиты дизайнерских решений.
👍2🙏1
Ревью интерфейса (Цельная статья)
#Артдирекшен
Собрал этот материал из нескольких постов в одну цельную статью на сайте, чтобы вам легче было обращаться к этому чеклисту или пересылать его друзьям.
→ Открыть страницу с чек-листом
#Артдирекшен
Собрал этот материал из нескольких постов в одну цельную статью на сайте, чтобы вам легче было обращаться к этому чеклисту или пересылать его друзьям.
→ Открыть страницу с чек-листом
❤6👏3👍2🙏1
Как вы развиваетесь в дизайне?
#ТурбоИсследование
Очень хочется узнать откуда вы черпаете знания на регулярной основе. Т.е. что является постоянными источниками вашего профессионального развития?
Отметить все пункты можно, однако, если вы прочли всего лишь одну книгу за год и посетили один короткий интенсив за последние пару лет — то это не считается.
#ТурбоИсследование
Очень хочется узнать откуда вы черпаете знания на регулярной основе. Т.е. что является постоянными источниками вашего профессионального развития?
Отметить все пункты можно, однако, если вы прочли всего лишь одну книгу за год и посетили один короткий интенсив за последние пару лет — то это не считается.
🙏2
Как вы развиваетесь в дизайне? (регулярно)
Anonymous Poll
28%
Посещаю образовательные курсы и интенсивы
29%
Читаю книги
45%
Читаю статьи отечественных профессионалов на русском языке
25%
Читаю зарубежные статьи на языке первоисточника
65%
Читаю тг-каналы
46%
Листаю тг-каналы
40%
Смотрю уроки на ютубе
14%
Пользуюсь услугами менторов
45%
Развиваюсь, работая в слаженной команде, перенимая опыт у более опытных специалистов
7%
Другое (расскажу в комментариях)
ИГ про дизайн
Как вы развиваетесь в дизайне? (регулярно)
Во вчерашнем опросе лидируют тг-каналы. Попробуем нырнуть глубже и узнать какого типа контент преобладает в этих каналах.
🙏1