8px дизайн-сетка

Начинаю разгребать завалы в закладках браузера.

Вчера прочитал перевод статьи про 8-ми пиксельную сетку для дизайна и нашёл достаточно плюсов для себя, чтобы использовать её уже в сейчас, в проекте, над которым работаю.

Даже в 2018 году я сталкиваюсь с дизайнерами, которые рисуют дизайн без сеток и направляющих. В лучшем случае встречаю 2 направляющие, обозначающие рабочую область.

С одной стороны такой подход уместен, если полёт мысли дизайнера бесконечен, как процедурная генерация в Dwarf Fortress, а весь дизайн состоит из блоков, которые не поддаются никакой логике.

Но чаще всего сетки — это основа более-менее серьёзного дизайна, претендующего на дизайн-систему, когда есть множество повторяющихся и не только элементов, кнопок, переключателей, выпадающих спиской, логотипы и так далее. И чтобы на разных страницах не возникало ситуаций, когда на главной кнопки широкие и жёлтые, а на внутренней зелёные с красной обводкой — необходимо придерживаться единой системы компонентов.

Но это тема отдельно поста.

Что касается 8-ми пиксельной сетки, то практичеки все популярные разрешения устройств (от 320 до 1920) кратны восьми, а значит, подгонять интерфейс под то или иное устройство будет проще, как дизайнеру, так и разработчику.

Дизайнеру проще от того, что все отступы между элементами будут всегда кратны 8, а визуально весь интерфейс будет смотреться гораздо стройнее и цельнее, нежели с вакханалией в отступах, а разработчик даже на глаз сможет прикинуть отступ в 8 пикселей. И да, я знаю про Avocode, Zeplin, Figma (сам юзаю последнюю), но мало ли. Единство в отступах — это всегда очень круто. Ну или это я задрот такой стерильности и строгости.

Один из актуальных проектов, над которым я сейчас работаю, связан со строительством. Над дизайном главной страницы сайта я ещё не начинал работу: идёт этап написания текстов и разработка прототипа, но по итогу, если заказчик даст согласие, я упакую этот дизайн в свой кейс-пример использования 8-ми пиксельной сетки, как для десктопной, так и планшетной с мобильной версией сайта.

May 8, 2018by Киберплюшкин
39
0

web design

Киберплюшкинизм

Привет! Этот блог — переосмысление всей моей деятельности, хобби и интересов.

Я страдаю продвинутой формой киберплюшкинизма — это когда в облаке лежит 165 Гб полезных тренингов, курсов и материалов по десяткам направлений; в Стиме, ПС Сторе и Юплее более 100 игр, не считая спортивные симуляторы и сессионки; в закладках браузера сотни страниц; в личных сообщениях сотни репостов с полезными ништяками...

Сколько из этого действительно прочитано, изучено, внедрено в практику, работу или жизнь?

Я посчитал:

• 7 тренингов из 108;

• 0 книг из 15;

• 16 игр из 100.

А так же 657 закладок в браузере, из которых я регулярно использую 3–5 (ссылки на онлайн-сериалы). Всё остальное — это список «Прочитать».

Я уверен, что такие «запасливость» и «коллекционирование» прямо влияют на мою жизнь.

У меня есть много крутых материалов по веб-дизайну как платных, так и бесплатных. Изучил ли я хоть один от корки до корки, внедрил ли полученные знания в практику? Нет.

В закладках тонны материалов по веб-разработке. Освоил ли я Джаваскрипт, Реакт или ПХП, чтобы виртуозно создавать веб-сайты и веб-приложения? Нет.

В облаке десяток качественных зарубежных курсов по диджитал-арту. Начал ли я рисовать персонажей или локации? Нет.

Там же и десятки крутейших курсов по саморазвитию, содержащие полезные техники и знания, которые могут направить мою жизнь в нужное мне русло. Изучил ли я их внимательно, выполнил ли все домашние задания, внедрил ли в жизнь практики, которые дали результат у других людей? Нет.

И я ещё вспомню игры, купленные на распродажах, ведь «это крутая тема и я точно буду играть»...

Это всё как хлам при переезде из старой квартиры. Ты собираешь вещи, удивляешься, как много ненужных безделушек, которые и выкинуть жалко, а куда приткнуть — непонятно. И вот так они кочуют из одной квартиры в другую, из одного города в другой, из одной страны в другую.

И если вспомнить Принцип Зеркала, который гласит о том, что реальность — отражение нас самих и изменив себя, мы можем изменим реальность. Уверен, что так и есть. Но у меня редко когда такое получалось, особенно если речь идёт о смене какой-то глобальной картины жизни.

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

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

Иначе какой смысл просто получать знания, которые подразумевают внедрение, чтобы никогда ими не воспользоваться?

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

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

May 7, 2018by Киберплюшкин
9
0

Self Development
Show more