Как стать автором
Обновить
13.45

Графический дизайн *

Художественно-проектная деятельность

Сначала показывать
Порог рейтинга
Уровень сложности

В сеть утекла документация по Windows 10X — новой версии ОС для устройств с двумя экранами

Время на прочтение4 мин
Количество просмотров22K

Код операционной системы Windows 10X планируется дописать в начале 2020 года, а коммерческий запуск состоится осенью

Microsoft продолжает хранить в секрете подробности о Windows 10X — версии Windows 10, адаптированной для ноутбуков и планшетов с двумя экранами. Но теперь первая крупная утечка даёт общее понимание дизайна и цели разработки этой ОС, где будут на равных условиях работать нативные приложения Windows 10 и веб-приложения (PWA).

Скриншоты и описание опубликованы на сайте santorini-os.azurewebsites.net. Ссылку первым заметил пользователь WalkingCat aka @h0x0d. Информация с сайта уже удалена, но другой пользователь «Борис» aka @_milincic_ сохранил архив со скриншотами страниц.
Читать дальше →
Всего голосов 27: ↑26 и ↓1+25
Комментарии58

Пространство, сетки и макеты

Время на прочтение8 мин
Количество просмотров11K
В этой статье автор рассказывает о том как подойти к созданию дизайн-системы, рассказывает о её основах и том, как применить описанные методы и понятий в текущем дизайн проекте. Новички смогут узнать базовые понятия, а профессионалы могут освежить или покритиковать содержаний данной статьи.

Организация пространства является ключом к добротному и прекрасному дизайну. Пространственные системы, сетки для вёрстки и макеты фактически предоставляют правила, которые придают вашим проектам постоянный ритм, ограничивают принятие лишних решений и помогают командам оставаться на одном уровне понимания дизайна проекта. Эти фундаментальные понятия являются обязательным требованием для всех дизайн-систем. В этом руководстве мы пройдёмся по основам определения базовых пространственных единиц, создания правил отношений при помощи сеток (grids) и объединения их для создания современных макетов (layout) пользовательского интерфейса.


Читать дальше →
Всего голосов 10: ↑10 и ↓0+10
Комментарии2

Проектирование доступных цветовых систем

Время на прочтение8 мин
Количество просмотров8.3K
Цветовой контраст является важным аспектом доступности в дизайне продукта. Хорошая контрастность облегчает использование продуктов людьми с нарушениями зрения и помогает в несовершенных условиях, таких как слабое освещение или старые экраны. Имея это в виду, мы недавно обновили цвета в наших пользовательских интерфейсах, чтобы сделать их более доступными. В переводе этой статьи сотрудники Stripe рассказывают о том, как они решали эту проблему, чем руководствовались и к чему в итоге пришли.


Читать дальше →
Всего голосов 34: ↑34 и ↓0+34
Комментарии5

Атомик дизайн-митап — буквы, цвета, форма, команда и деньги

Время на прочтение3 мин
Количество просмотров2.7K

Привет! Приглашаем вас на первый митап для дизайнеров в Авито. Он посвящён важным составляющим процесса и профессии в целом — «дизайн-атомам» (не путать с атомарным дизайном, описанным Брэдом Фростом). В первом выпуске — реальные кейсы не только и не столько об эстетике, сколько о том, как дизайн помог бизнесу и работе команды. Среди прочего, обсудим буквы, цвета и форму.


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


Встреча пройдёт 26 октября в 12:00. Регистрируйтесь сами и приглашайте коллег. Под катом — тезисы выступлений, ссылки на регистрацию и видеотрансляцию митапа.


Читать дальше →
Всего голосов 17: ↑16 и ↓1+15
Комментарии0

Истории

Как работает альфа-композитинг

Время на прочтение23 мин
Количество просмотров23K
image

Возможно, прозрачность не кажется какой-то интересной темой. Формат GIF, позволявший некоторым пикселям просвечивать сквозь фон, опубликован более 30 лет назад. Почти в каждом приложении для графического дизайна, выпущенном за последние два десятка лет, поддерживается создание полупрозрачного контента. Эти понятия давно перестали быть чем-то новым.

