Команда Readymag подготовила материал о сетках: какие бывают и чем они полезны дизайнерам и пользователям (читателям).
Книги или статьи по истории типографики могут отпугнуть неподготовленного читателя математикой и геометрией, ведь в них упоминаются ряды Фибоначчи, пропорции золотого сечения, модулор Ле Корбюзье, изыскания швейцарских модернистов. Однако построение модульных сеток, хотя и базируется часто на сложных соотношениях целого и частного, — дело исключительно практическое.
Лишь один раз столкнувшись с необходимостью создать многостраничный документ, вы поймёте, что крайне утомительно на каждой полосе заново придумывать, куда поставить заголовок или подпись к фотографии, какой кегль шрифта выбрать для заголовка в три строки и сколько отступить от лида.
Процесс многократно облегчается, когда вы задаете оси и отступы сразу для всех страниц. Важнейшая функция модульной сетки — облегчение задачи дизайнера при работе
с многосоставным или многостраничным документом.
Обложки дисков британской группы The XX, а также сольников Джейми Смита, одного из членов коллектива, — пример концептуальной серии, построенной на одном приеме и простейшей сетке. Первый студийный альбом The XX — это высеченное отверстие в виде креста (или буквы X) в полностью черном внешнем конверте пластинки, в котором виден полностью белый внутренний конверт.
Обложки синглов и EP, связанных с этим альбомом, отличаются тем, что появляется изображение на внутреннем конверте.
Второй альбом и все релизы, связанные с ним, имеют белый внешний конверт. Конструкция «креста» может рассматриваться как сетка этого макета.
На основе этой сетки построена форма отверстия во внешнем конверте сингла Jamie XX Edits, созданного только Джейми Смитом. Таким образом, подчеркивается, что он является частью коллектива. Тут можно возразить, что членов группы трое, а концов у креста четыре, но знающие люди помнят, что на раннем этапе в составе The XX было четыре человека.
Все обложки Jamie XX имеют вырез во внешнем конверте в виде «левой ножки» буквы X. Точно так же меняется цвет обоих конвертов и графика на них. Такая система предоставляет неисчерпаемые возможности для оформления, при этом что бы ни было размещено на конвертах, преемственность макетов будет считываться безошибочно. Более того, можно предположить, как будут выглядеть обложки сольных проектов других членов коллектива и их коллабораций между собой.
https://almanac-rus.readymag.com/grid/
Книги или статьи по истории типографики могут отпугнуть неподготовленного читателя математикой и геометрией, ведь в них упоминаются ряды Фибоначчи, пропорции золотого сечения, модулор Ле Корбюзье, изыскания швейцарских модернистов. Однако построение модульных сеток, хотя и базируется часто на сложных соотношениях целого и частного, — дело исключительно практическое.
Лишь один раз столкнувшись с необходимостью создать многостраничный документ, вы поймёте, что крайне утомительно на каждой полосе заново придумывать, куда поставить заголовок или подпись к фотографии, какой кегль шрифта выбрать для заголовка в три строки и сколько отступить от лида.
Процесс многократно облегчается, когда вы задаете оси и отступы сразу для всех страниц. Важнейшая функция модульной сетки — облегчение задачи дизайнера при работе
с многосоставным или многостраничным документом.
Обложки дисков британской группы The XX, а также сольников Джейми Смита, одного из членов коллектива, — пример концептуальной серии, построенной на одном приеме и простейшей сетке. Первый студийный альбом The XX — это высеченное отверстие в виде креста (или буквы X) в полностью черном внешнем конверте пластинки, в котором виден полностью белый внутренний конверт.
Обложки синглов и EP, связанных с этим альбомом, отличаются тем, что появляется изображение на внутреннем конверте.
Второй альбом и все релизы, связанные с ним, имеют белый внешний конверт. Конструкция «креста» может рассматриваться как сетка этого макета.
На основе этой сетки построена форма отверстия во внешнем конверте сингла Jamie XX Edits, созданного только Джейми Смитом. Таким образом, подчеркивается, что он является частью коллектива. Тут можно возразить, что членов группы трое, а концов у креста четыре, но знающие люди помнят, что на раннем этапе в составе The XX было четыре человека.
Все обложки Jamie XX имеют вырез во внешнем конверте в виде «левой ножки» буквы X. Точно так же меняется цвет обоих конвертов и графика на них. Такая система предоставляет неисчерпаемые возможности для оформления, при этом что бы ни было размещено на конвертах, преемственность макетов будет считываться безошибочно. Более того, можно предположить, как будут выглядеть обложки сольных проектов других членов коллектива и их коллабораций между собой.
https://almanac-rus.readymag.com/grid/
Ещё одно интервью с Павлом Грозяном, на этот раз в текстовом формате.
Как искал работу в Сан-Франциско. Как устроился в Zero (после интервью сделал скетчи решений, которые они обсуждали, видеопрезентацию и лендинг) и договорился о зарплате большей, чем собирались платить основатели. Чем хороша работа в стартапе на ранних стадиях. Интересно про систему опционов (как я понял, это типовая схема). Чем отличается жизнь работника технологичной компании в Сан-Франциско (трудоголизм, расизм, наркомания, закрытые вечеринки и сексуальные девиации).
«Я рассматривал много вариантов, но подавался только туда, куда мне могли сделать интро (возможность пообщаться с потенциальными коллегами). Не видел смысла тратить время на "холодные" заявки.
Дошел до оффера из Uber Eats, но понял, что это не то место, где бы я хотел работать. "У нас все отлично, только ты должен быть, как акула. Если ты плывешь медленно, тебя начинают есть сзади. А если ты плывешь слишком быстро, то тебя менеджер сожрет", — так сказал мне один из сотрудников Uber. Это было до известного скандала.
У меня местный друг решил открывать в Украине офис разработки. И вот он рассказывает, как нанимает сотрудников и предлагает долю в компании и зарплату, а ему говорят — нет, не интересно, давай только деньги. Так это же отлично для фаундера! Инвесторы его спрашивают: "Сколько у тебя сотрудников в доле?" Ноль! Они были в приятном шоке, больше бабок владельцам и инвесторам».
https://dou.ua/lenta/interviews/grozian/
Как искал работу в Сан-Франциско. Как устроился в Zero (после интервью сделал скетчи решений, которые они обсуждали, видеопрезентацию и лендинг) и договорился о зарплате большей, чем собирались платить основатели. Чем хороша работа в стартапе на ранних стадиях. Интересно про систему опционов (как я понял, это типовая схема). Чем отличается жизнь работника технологичной компании в Сан-Франциско (трудоголизм, расизм, наркомания, закрытые вечеринки и сексуальные девиации).
«Я рассматривал много вариантов, но подавался только туда, куда мне могли сделать интро (возможность пообщаться с потенциальными коллегами). Не видел смысла тратить время на "холодные" заявки.
Дошел до оффера из Uber Eats, но понял, что это не то место, где бы я хотел работать. "У нас все отлично, только ты должен быть, как акула. Если ты плывешь медленно, тебя начинают есть сзади. А если ты плывешь слишком быстро, то тебя менеджер сожрет", — так сказал мне один из сотрудников Uber. Это было до известного скандала.
У меня местный друг решил открывать в Украине офис разработки. И вот он рассказывает, как нанимает сотрудников и предлагает долю в компании и зарплату, а ему говорят — нет, не интересно, давай только деньги. Так это же отлично для фаундера! Инвесторы его спрашивают: "Сколько у тебя сотрудников в доле?" Ноль! Они были в приятном шоке, больше бабок владельцам и инвесторам».
https://dou.ua/lenta/interviews/grozian/
ДОУ
Дизайнер Павел Грозян: «В Сан-Франциско и Долине ты можешь зарабатывать столько, сколько захочешь»
Павел Грозян переехал из Киева в Сан-Франциско в 2016 году по визе О-1 для людей с выдающимися способностями. За два года он дважды получал эту визу. Впервые — когда перешел работать из Grammarly в финтех-стартап Zero, а второй раз — недавно, когда принял…
Джим Росс написал, как давать рекомендации по улучшению UX.
Надо понять, кто будет их читать. От этого зависит восприятие и список дополнительных вопросов, ответы на которые надо дать.
Рекомендации надо сопровождать результатами исследования, на которых они основаны. Метод исследования влияет на характер выводов и рекомендаций:
— Экспертные мнения и тесты юзабилити выявляют конкретные проблемы и помогают дать точные рекомендации;
— Пользовательские исследования помогают лучше понять поведение и задачи пользователей, но дают обобщённые выводы.
Если вы не останетесь в проекте после исследования, убедитесь, что рекомендации понятны, конкретны и выполнимы. Для этого потребуется обсудить решения с исполнителями.
Рекомендации должны быть:
— Понятными, лаконичными (разбейте на подпункты) и в должной мере конкретными (иногда имеет смысл обозначить общее направление решения);
— Правдоподобными (рекомендация естественно исходит из исследования);
— Авторитетными;
— Требующими конкретных действий (что сделать, в каком направлении подумать, что дополнительно исследовать);
— Осуществимыми (но это не значит, что максимально простыми в реализации);
— Гибкими;
— Ранжированными по силе воздействия на пользователей.
https://medium.com/grifer163/bcf959e6a4c7
Надо понять, кто будет их читать. От этого зависит восприятие и список дополнительных вопросов, ответы на которые надо дать.
Рекомендации надо сопровождать результатами исследования, на которых они основаны. Метод исследования влияет на характер выводов и рекомендаций:
— Экспертные мнения и тесты юзабилити выявляют конкретные проблемы и помогают дать точные рекомендации;
— Пользовательские исследования помогают лучше понять поведение и задачи пользователей, но дают обобщённые выводы.
Если вы не останетесь в проекте после исследования, убедитесь, что рекомендации понятны, конкретны и выполнимы. Для этого потребуется обсудить решения с исполнителями.
Рекомендации должны быть:
— Понятными, лаконичными (разбейте на подпункты) и в должной мере конкретными (иногда имеет смысл обозначить общее направление решения);
— Правдоподобными (рекомендация естественно исходит из исследования);
— Авторитетными;
— Требующими конкретных действий (что сделать, в каком направлении подумать, что дополнительно исследовать);
— Осуществимыми (но это не значит, что максимально простыми в реализации);
— Гибкими;
— Ранжированными по силе воздействия на пользователей.
https://medium.com/grifer163/bcf959e6a4c7
Medium
Какими должны быть рекомендации по улучшению пользовательского опыта, чтобы применить их наиболее эффективно
Конспект материала UX-консультанта Джима Росса.
Документальный фильм Сергея Шановича «Современный русский дизайн» — о последних 20 годах развития индустрии дизайна в России.
Леонид Фейгин и Дмитрий Перишков: «Этим календарём мы гордимся. Он сделан так, что визуальный дизайн практически незаметен, но в нём заложен классный дизайн смысла.
Подходишь к календарю вечером и решаешь, отметить сегодняшний день жёлтым смайликом с улыбкой или чёрным, грустным. И думаешь: разве это настолько плохой день, что чёрный? Вспоминаешь что-то хорошее и лепишь жёлтый смайлик.
Год в основном получается жёлтый. У нас не было ни одного человека, который сказал бы, что год у него был плохой. Люди, которым мы дарили календари, могли по-другому оценить свою собственную жизнь. Очень простая бытовая психотерапия. Это очень позитивный мотиватор, и это — дизайн».
https://www.youtube.com/watch?v=DTBhvB3EOpU
Леонид Фейгин и Дмитрий Перишков: «Этим календарём мы гордимся. Он сделан так, что визуальный дизайн практически незаметен, но в нём заложен классный дизайн смысла.
Подходишь к календарю вечером и решаешь, отметить сегодняшний день жёлтым смайликом с улыбкой или чёрным, грустным. И думаешь: разве это настолько плохой день, что чёрный? Вспоминаешь что-то хорошее и лепишь жёлтый смайлик.
Год в основном получается жёлтый. У нас не было ни одного человека, который сказал бы, что год у него был плохой. Люди, которым мы дарили календари, могли по-другому оценить свою собственную жизнь. Очень простая бытовая психотерапия. Это очень позитивный мотиватор, и это — дизайн».
https://www.youtube.com/watch?v=DTBhvB3EOpU
YouTube
Фильм "Современный русский дизайн"
Документальный фильм Сергея Шановича «The Modern Russian Design», посвящен последним 20 годам развития индустрии дизайна в России на примерах отдельных проектов графического, индустриального, фэшндизайна и мульти-медиа дизайна. Кто они – русские дизайнеры:…
Рохан Мишра написал про универсальный (инклюзивный) дизайн — создание продуктов и сред, которые доступны людям независимо от их возраста, инвалидности и факторов вроде сломанной руки, беременности и т.п.
На примере двери:
— Размещение дверной ручки не слишком высоко для ребёнка и не слишком низко для взрослого;
— Автоматическое открытие — лучше открытия двери с помощью ручки;
— Ширина — достаточно большая для людей на инвалидных колясках.
Принципы:
— Проектировать так, чтобы пользователь с ограниченными возможностями не испытывал дискомфорта от «особого отношения»;
— Обеспечивать гибкость, чтобы пользователь мог контролировать темп и точность использования;
— Передавать информацию разными способами: изобразительными, словесными и тактильными;
— Допускать ошибки: минимизировать вред и неблагоприятные последствия, которые могут возникнуть из-за непреднамеренных действий;
— Уменьшить физические усилия, необходимые для взаимодействия;
— Дать больше пространства для манипуляций.
https://ux.pub/principy-universalnogo-dizajna-v-povsednevno-ispolzuemyx-produktax/
На примере двери:
— Размещение дверной ручки не слишком высоко для ребёнка и не слишком низко для взрослого;
— Автоматическое открытие — лучше открытия двери с помощью ручки;
— Ширина — достаточно большая для людей на инвалидных колясках.
Принципы:
— Проектировать так, чтобы пользователь с ограниченными возможностями не испытывал дискомфорта от «особого отношения»;
— Обеспечивать гибкость, чтобы пользователь мог контролировать темп и точность использования;
— Передавать информацию разными способами: изобразительными, словесными и тактильными;
— Допускать ошибки: минимизировать вред и неблагоприятные последствия, которые могут возникнуть из-за непреднамеренных действий;
— Уменьшить физические усилия, необходимые для взаимодействия;
— Дать больше пространства для манипуляций.
https://ux.pub/principy-universalnogo-dizajna-v-povsednevno-ispolzuemyx-produktax/
UXPUB 🇺🇦 Дизайн-спільнота
Принципы универсального дизайна в повседневно используемых продуктах
Универсальный дизайн – это дизайн, который делает их доступными для всех людей независимо от возраста, инвалидности или других факторов.
Я рассказал о функциональных спецификациях к интерфейсу: зачем нужны и как их писать.
«Во многих проектах недостаточно показать все типовые страницы и показать все состояния элементов, из которых эти страницы состоят. При этом я довольно часто слышу от проектировщиков интерфейсов, что они не знают, с которой стороны подойти к написанию функциональной спецификации. В выступлении я расскажу про этот артефакт: зачем и кому он нужен, когда его стоит писать и как это делать».
На записи плохо видно слайды, ссылка на презентацию есть в описании видео.
https://www.youtube.com/watch?v=XaRymaGcPXM
«Во многих проектах недостаточно показать все типовые страницы и показать все состояния элементов, из которых эти страницы состоят. При этом я довольно часто слышу от проектировщиков интерфейсов, что они не знают, с которой стороны подойти к написанию функциональной спецификации. В выступлении я расскажу про этот артефакт: зачем и кому он нужен, когда его стоит писать и как это делать».
На записи плохо видно слайды, ссылка на презентацию есть в описании видео.
https://www.youtube.com/watch?v=XaRymaGcPXM
YouTube
Функциональная спецификация к интерфейсу
Доклад Антона Григорьева из компании «Проекторат» с секции «Дизайн» Белгородского интернет-форума 2018 года: https://bif2018.ru
Презентация (на видео плохо видно слайды): https://drive.google.com/file/d/1bBfprCYfYFMxJWVHM5zNH5vk8LgbE9m8/view?usp=sharing…
Презентация (на видео плохо видно слайды): https://drive.google.com/file/d/1bBfprCYfYFMxJWVHM5zNH5vk8LgbE9m8/view?usp=sharing…
Илья Бирман на нескольких примерах объяснил принцип «дай нажать».
Например, пользователь должен указать хотя бы 1 способ уведомления из 4. Если он выключает 3 чекбокса, нельзя блокировать оставшийся 4-й включённый чекбокс. Надо дать возможность выключить и его тоже. При этом система может автоматически включить один из трёх ранее выключенных чекбоксов.
Или при выборе даты: «Чтобы не дать пользователю ввести несуществующую дату, некоторые разработчики убирают из поля дня несуществующие дни. То есть если выбран месяц июнь, то дня «31» просто не будет в выпадайке. Но что, если у меня день рождения 31 августа? Я хочу ткнуть в 31, а потом выбрать август. Дай нажать!»
При этом лучше не выводить сообщение об ошибке, когда пользователь попробует сохранить форму с датой «31 июня», а вместо этого после выбора дня «31» сбросить выбор неподходящего месяца.
https://ilyabirman.ru/meanwhile/all/let-me-click/
Например, пользователь должен указать хотя бы 1 способ уведомления из 4. Если он выключает 3 чекбокса, нельзя блокировать оставшийся 4-й включённый чекбокс. Надо дать возможность выключить и его тоже. При этом система может автоматически включить один из трёх ранее выключенных чекбоксов.
Или при выборе даты: «Чтобы не дать пользователю ввести несуществующую дату, некоторые разработчики убирают из поля дня несуществующие дни. То есть если выбран месяц июнь, то дня «31» просто не будет в выпадайке. Но что, если у меня день рождения 31 августа? Я хочу ткнуть в 31, а потом выбрать август. Дай нажать!»
При этом лучше не выводить сообщение об ошибке, когда пользователь попробует сохранить форму с датой «31 июня», а вместо этого после выбора дня «31» сбросить выбор неподходящего месяца.
https://ilyabirman.ru/meanwhile/all/let-me-click/
👍1
Павел Шерер написал об использовании состояния потока для увеличения времени пребывания пользователя на сайте или в мобильном приложении.
Состояние потока обычно свойственно играм. Чем оно характеризуется:
— Игрок понимает игровые механики и максимально контролирует ситуацию внутри игры;
— Оказывается полностью погружен в процесс, начинает жить своим персонажем;
— Теряет чувство времени.
Как поддержать это состояние не в игровых проектах:
— Ставьте пользователю понятные задачи, которые требуют простых действий. Разбивайте действия на этапы. Рядом с полями размещайте подсказки, зачем нужна та или иная информация. Одинаковые задачи давайте решать похожими действиями, например, редактирование профиля, личного блога и магазина;
— Награждайте пользователя за выполнение задач — как поздравительными сообщениями, так и чем-то более существенным;
— Ни в коем случае не вырывайте пользователя из его текущего сценария;
— Убедитесь, что представители вашей целевой аудитории в основном способны решать свои задачи с минимальными усилиями. В этом главное отличие от игр. Игровые задачи не должны быть простыми, иначе скучно играть.
https://zen.yandex.ru/media/id/5a8249f94826772d3da82e8c/5afe67059b403c5bc1dd4651
Состояние потока обычно свойственно играм. Чем оно характеризуется:
— Игрок понимает игровые механики и максимально контролирует ситуацию внутри игры;
— Оказывается полностью погружен в процесс, начинает жить своим персонажем;
— Теряет чувство времени.
Как поддержать это состояние не в игровых проектах:
— Ставьте пользователю понятные задачи, которые требуют простых действий. Разбивайте действия на этапы. Рядом с полями размещайте подсказки, зачем нужна та или иная информация. Одинаковые задачи давайте решать похожими действиями, например, редактирование профиля, личного блога и магазина;
— Награждайте пользователя за выполнение задач — как поздравительными сообщениями, так и чем-то более существенным;
— Ни в коем случае не вырывайте пользователя из его текущего сценария;
— Убедитесь, что представители вашей целевой аудитории в основном способны решать свои задачи с минимальными усилиями. В этом главное отличие от игр. Игровые задачи не должны быть простыми, иначе скучно играть.
https://zen.yandex.ru/media/id/5a8249f94826772d3da82e8c/5afe67059b403c5bc1dd4651
Яндекс Дзен | Платформа для авторов, издателей и брендов
Состояние потока: из геймдева в мобайл и веб
Переносим опыт геймдизайна на проектирование мобильных и веб-приложений.
Прототип — чёрно-белый кликабельный чертёж будущего сайта. Это план, который помогает понять, что есть на странице, зачем оно, там ли вообще находится и как работает.
Получая на согласование прототип, заказчики иногда начинают беспокоиться, что в итоговом дизайне тоже будет стандартная сетка, цвета и шрифты, что страницы будут собраны из стандартных блоков, что их расположение нельзя будет изменить, что контент не проработан.
В компании «Сибирикс» подготовили примеры цепочек прототип → мудборд → дизайн и объяснения, которые помогают клиентам перестать беспокоиться и начать думать над стратегическими вопросами.
Что заказчик должен понять:
— Вёрстка дизайн-макета может серьёзно отличаться от вёрстки прототипа;
— Со шрифтами и цветом не играем — чёрно-белые прототипы со стандартными шрифтами более продуктивны;
— Форма блоков от прототипа к макету может меняться в зависимости от дизайн-концепции;
— О расположении блоков, а также их отсутствии и наличии, лучше всего думать на этапе прототипа;
— Контент в прототипе приблизительный, и если он не влияет на структуру — его можно поменять. Контент, влияющий на смысл проекта, лучше подготовить заранее.
https://blog.sibirix.ru/2018/10/23/proto-design/
Получая на согласование прототип, заказчики иногда начинают беспокоиться, что в итоговом дизайне тоже будет стандартная сетка, цвета и шрифты, что страницы будут собраны из стандартных блоков, что их расположение нельзя будет изменить, что контент не проработан.
В компании «Сибирикс» подготовили примеры цепочек прототип → мудборд → дизайн и объяснения, которые помогают клиентам перестать беспокоиться и начать думать над стратегическими вопросами.
Что заказчик должен понять:
— Вёрстка дизайн-макета может серьёзно отличаться от вёрстки прототипа;
— Со шрифтами и цветом не играем — чёрно-белые прототипы со стандартными шрифтами более продуктивны;
— Форма блоков от прототипа к макету может меняться в зависимости от дизайн-концепции;
— О расположении блоков, а также их отсутствии и наличии, лучше всего думать на этапе прототипа;
— Контент в прототипе приблизительный, и если он не влияет на структуру — его можно поменять. Контент, влияющий на смысл проекта, лучше подготовить заранее.
https://blog.sibirix.ru/2018/10/23/proto-design/
Журнал
От прототипа к дизайну: 5 преображений проектов
Прототип сайта может сильно отличаться от финальной версии. Расскажем, как и на каких этапах может измениться первоначальная задумка. Что может вносить коррективы и как готовить прототип чтобы избежать часть возможных замечаний
Если думаете, как составить хорошее описание дизайнерского проекта, есть старый, но всё ещё полезный совет Максима Ильяхова.
Расскажите:
— Обо всём, что остаётся неочевидным по картинкам. Например, особенности, которые не заметны с первого взгляда;
— Если это приложение, то — какую проблему оно решает;
— Об интересных сценариях использования. Не надо перечислять функции и комментировать то, что и так на экране;
— Что намеренно не сделано и чем решение отличается от других.
https://bureau.ru/bb/soviet/20130929/
Расскажите:
— Обо всём, что остаётся неочевидным по картинкам. Например, особенности, которые не заметны с первого взгляда;
— Если это приложение, то — какую проблему оно решает;
— Об интересных сценариях использования. Не надо перечислять функции и комментировать то, что и так на экране;
— Что намеренно не сделано и чем решение отличается от других.
https://bureau.ru/bb/soviet/20130929/
Дизайн-бюро Артёма Горбунова
Как составить хорошее описание дизайнерского проекта?
Максим, недавно вы советовали, как дизайнеру составить рассказ о себе. Сказали, что главное — логично представить и описать свои работы.А как составить хорошее описание дизайнерского проекта?
Игорь Штанг поделился приёмом вёрстки таблиц и списков.
Если строки или столбцы разделены линейками, лучше не ставить их ровно посередине, а сдвигать. Например, прижимать сверху к содержимому строки — выглядит привычней и подходит для большинства случаев.
Работает это как любая группировка: элементы объединяются, и кажется, что их становится меньше. Вёрстка выглядит более собранной и контрастной.
Исключение — компактная, плотная верстка (список писем в Gmail, песен в iTunes). Если элементы стоят близко друг к другу, сдвигать разделитель необязательно.
https://nobelfaik.livejournal.com/175918.html
Если строки или столбцы разделены линейками, лучше не ставить их ровно посередине, а сдвигать. Например, прижимать сверху к содержимому строки — выглядит привычней и подходит для большинства случаев.
Работает это как любая группировка: элементы объединяются, и кажется, что их становится меньше. Вёрстка выглядит более собранной и контрастной.
Исключение — компактная, плотная верстка (список писем в Gmail, песен в iTunes). Если элементы стоят близко друг к другу, сдвигать разделитель необязательно.
https://nobelfaik.livejournal.com/175918.html
Livejournal
Прижать линейку
Есть такой хороший прием прижать линейку. Когда вы, например, верстаете таблицу и разделяете строки линейками, то лучше не ставить их ровно посередине, а сдвигать к нижнему тексту: Это работает так же, как любая группировка: элементы объединяются, и кажется…
Артём Горбунов в интервью для VC рассказал:
— О переходе в дизайн и первом проекте в «Студии Артемия Лебедева»;
— Уходе из студии, запуске собственного бюро, первых клиентах и кризисе;
— Знакомстве с ключевыми сотрудниками бюро;
— Появлении инфостиля;
— Критериях, по которым можно вычислить шарлатанов в инфобизнесе;
— Внутренней кухне: по каким принципам живут сотрудники бюро, какими сервисами пользуются для работы и общения и почему у них каждый день — суббота;
— Своём рабочем дне, а также о том, почему у взрослого человека не существует свободного времени.
«В итоге я пригласил [Илью Синельникова] и стал готовить к работе менеджера проектов. Он всему научился, но за полгода не успел продать ни одного проекта и свалил. А через пару лет я написал ему: «Давай сделаем курс по переговорам», и он вернулся уже в другом качестве».
Почему у вас получилось развить собственную студию, в отличие от многих бывших сотрудников «Студии Лебедева»?
«В детстве кто-то из моих товарищей предлагал поиграть, например, в пиратов. Мы играли, а спустя какое-то время они теряли интерес. А я, даже если не был инициатором, требовал продолжения. Видимо, эта черта сохранилась и во взрослой жизни: я могу очень долго играть в одну игру».
О причине кризиса:
«В [договоре] есть такая фраза: „Согласование результатов не включено в срок проекта“. Она всегда казалась мне спасительной, потому что самая страшная часть проекта для дизайнера — это правочки, которых может быть хрен знает сколько. И пусть за них отвечает сам клиент, а не мы.
На деле мы получали аванс за работу, принимали обязательства перед клиентом, начинали делать, а потом проект затягивался — из-за правочек или из-за того, что клиент в отпуске. В итоге деньги на зарплату заканчиваются, а дизайнеры продолжают дорабатывать проект. Получается полная ерунда».
https://vc.ru/design/50603
— О переходе в дизайн и первом проекте в «Студии Артемия Лебедева»;
— Уходе из студии, запуске собственного бюро, первых клиентах и кризисе;
— Знакомстве с ключевыми сотрудниками бюро;
— Появлении инфостиля;
— Критериях, по которым можно вычислить шарлатанов в инфобизнесе;
— Внутренней кухне: по каким принципам живут сотрудники бюро, какими сервисами пользуются для работы и общения и почему у них каждый день — суббота;
— Своём рабочем дне, а также о том, почему у взрослого человека не существует свободного времени.
«В итоге я пригласил [Илью Синельникова] и стал готовить к работе менеджера проектов. Он всему научился, но за полгода не успел продать ни одного проекта и свалил. А через пару лет я написал ему: «Давай сделаем курс по переговорам», и он вернулся уже в другом качестве».
Почему у вас получилось развить собственную студию, в отличие от многих бывших сотрудников «Студии Лебедева»?
«В детстве кто-то из моих товарищей предлагал поиграть, например, в пиратов. Мы играли, а спустя какое-то время они теряли интерес. А я, даже если не был инициатором, требовал продолжения. Видимо, эта черта сохранилась и во взрослой жизни: я могу очень долго играть в одну игру».
О причине кризиса:
«В [договоре] есть такая фраза: „Согласование результатов не включено в срок проекта“. Она всегда казалась мне спасительной, потому что самая страшная часть проекта для дизайнера — это правочки, которых может быть хрен знает сколько. И пусть за них отвечает сам клиент, а не мы.
На деле мы получали аванс за работу, принимали обязательства перед клиентом, начинали делать, а потом проект затягивался — из-за правочек или из-за того, что клиент в отпуске. В итоге деньги на зарплату заканчиваются, а дизайнеры продолжают дорабатывать проект. Получается полная ерунда».
https://vc.ru/design/50603
vc.ru
«У взрослого человека в принципе не существует свободного времени»: интервью с Артёмом Горбуновым
Основатель «Бюро Горбунова» о работе и отдыхе, корпоративной этике и первых днях собственной дизайн-студии.
👍1
В последнее время программы (например, Sketch) и операционные системы (macOS Mojave) обзаводятся тёмными темами интерфейса. Мария Новикова написала об использовании тёмного фона.
Лучше использовать его, когда:
— Предполагается, что с интерфейсом будут работать в полумраке;
— Надо спрятать элементы интерфейса, чтобы они не отвлекали от просмотра контента или работы с ним (как в Фотошопе);
— Надо облегчить сканирование контента, помочь с первого взгляда выделить самое главное (графики в Salesforce).
Стоит учесть, что:
— Светлые буквы немного залезают на тёмный фон. Надо использовать более крупные шрифты, увеличивать межстрочные и межбуквенные расстояния и так далее;
— Людям с астигматизмом (в лёгкой форме есть у большинства населения) легче читать тёмный текст на светлом фоне.
https://usabilitylab.ru/blog/svetlie-vs-temnie-interfeis/
Лучше использовать его, когда:
— Предполагается, что с интерфейсом будут работать в полумраке;
— Надо спрятать элементы интерфейса, чтобы они не отвлекали от просмотра контента или работы с ним (как в Фотошопе);
— Надо облегчить сканирование контента, помочь с первого взгляда выделить самое главное (графики в Salesforce).
Стоит учесть, что:
— Светлые буквы немного залезают на тёмный фон. Надо использовать более крупные шрифты, увеличивать межстрочные и межбуквенные расстояния и так далее;
— Людям с астигматизмом (в лёгкой форме есть у большинства населения) легче читать тёмный текст на светлом фоне.
https://usabilitylab.ru/blog/svetlie-vs-temnie-interfeis/
Usabilitylab
Светлые vs темные интерфейсы | USABILITYLAB г.Москва
Влияет ли как-то выбранная цветовая схема на эффективность интерфейса? В каких случаях использовать темный фон? Советы экспертов.
Когда автомобильная промышленность начала развиваться, дизайнеры вдохновлялись приборными панелями самолетов. В какой-то момент люксовость автомобиля стала проявляться в том, чтобы напихать как можно больше кнопок на панель и сделать её максимально насыщенной.
Юрий Белканов написал о современных автомобильных интерфейсах.
Проблемы:
— Лишняя информация вроде того, как на ведущую ось передаётся энергия от батареи;
— Отображение самой машины в интерфейсе;
— Кнопки одинакового размера, главные не выделены;
— Нет свайпов;
— Медленная работа из-за слабого железа (даже в дорогих спорткарах Porsche);
— Использование цветов, которые плохо различают дальтоники.
Что можно сделать:
— Ускорить железо;
— Убрать всё с глаз долой и оповещать голосом;
— Аккуратно выводить на лобовое стекло то, что долго объяснять голосом;
— Для ключевых элементов оставить механические элементы управления;
— Цифровые панели можно подстраивать под контекст. В поездках по городу и за городом водителю нужны разные функции, зачем в пробках круиз-контроль? В Adobe Premiere набор окон меняется в зависимости от выбранного режима: Сборка, Редактирование, Цвет, Наложение эффектов.
http://blog.stereomarketing.ru/ux/in-car-ux-troubles/
Юрий Белканов написал о современных автомобильных интерфейсах.
Проблемы:
— Лишняя информация вроде того, как на ведущую ось передаётся энергия от батареи;
— Отображение самой машины в интерфейсе;
— Кнопки одинакового размера, главные не выделены;
— Нет свайпов;
— Медленная работа из-за слабого железа (даже в дорогих спорткарах Porsche);
— Использование цветов, которые плохо различают дальтоники.
Что можно сделать:
— Ускорить железо;
— Убрать всё с глаз долой и оповещать голосом;
— Аккуратно выводить на лобовое стекло то, что долго объяснять голосом;
— Для ключевых элементов оставить механические элементы управления;
— Цифровые панели можно подстраивать под контекст. В поездках по городу и за городом водителю нужны разные функции, зачем в пробках круиз-контроль? В Adobe Premiere набор окон меняется в зависимости от выбранного режима: Сборка, Редактирование, Цвет, Наложение эффектов.
http://blog.stereomarketing.ru/ux/in-car-ux-troubles/