PRO фриланс. Блог Амира Исламова

2021-05-09 12:31:34 Подсел я последние пару недель на блендер. Сегодня вот 12-й день. Балуюсь в день по паре часов между проектами по веб-дизайну.

Основная задача внедрить 3D в веб и приложения. Но пока мне по кайфу делать вот таких человечков. Пусть и повторая за уроками) Открыть/Комментировать

2021-05-04 21:15:03 7 интересных идей, которые помогут разнообразить ваши иконки)

[источник] instagram.com/p/CNko4GQAaAO Открыть/Комментировать

2021-04-19 11:42:14 Действительно годно!) Софтина в отдельном окне показывает все твои плагины в фигме. То, что давно должно быть по дефолту. Подобная панель есть кстати в Invision studio. Сейчас все на виду и возможно теперь почаще буду использовать плагины)

Еще один плюс: Плагины можно перемещать местами и самое главное делать к каждому заметки. А то бывает увижу примочку. Установлю. Через пару дней: «Эт че за херню я тут поставил и зачем она тут?»

Установить легко
1) Сам софт: moonvy.com/figmaEX/
2) Снизу выбираешь ОС. Качаешь доп-ие и устанавливаешь.
3) Перезапускаешь фигму. Готово!) Открыть/Комментировать

2021-04-13 21:25:19 Подготовил новый постец. Что такое хлебные крошки в веб-дизайне и с чем их едят) Открыть/Комментировать

2021-04-12 11:01:18 Депозитфотос запустил свой сервис по быстрому удалению фона.
Полностью бесплатный и неплохо справляется с задачей. С волосами и шерстью конечно не оч, как и другие схожие сайты)

Сервис ru.depositphotos.com/bgremover.html

Из нормальных аналогов есть так же remove.bg правда платный. Но зато у них гуд плагин для фигмы.

Подобные сайты не могут полностью заменить фотошоп. Использую их. когда нужно быстро накидать пост или концепт) Хотя если у картинки четкие границы, можно и не открывать другие проги) Открыть/Комментировать

2021-04-11 19:54:55 Даже не знал, что 65% читателей в телеге читают меня только тут) ну и видимо еще и в инсте.
Завтра у нас стартует челлендж по моб. приложениям. Будем практиковаться вместе. Я участвую вместе со всеми. Участвовать смогут пока только те, кто как минимум заходит раз в недельку в вк, чтобы узнать тему для дизайна) А дальше выкладывать уже в той же инсте под общим хештегом.

Подробнее я расписал вот тут https://vk.com/wall-69217383_40515 Челлендж для донов блога

А вот как сделать подобную тему для телеги пока еще не придумал) Открыть/Комментировать

2021-04-08 12:19:47 А теперь действительно важный вопрос)
Есть 2 подхода к выравниванию текста.
1) По базовой линии текста.
+ Если настроить типографику, то все идеально ложится на сетку.
– Сложнее мерить расстояние между блоками.

2) По рамке текстового блока (голубая обводка вокруг текста)
+ Расстояние между блоками начинается с рамки блока. Нажимая alt легче придерживаться системе
– Текст не ложится на сетку. Боль перфекциониста.

Разработчики вроде как измеряют отступы по второму.

Какой способ выбираешь ты? Особенно интересно почитать мнение верстальщиков в комментах. Что удобнее вам, а что бесит или вообще без разницы?)

Опрос прикреплю ниже Открыть/Комментировать

2021-04-06 12:07:01 Про типографику в мобильных приложениях для IOS.

Это не мои выдумки. Все из гайдов и еще есть крутой сайтец. От туда все структурно и было взято. Там куча инфы по мобилкам с примерами и картинками. Он на английском, я пользовался переводчиком от браузера. Все понятно. Мой рекомендейшн. learnui.design/blog/ios-font-size-guidelines.html#action-bar

По гайду в яблоке используется семейство San Francisco. Естественно вы можете менять его на другой. Я вижу в этом смысл, только если делать это в заголовках. В остальном никто этого все равно не заметит.

Шрифт имеет 2 семейства (отличаются трекингом):
SF Pro Text. Для текста 19 pt и менее. (Основной текст и примечания)
SF Pro Display. Для текста от 20 pt. и более. (Заголовки)

МИНИМАЛЬНЫЙ РАЗМЕР. Меньше не рекомендуется Используется для подписей к иконкам в нижней панели.
- Размер: 10 pt
- Цвет: #6D6D72
- Цвет темной темы: #8D8D93
- Начертание: Regular

СТИЛЬ ПО УМОЛЧАНИЮ
- Размер: 17pt
- Начертание: Regular
- Цвет: #000
- Цвет темной темы: #FFF

ВТОРИЧНЫЙ ТЕКСТ
- Размер: 15pt
- Начертание: Regular
- Цвет: #8A8A8E
- Цвет темной темы: #8D8D93

ТРЕТИЧНЫЙ ТЕКСТ
Любые пояснительные «подписи» делаются еще меньше и легче, чем вторичный текст.
- Размер: 13pt
- Вес шрифта: Regular
- Цвет: #6D6D72
- Цвет темной темы: #8D8D93

Эти ориентиры можно легко использовать и в мобильной версии сайта при адаптиве. Только мне лично ближе подход в использовании четных чисел. Не 17 pt к примеру, а 16. Не 13, а 14. Так проще работать, особенно при использовании модульной сетки в 4 pt. Открыть/Комментировать