В своей статье я хочу показать, что на самом деле прозрачность в цифровых изображениях намного интереснее, чем кажется — в том, что мы воспринимаем как нечто само собой разумеющееся, есть невидимая глубина и красота.
Читать дальше →
Всего голосов 53: ↑53 и ↓0+53
Комментарии15

Волновой метод построения цветовой гаммы

Время на прочтение8 мин
Количество просмотров7.3K

image


Привет, Хабр!


В колористике существует несколько методов построения цветовой гаммы (цветовой палитры), основанных на расположении цветов друг относительно друга в цветовом круге и, как правило, имеющих одинаковую яркость. Гармоничность восприятия которых не обоснована в достаточной степени с физической точки зрения.


В теории музыки есть понятие консонирующих интервалов. Консонансами называют интервалы, звучащие более мягко и гармонично. Есть три группы консонансов: весьма совершенные (чистый унисон, октава), совершенные (чистая квинта, чистая кварта) и несовершенные (большая терция, малая терция, секста). Также есть понятие консонирующего аккорда — мажорное или минорное трезвучие, состоящее исключительно из консонирующих интервалов.

Читать дальше →
Всего голосов 22: ↑21 и ↓1+20
Комментарии41

DIY от PVS-Studio: Геймификация достижений

Время на прочтение3 мин
Количество просмотров5.3K
DIY от PVS-Studio: Геймификация достиженийЕсли быть честными, говоря о работе, то давайте признаемся: даже самое любимое дело может время от времени наскучивать, сводить на нет настроение и изматывать однообразностью. Поэтому в нашем офисе PVS-Studio мы стараемся раскрасить яркими красками наши будни. Сегодня будет рассказ об одном из таких нововведений — геймификации достижений нашего коллектива.
Читать дальше →
Всего голосов 52: ↑43 и ↓9+34
Комментарии19

11 советов: как презентовать UI/UX работы «недизайнерам»

Время на прочтение6 мин
Количество просмотров12K


Под катом Джесс Эдди рассказывает как презентовать дизайн "недизайнерам", заказчикам или другим заинтересованным лицам и как получить от них реальную и полезную обратную связь.

Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии0

Figma — простое решение для дизайнера, сложное решение для верстальщика

Время на прочтение6 мин
Количество просмотров218K

Если вы работаете в области web-разработки, то рано или поздно, вам суждено будет познакомиться с Figma. Смиритесь с этим фактом и начинайте изучать. Я же попробую описать данный продукт, с точки зрения повседневного пользователя.
Читать дальше →
Всего голосов 26: ↑19 и ↓7+12
Комментарии41

Выбор размера монитора: теория угловых размеров, обоснование и сравнение

Время на прочтение7 мин
Количество просмотров249K


Выбирая очередной монитор, решил «упростить» себе процесс выбора среди обилия мониторов на рынке. А получилось использовать некоторую, возможно даже научно-обоснованную, теорию, покрывающую многие области человеческой деятельности, в общем, и выбор монитора, в частности.

Надеюсь, мои изыскания кому-то также пригодятся, а также позволят сохранить зрение и нервы.
Читать дальше →
Всего голосов 80: ↑75 и ↓5+70
Комментарии242

Вклад дизайнера в разработку мобильных приложений

Время на прочтение6 мин
Количество просмотров6.5K

Дизайнер и его роль в разработке мобильных приложений


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

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

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


Читать дальше →
Всего голосов 11: ↑9 и ↓2+7
Комментарии6

Современный рендеринг текста в Linux: часть 1

Время на прочтение5 мин
Количество просмотров12K
Добро пожаловать в первую часть «Современного рендеринга текста в Linux». В каждой статье из этой серии мы разработаем самодостаточную программу на C для визуализации символа или последовательности символов. Каждая из этих программ будет реализовывать функцию, которую я считаю необходимой для современного рендеринга текста.

В первой части настроим FreeType и напишем простой рендерер символов в консоли.



Вот что мы будем писать. А вот и код.
Читать дальше →
Всего голосов 26: ↑24 и ↓2+22
Комментарии15

Калейдоскоп как в детстве

Время на прочтение5 мин
Количество просмотров6.4K

Иногда отражение в зеркале более реально, чем сам объект…
— Льюис Кэрролл (Алиса в зазеркалье)

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

