К итоговым добавилась работа Аллы Резник: figma.com/file/gw15ZqNLPO5XjZ6IFtIR4q/GB-GSS-31-07-2020?node-id=351%3A595
Чек диз.
Чек диз.
Figma
GB: GSS [31/07/2020]
Created with Figma
Вопрос про сетки
Александра К. спрашивает:
«Я так и не понимаю, как выравнивать блоки по сетке и как правильно её создавать. Сколько нужно колонок и строк? Нужно, чтобы начало слова совпадало с колонкой или конец?
Нельзя допускать, чтобы слово или кнопка вылезали за колонку? Или нужно сделать так, чтобы картинка/ кнопка/ слово совпадали по ширине с несколькими колонками»
↓
Главное, что нужно понять, что сетка — это просто инструмент, как линейка у школьника на уроки математики. Линейка не решает, что ученик будет делать, она просто помогает делать ему аккуратнее.
Так и в дизайне:
1) ты построила композицию
2) прикинула на глаз, что все ок
3) Открыла настройки сетки и подобрала отступы и количество колонок максимально подходяще под твою композицию.
Начинаешь с боковых отступов — берешь какое-нибудь круглое значение 80, 100, 120.
Межколонник выбираешь отталкиваясь от объектов картинок выстроенных в ритм. Тоже выбираешь какое-нибудь круглое значение 20, 40, 60.
Потом начинаешь добавлять по колонке и скать состояние, при котором как можно больше объектов попадает (или очень близко) на линии.
Когда нашла такое значение количество колонок — получилась сетка. После этого равняешь все размеры и отступы по ней — изи.
Желательно чтобы картинки и кнопки попадали в колонки, а слова и текст находились внутри колонки или нескольких колонок.
Александра К. спрашивает:
«Я так и не понимаю, как выравнивать блоки по сетке и как правильно её создавать. Сколько нужно колонок и строк? Нужно, чтобы начало слова совпадало с колонкой или конец?
Нельзя допускать, чтобы слово или кнопка вылезали за колонку? Или нужно сделать так, чтобы картинка/ кнопка/ слово совпадали по ширине с несколькими колонками»
↓
Главное, что нужно понять, что сетка — это просто инструмент, как линейка у школьника на уроки математики. Линейка не решает, что ученик будет делать, она просто помогает делать ему аккуратнее.
Так и в дизайне:
1) ты построила композицию
2) прикинула на глаз, что все ок
3) Открыла настройки сетки и подобрала отступы и количество колонок максимально подходяще под твою композицию.
Начинаешь с боковых отступов — берешь какое-нибудь круглое значение 80, 100, 120.
Межколонник выбираешь отталкиваясь от объектов картинок выстроенных в ритм. Тоже выбираешь какое-нибудь круглое значение 20, 40, 60.
Потом начинаешь добавлять по колонке и скать состояние, при котором как можно больше объектов попадает (или очень близко) на линии.
Когда нашла такое значение количество колонок — получилась сетка. После этого равняешь все размеры и отступы по ней — изи.
Желательно чтобы картинки и кнопки попадали в колонки, а слова и текст находились внутри колонки или нескольких колонок.
Коллекция неправильных сайтов: http://hallointer.net/
hallointer.net
hallointer.net is a platform for contemporary internet.
Честно про дизайн в Яндексе:
vc.ru/design/167075-mozhno-bystro-vyrasti-no-eto-malo-zavisit-ot-profkachestv-tred-o-rabote-dizaynera-v-yandekse-ot-byvshego-art-direktora?fbclid=IwAR3oCvzYrXVgkVzm-jwujH_cbGHBoY25l4SjqmQ1XXge52C7LEv6ZNJurzM
vc.ru/design/167075-mozhno-bystro-vyrasti-no-eto-malo-zavisit-ot-profkachestv-tred-o-rabote-dizaynera-v-yandekse-ot-byvshego-art-direktora?fbclid=IwAR3oCvzYrXVgkVzm-jwujH_cbGHBoY25l4SjqmQ1XXge52C7LEv6ZNJurzM
vc.ru
«Можно быстро вырасти, но это мало зависит от профкачеств»: тред о работе дизайнера в «Яндексе» от бывшего арт-директора
И несколько шуточных и не вышедших проектов. Например, «умный» ковёр с «Алисой».
Forwarded from Наука Дизайна
Свеженькие мокапы iPhone 12 Pro:
1. Три смартфона в вертикальном положении.
2. Фронтальный мокап в формате для Figma.
3. Лицевая и оборотная сторона в изометрии.
#materials_nd #free_nd #mockup_nd
1. Три смартфона в вертикальном положении.
2. Фронтальный мокап в формате для Figma.
3. Лицевая и оборотная сторона в изометрии.
#materials_nd #free_nd #mockup_nd
Подборщик цветов от Muzli. Из плюсов — показывает примеры интерфейсов в темном и светлом варианте.
colors.muz.li
colors.muz.li
#E74645 | Muzli color palette
Search, discover, test and create beautiful color palettes for your projects
О, наше примеры интерфейсных иснтаграмов:
instagram.com/dvlvwe/instagram.com/ghanipra/Forwarded from Визуальные приёмы
This media is not supported in your browser
VIEW IN TELEGRAM
Перелистывание
Интересная навигация на сайте: страницы перелистываются, накладываясь друг на друга. За наводку спасибо дайджесту «Оди»
Источник
#web #навигация
Интересная навигация на сайте: страницы перелистываются, накладываясь друг на друга. За наводку спасибо дайджесту «Оди»
Источник
#web #навигация
Forwarded from Текст в тесте (Kirill ^–^|==|~ Egerev)
Я тут что подумал. Кажется, междометиям и прочим словам, которые старательно пытаются к ним примазаться, не место в интерфейсных текстах. Вот прямо всем упс, эм, мяу, оу, хех и прочим. Полные списки есть в интернете, их легко найти.
Слова эти, вроде, короткие и как-то подкрашивают речь продуктов. Но надо ли? В то же время, эти совершенно бессмысленные наборы знаков крадут драгоценное место и прячут от пользователей суть.
Вот есть такой заголовок:
Упс, что-то пошло не так
По смыслу он совершенно не отличается от такого:
Что-то пошло не так
Мало того, что заголовок совершенно неконкретный. Что именно пошло не так и как всё исправить? Так пользователям ещё приходится тратить время, чтобы отбросить мусорное «упс». А ведь чтобы добавить это слово, автор раздул текст не на три, а на целых пять знаков — посчитайте ещё запятую с пробелом.
В этом случае очевидно, что произошла какая-то ошибка. Но вместо того, чтобы написать в заголовке «Ошибка», автор написал «Что-то пошло не так». И это уже, скажем так, раскрашенная раскраска — когда продукт пишет «Что-то пошло не так» вместо дежурной констатации факта «Ошибка». Да, в таком заголовке всё ещё мало смысла — столько же, сколько в «Ошибке». Но зачастую, когда пользователь хорошего продукта сталкивается с таким общим заголовком, конкретики действительно нет.
Так о чём это я. Не нужно докрашивать тексты междометиями и всякими «эм», знайте меру. Выяснили, что сообщение появляется вообще по любому поводу и его нужно сформулировать максимально общо, заменили дежурное «Ошибка» на «Что-то пошло не так» и успокойтесь. Всё уже не так плохо.
Слова эти, вроде, короткие и как-то подкрашивают речь продуктов. Но надо ли? В то же время, эти совершенно бессмысленные наборы знаков крадут драгоценное место и прячут от пользователей суть.
Вот есть такой заголовок:
Упс, что-то пошло не так
По смыслу он совершенно не отличается от такого:
Что-то пошло не так
Мало того, что заголовок совершенно неконкретный. Что именно пошло не так и как всё исправить? Так пользователям ещё приходится тратить время, чтобы отбросить мусорное «упс». А ведь чтобы добавить это слово, автор раздул текст не на три, а на целых пять знаков — посчитайте ещё запятую с пробелом.
В этом случае очевидно, что произошла какая-то ошибка. Но вместо того, чтобы написать в заголовке «Ошибка», автор написал «Что-то пошло не так». И это уже, скажем так, раскрашенная раскраска — когда продукт пишет «Что-то пошло не так» вместо дежурной констатации факта «Ошибка». Да, в таком заголовке всё ещё мало смысла — столько же, сколько в «Ошибке». Но зачастую, когда пользователь хорошего продукта сталкивается с таким общим заголовком, конкретики действительно нет.
Так о чём это я. Не нужно докрашивать тексты междометиями и всякими «эм», знайте меру. Выяснили, что сообщение появляется вообще по любому поводу и его нужно сформулировать максимально общо, заменили дежурное «Ошибка» на «Что-то пошло не так» и успокойтесь. Всё уже не так плохо.