основы веб дизайна – Telegram
основы веб дизайна
4.04K subscribers
2.01K photos
728 videos
3 files
1.44K links
никаких чувствст кроме силя
Download Telegram
К общим итоговым добавилась еще работа Ольги Мельниковой: figma.com/file/gw15ZqNLPO5XjZ6IFtIR4q/GB-GSS-31-07-2020?node-id=293%3A559

Чек диз.
Forwarded from type.today (Misha Berezin)
Сергей Рассказов получил стипендию правительства Швейцарии и теперь учится шрифтовому дизайну в магистратуре ECAL. Специально для наших читателей Сергей каждый месяц будет рассказывать (и показывать) как устроено обучение на одном из самых престижных шрифтовых курсов планеты.

Эпизод первый: знакомство в масках, тяжелые металлические подарки и восстановление шрифта по одному знаку

https://type.today/ru/journal/ecal_01
Вопрос про сетки

Александра К. спрашивает:

«Я так и не понимаю, как выравнивать блоки по сетке и как правильно её создавать. Сколько нужно колонок и строк? Нужно, чтобы начало слова совпадало с колонкой или конец?
Нельзя допускать, чтобы слово или кнопка вылезали за колонку? Или нужно сделать так, чтобы картинка/ кнопка/ слово совпадали по ширине с несколькими колонками»




Главное, что нужно понять, что сетка — это просто инструмент, как линейка у школьника на уроки математики. Линейка не решает, что ученик будет делать, она просто помогает делать ему аккуратнее.

Так и в дизайне:

1) ты построила композицию
2) прикинула на глаз, что все ок
3) Открыла настройки сетки и подобрала отступы и количество колонок максимально подходяще под твою композицию.

Начинаешь с боковых отступов — берешь какое-нибудь круглое значение 80, 100, 120.

Межколонник выбираешь отталкиваясь от объектов картинок выстроенных в ритм. Тоже выбираешь какое-нибудь круглое значение 20, 40, 60.

Потом начинаешь добавлять по колонке и скать состояние, при котором как можно больше объектов попадает (или очень близко) на линии.

Когда нашла такое значение количество колонок — получилась сетка. После этого равняешь все размеры и отступы по ней — изи.

Желательно чтобы картинки и кнопки попадали в колонки, а слова и текст находились внутри колонки или нескольких колонок.
Подборщик цветов от Muzli. Из плюсов — показывает примеры интерфейсов в темном и светлом варианте.

colors.muz.li
О, наше примеры интерфейсных иснтаграмов:


instagram.com/dvlvwe/

instagram.com/ghanipra/
This media is not supported in your browser
VIEW IN TELEGRAM
Перелистывание
Интересная навигация на сайте: страницы перелистываются, накладываясь друг на друга. За наводку спасибо дайджесту «Оди»

Источник
#web #навигация