Проектирование адаптивного сайта. Как сделать так чтобы ожидание/реальность совпадали?
Многим знакома ситуация, когда в Figma или Sketch на макетах дизайн сайта смотрится отлично, а реализация вызывает чувство грусти. Вроде что-то похожее на задуманный тобой проект, но не совсем. И в этот момент дизайнер начинает косо смотреть на разработчика, обвиняя в невнимательности, а разработчик в ответ кидает комментарий о том, что макеты не были продуманы. По моему опыту частой причиной такого результата является недостаточное знание особенностей реализации. В материалах, посвященных этому вопросу, часто советуют прикинуть макеты в трех стандартных разрешениях — веб, планшет и мобильный телефон. На самом деле этого достаточно только в двух случаях — если вы очень давно делаете сайты и способны все просчитать или если система адаптации уже продумана до вас (вы используете готовую систему).
Ссылка на статью: https://dsgners.ru/ui/1326-proektirovanie-adaptivnogo-sayta-kak-sdelat-tak-chtobyi-ojidanie-realnost-sovpadali
Многим знакома ситуация, когда в Figma или Sketch на макетах дизайн сайта смотрится отлично, а реализация вызывает чувство грусти. Вроде что-то похожее на задуманный тобой проект, но не совсем. И в этот момент дизайнер начинает косо смотреть на разработчика, обвиняя в невнимательности, а разработчик в ответ кидает комментарий о том, что макеты не были продуманы. По моему опыту частой причиной такого результата является недостаточное знание особенностей реализации. В материалах, посвященных этому вопросу, часто советуют прикинуть макеты в трех стандартных разрешениях — веб, планшет и мобильный телефон. На самом деле этого достаточно только в двух случаях — если вы очень давно делаете сайты и способны все просчитать или если система адаптации уже продумана до вас (вы используете готовую систему).
Ссылка на статью: https://dsgners.ru/ui/1326-proektirovanie-adaptivnogo-sayta-kak-sdelat-tak-chtobyi-ojidanie-realnost-sovpadali
dsgners.ru
Проектирование адаптивного сайта. Как сделать так чтобы ожидание/реальность совпадали? — дизайнерс
Привет!
Меня зовут Толокнова Ксения, я дизайнер и дизайн-лид с 12-и летним опытом в цифровом дизайне. Пишу разные образовательные материалы уже более 4-х лет, в основном для курсов Яндекс Практикум. Но так же я хочу делиться своими знаниями открыто со всеми.…
Меня зовут Толокнова Ксения, я дизайнер и дизайн-лид с 12-и летним опытом в цифровом дизайне. Пишу разные образовательные материалы уже более 4-х лет, в основном для курсов Яндекс Практикум. Но так же я хочу делиться своими знаниями открыто со всеми.…
❤1
3dicons - Open Source 3D Icon Library
File Type: BLEND, PSD
1440+ Rendered PNG files that contain
120+ icons
4 colors style (including clay white)
3 camera angles
2400 x 2400 px image
Download file 👈
File Type: BLEND, PSD
1440+ Rendered PNG files that contain
120+ icons
4 colors style (including clay white)
3 camera angles
2400 x 2400 px image
Download file 👈
👎1🍌1
Gradient Blend Noise Vol. 1
Application Supported: Adobe Illustrator, Adobe Photoshop, Affinity Designer, Affinity
Included:
- 5 illustrator files with 70 objects in total
- 70 EPS files
- 1 Photoshop File With Smart Object Layer -- Replaceable Image + Editable Blur & Noise Effect
Download file 👈
Application Supported: Adobe Illustrator, Adobe Photoshop, Affinity Designer, Affinity
Included:
- 5 illustrator files with 70 objects in total
- 70 EPS files
- 1 Photoshop File With Smart Object Layer -- Replaceable Image + Editable Blur & Noise Effect
Download file 👈
Xpay - Wallet apps UI kit
Highlights: 30+ Beautiful crafted screens
Modern & Minimal
Fully Customizable
Download file 👈
Highlights: 30+ Beautiful crafted screens
Modern & Minimal
Fully Customizable
Download file 👈
👍1
Основы мобильных приложений
Создание дизайна мобильных приложений отличается от создания дизайна веб-сайтов в нескольких аспектах.
Дизайн мобильного приложения включает в себя создание пользовательского интерфейса (UI) и обеспечение хорошего пользовательского опыта (UX). Дизайнеры отвечают за общий стиль приложения, включая выбор цветовой схемы, шрифтов и типов кнопок и виджетов .
Ссылка на статью: https://dsgners.ru/ux/1414-osnovyi-mobilnyih-prilojeniy
Создание дизайна мобильных приложений отличается от создания дизайна веб-сайтов в нескольких аспектах.
Дизайн мобильного приложения включает в себя создание пользовательского интерфейса (UI) и обеспечение хорошего пользовательского опыта (UX). Дизайнеры отвечают за общий стиль приложения, включая выбор цветовой схемы, шрифтов и типов кнопок и виджетов .
Ссылка на статью: https://dsgners.ru/ux/1414-osnovyi-mobilnyih-prilojeniy
👍3
Новости дизайна от Весточки #10
Сбермегамаркет ребренднулся и стал просто Мегамаркетом. В айдентике старательно выпилили все намёки на Сбер. Стиль теперь строится на разноцветных плашках, которые символизируют то ли полки, то ли разнообразие товаров. Пока не ясно, зачем и почему всё поменяли таким образом.
Ссылка на статью: https://dsgners.ru/novosti/1484-novosti-dizayna-ot-vestochki-10
Сбермегамаркет ребренднулся и стал просто Мегамаркетом. В айдентике старательно выпилили все намёки на Сбер. Стиль теперь строится на разноцветных плашках, которые символизируют то ли полки, то ли разнообразие товаров. Пока не ясно, зачем и почему всё поменяли таким образом.
Ссылка на статью: https://dsgners.ru/novosti/1484-novosti-dizayna-ot-vestochki-10
dsgners.ru
Новости дизайна от Весточки #10 — дизайнерс
Происшествия в дизайне за две прошедшие недели
UI-кит для социальных сетей с готовыми размерами, заготовками и важной дополнительной информацией.
File Type: FIG
Download file 👈
File Type: FIG
Download file 👈