Material Design на русском. Часть 9 — Поведение компонентов | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

Наложение Когда UI меняется, тогда компонент может быть перекрыт другими элементами, которые будут его закрывать. В этой ситуации его позиция и размеры остаются неизменными. Обрати внимание: контентная область перекрывается боковой панелью навигации (сайдбаром), но сама область не сдвигается, а элементы остаются в исходных размерах. Компоненты могут адаптироваться в зависимости от размера экрана и типа устройства,…

Пустота — это часть композиции. Часто можно заметить, как дизайнеры… | by | Jan, 2021

Статьи по дизайну

<грaf диzайнa=» class=»s eq er es» src=»https://miro.medium.com/fit/c/96/96/1*NogLs69DA2t7XdsWq-JtjA.png» width=»48″ height=»48″/>

Часто можно заметить, как дизайнеры пренебрегают воздухом в макете, а некоторые клиенты и вовсе не могут смириться с тем, что дизайны для них не заполнены на 100% графическим мусором.

Как же пустота, она же воздух, может помочь дизайнеру сэкономить место, донести правильные эмоции и смыслы до аудитории, а также помочь выстроить грамотный макет и расставить акценты? Обо всём по порядку.

1Самое простое — негативное пространство сэкономит место

На первой пикче пример сделанного мной логотипа с негативным пространством. В нём содержится 3 символа — буквы «ОС», сердечко и морда собачки. Негативное пространство тут позволило сэкономить место (все 3 знака размером с 1, вместо 3 отдельных знаков), что делает логотип лаконичным, удобным и не перегруженным.

2Пространство поможет в эмоциональной окраске

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

3Пространство грамотно разделит информацию и расставит акценты

На третьей пикче в макете выделено пустое пространство в центре, чтобы важная часть фонового изображения получила более важный акцент. Таким образом, сначала наше внимание привлекает фото (также из-за цвета, размера, положения и т.д.), потом большой заголовок помогает понять, о чём идёт речь, а другая информация по бокам в последнюю очередь дополняет всё сказанное и увиденное.

Чтобы выразить её, подпишись на мои блоги, для меня это очень важно. Чем больше читателей, тем больше мотивация делать контент чаще, лучше и качественнее. Обнял.

— Мой полезный ВК блог о дизайне с полезным контентом для дизайнеров и многим другим;

— Коллекция референсов;

— Мои работы.

Обещаю, твою поддержку я не забуду ❤

Material Design на русском. Часть 6 | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

Суть в том что бы прийти к одинаковому отображению элементов интерфейса на экранах с различной плотностью. Потому что устройств очень и очень много и все они разные, а некоторые из них еще и «врут». Например, большой физический размер экрана не означает то, что на экране будет отображаться большая плотность. Также, не факт что заявленная плотность…

Material Design на русском. Часть 1 | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь Material — это дизайн-система, которая была создана Google, чтобы помочь всем, кто заинтересован создавать высококачественные…

Material Design на русском. Часть 2 | by Ruslan Sharipov | Jan, 2021

Статьи по дизайну

Элементы могут оставаться в фиксированном положении по осям x и y или быть подвижными в любом направлении. Поверхности могут оставаться в фиксированном положении. Верхняя панель (1) остается в фиксированном положении, в то время как список карточек (2) скролится по вертикали. Поверхности (1,2) могут двигаться в любом направлении, хотя движение может быть ограничено одной осью. Поверхности…

Копирование — основа дизайна (часть 2)

Статьи по дизайну

Это перевод второй части книги о копировании ’Copying (is the way design works)’ авторства Мэтью Строма. Первая часть опубликована по этой ссылке. IV Одно дело копировать. Совсем другое — побуждать других людей копировать вас. Ричард Столлман пошёл ещё дальше — он предоставил людям право копировать. В 1983 г. Ричард Столлман хотел создать новую операционную систему. В то время Unix была самой популярной и влиятельной операционной системой,…

15 шрифтов для печати, сайтов, логотипов и приложений: часть первая

Статьи по дизайну

Создатель: французский шрифтовой дизайнер и издатель Клод Гарамон Тип использования: открытая лицензия Garamond — это семейство шрифтов с засечками в старом стиле, которые часто встречаются в книгах и журналах. Клод Гарамон создал его еще в 16 веке. Дизайнеры до сих пор используют его разработку, дополняют ее и создают новые шрифты. Например, так появились Adobe Garamond, ITC Garamond и EB Garamond. Создатель: Fontfabric Тип использования: открытая лицензия Uni Sans — это семейство шрифтов без засечек.…

15 шрифтов для печати, сайтов, логотипов и приложений: часть вторая

Статьи по дизайну

Вторая часть самых популярных и интересных шрифтов. Первую часть с еще 15 шрифтами смотрите по ссылке. Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google. Тип использования: распространяется свободно с лицензией Apache. Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox. У шрифта есть 16 разных начертаний,…

15 шрифтов для печати, сайтов, логотипов и приложений: часть вторая

Статьи по дизайну

Вторая часть самых популярных и интересных шрифтов. Первую часть с еще 15 шрифтами смотрите по ссылке. Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google. Тип использования: распространяется свободно с лицензией Apache. Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox. У шрифта есть 16 разных начертаний,…

Часть 3 / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Статьи по дизайну

Теперь, когда мы знаем чуть больше о том, что такое контент-маркетинг и каким он должен быть, чтобы добиться успеха, давайте поговорим о качестве. Как писать качественный контент, который преобразует Одна из проблем контент-маркетинга заключается в том, что он постоянно атакует людей. Посмотрим правде в глаза — с тех пор, как маркетологи поняли, что это правильный…