Дети сейчас модерновые, им обычные игрушки малоинтересны, им компьютер подавай или планшет. Поэтому мне захотелось воссоздать цифровой прототип варианта калейдоскопа, а заодно по практиковать свои навыки работы с компьютерной графикой.

Приглашаю и Вас окунуться со мной в мир отражений.
Читать дальше →
Всего голосов 17: ↑17 и ↓0+17
Комментарии16

Ближайшие события

One day offer от ВСК
Дата16 – 17 мая
Время09:00 – 18:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн
Антиконференция X5 Future Night
Дата30 мая
Время11:00 – 23:00
Место
Онлайн
Конференция «IT IS CONF 2024»
Дата20 июня
Время09:00 – 19:00
Место
Екатеринбург
Summer Merge
Дата28 – 30 июня
Время11:00
Место
Ульяновская область

Тепловая карта кликов — как пользователи ведут себя на сайте

Время на прочтение2 мин
Количество просмотров8.4K

Сегодня у нас в руках множество инструментов, исследований и статей по ux/ui и том как сайт будут читать и идентифицировать.


Но главный вопрос остаётся открытым.


А знаете ли именно вы, куда пользователи вашего (или сделанного вами) сайта тыкают?



Сегодня поговорим о кнопках


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

Читать дальше →
Всего голосов 8: ↑8 и ↓0+8
Комментарии9

Luxor

Время на прочтение13 мин
Количество просмотров7.5K

Сегодня мы рассмотрим графический пакет для языка Julia, который называется Luxor. Это один из тех инструментов, которые превращают процесс создания векторных изображений в решение логических задачек с сопутствующей бурей эмоций.


Осторожно! Под катом 8.5 Мб легковесных картинок и гифок изображающих психоделические яйца и четырехмерные объекты, просмотр которых может вызвать лёгкое помутнение рассудка!

Читать дальше →
Всего голосов 17: ↑17 и ↓0+17
Комментарии5

Как визуализировать данные в убедительную историю

Время на прочтение4 мин
Количество просмотров4.7K


Джеймс Раунд — известный лондонский графический дизайнер и иллюстратор поделится своими секретами по передаче сложных идей визуально привлекательным способом. Узнайте как Джеймс рассказывает истории через данные с помощью реальных примеров его инфографики!

Читать дальше →
Всего голосов 7: ↑6 и ↓1+5
Комментарии2

Looper — Плагин для Sketch

Время на прочтение2 мин
Количество просмотров3.5K
Looper генерирует паттерны. С помощью Looper я делаю фоны. Паттерн генерируется многократным дублированием заготовки с изменениями от копии к копии. Заготовкой может любая фигура или их комбинация.



Гляньте короткое видео, как работает с плагин.
Читать дальше →
Всего голосов 22: ↑17 и ↓5+12
Комментарии1

Workflow 3D-художника. Как не утонуть в тонне информации. Часть 1

Время на прочтение8 мин
Количество просмотров33K
Всем привет, Хабр сообщество! Хочу сегодня рассказать Вам о workflow 3D-художников, как в это вникнуть и остаться со стабильной нервной системой. Статья нацелена на новичков в данной области, опытные акулы могут предаться ностальгии, вспомнить, как все начиналось.
Читать дальше →
Всего голосов 26: ↑26 и ↓0+26
Комментарии11

Одайджест: интересное для дизайнеров за неделю

Время на прочтение2 мин
Количество просмотров2.1K
Это мини-дайджест всякой дизайнерской годноты за прошлую неделю, примерно десятая часть свежего, сто пятьдесят третьего выпуска моей рассылки «Дизайнерский дайджест».


Читать дальше →
Всего голосов 17: ↑16 и ↓1+15
Комментарии0

Одайджест: интересное для дизайнеров за неделю

Время на прочтение2 мин
Количество просмотров3.3K
Это мини-дайджест всякой дизайнерской годноты за прошлую неделю, примерно десятая часть свежего, сто пятьдесят третьего выпуска моей рассылки «Дизайнерский дайджест». Это мой пробный шар в таком формате на «Хабре», напишите в комментариях, стоит ли продолжать.


Читать дальше →
Всего голосов 17: ↑17 и ↓0+17
Комментарии6

Вклад авторов