Наложение Когда UI меняется, тогда компонент может быть перекрыт другими элементами, которые будут его закрывать. В этой ситуации его позиция и размеры остаются неизменными. Обрати внимание: контентная область перекрывается боковой панелью навигации (сайдбаром), но сама область не сдвигается, а элементы остаются в исходных размерах. Компоненты могут адаптироваться в зависимости от размера экрана и типа устройства,…
» 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Пространство грамотно разделит информацию и расставит акценты
На третьей пикче в макете выделено пустое пространство в центре, чтобы важная часть фонового изображения получила более важный акцент. Таким образом, сначала наше внимание привлекает фото (также из-за цвета, размера, положения и т.д.), потом большой заголовок помогает понять, о чём идёт речь, а другая информация по бокам в последнюю очередь дополняет всё сказанное и увиденное.
Чтобы выразить её, подпишись на мои блоги, для меня это очень важно. Чем больше читателей, тем больше мотивация делать контент чаще, лучше и качественнее. Обнял.
— Мой полезный ВК блог о дизайне с полезным контентом для дизайнеров и многим другим;
Суть в том что бы прийти к одинаковому отображению элементов интерфейса на экранах с различной плотностью. Потому что устройств очень и очень много и все они разные, а некоторые из них еще и «врут». Например, большой физический размер экрана не означает то, что на экране будет отображаться большая плотность. Также, не факт что заявленная плотность…
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь Material — это дизайн-система, которая была создана Google, чтобы помочь всем, кто заинтересован создавать высококачественные…
Элементы могут оставаться в фиксированном положении по осям x и y или быть подвижными в любом направлении. Поверхности могут оставаться в фиксированном положении. Верхняя панель (1) остается в фиксированном положении, в то время как список карточек (2) скролится по вертикали. Поверхности (1,2) могут двигаться в любом направлении, хотя движение может быть ограничено одной осью. Поверхности…
Это перевод второй части книги о копировании Copying (is the way design works) авторства Мэтью Строма. Первая часть опубликована по этой ссылке. IV Одно дело копировать. Совсем другое — побуждать других людей копировать вас. Ричард Столлман пошёл ещё дальше — он предоставил людям право копировать. В 1983 г. Ричард Столлман хотел создать новую операционную систему. В то время Unix была самой популярной и влиятельной операционной системой,…
Создатель: французский шрифтовой дизайнер и издатель Клод Гарамон Тип использования: открытая лицензия Garamond — это семейство шрифтов с засечками в старом стиле, которые часто встречаются в книгах и журналах. Клод Гарамон создал его еще в 16 веке. Дизайнеры до сих пор используют его разработку, дополняют ее и создают новые шрифты. Например, так появились Adobe Garamond, ITC Garamond и EB Garamond. Создатель: Fontfabric Тип использования: открытая лицензия Uni Sans — это семейство шрифтов без засечек.…
Вторая часть самых популярных и интересных шрифтов. Первую часть с еще 15 шрифтами смотрите по ссылке. Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google. Тип использования: распространяется свободно с лицензией Apache. Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox. У шрифта есть 16 разных начертаний,…
Вторая часть самых популярных и интересных шрифтов. Первую часть с еще 15 шрифтами смотрите по ссылке. Создатель: Кристиан Робертсон, дизайнер интерфейсов из Google. Тип использования: распространяется свободно с лицензией Apache. Шрифт разработали внутри компании Google в 2011 году для операционной системы Android. Теперь его используют в других сервисах компании, например, YouTube. Roboto применяют и другие компании, — это фирменный шрифт Skillbox. У шрифта есть 16 разных начертаний,…
Теперь, когда мы знаем чуть больше о том, что такое контент-маркетинг и каким он должен быть, чтобы добиться успеха, давайте поговорим о качестве. Как писать качественный контент, который преобразует Одна из проблем контент-маркетинга заключается в том, что он постоянно атакует людей. Посмотрим правде в глаза — с тех пор, как маркетологи поняли, что это правильный…
