Секрет создания отличного градиента, вдохновленного природой

Градиенты, созданные природой

Вы когда-нибудь замечали, как некоторые цвета и градиенты выглядят очень естественными и красивыми, в то время, как другие кажутся неестественными и странными? Причина этого кроется где-то между зрачком и зрительной корой. Градиенты, которые мы называем красивыми, похожи на то, что мы видим в природе. И наоборот, сочетание цветов, которые наши глаза никогда не видели раньше, справедливо вызовет чувство дискомфорта и беспокойства...

Читать далее Нет комментариев

Надпись: «Неправильное имя пользователя или пароль» — это полная хрень

Существует лучшая практика безопасности, когда формы ввода вместо надписи «неверный пароль» должны показать надпись «неправильное имя пользователя или пароль». Эта, так называемая, «лучшая практика» — отстой.

Например, Stripe и GitHub’s придерживаются этой практики.

Stripe платежка GitHub’s платежка

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

Но вот, в&...

Читать далее Нет комментариев

Почему людям творческих профессий не следует забывать 10 заповедей Дитера Рамса

Принципы хорошего дизайна

Дитер Рамс считается одним из самых влиятельных промышленных дизайнеров XX века и его стиль известен во всем мире. Хотя работа Рамса пользуется таким высоким уважением в сообществе дизайнеров, я хочу пролить свет на важность и актуальность его широко известных 10 принципов хорошего дизайна. Многие из вас, возможно, уже знают эти руководящие принципы, представленные Рамсом в качестве 10 заповедей, которые вдохновляли дизайнерские работы по всему миру. Но это гораздо большее, чем просто рамки для хорошего дизайна. Честно говоря, это основа для создания долговременных решений проблем, с которыми сталкиваются такие люди, как ты и я...

Читать далее Нет комментариев

История создания эмодзи для Apple: как разработка эмодзи изменила мою жизнь

Когда дизайн ведет к дружбе, а эта дружба ведет к дизайну, случается волшебство. Это история о том, как стажер и ее наставник разработали оригинальный набор эмодзи для Apple, и вместе изменили способ общения людей по всему миру. Благодаря этому проекту они стали друзьями на всю жизнь. Мне кажется, это был ключевой элемент успеха этих маленьких иконок. Короче говоря, я была стажером, а Раймонд — моим наставником и другом. В течение трех месяцев вместе мы создали широко используемые эмодзи: лицо со слезами радости, какаху, красное сердце и хлопушку с конфетти, плюс около 460 других смайлов. Позже, уже будучи полноправным сотрудником Apple, мне пришлось создать еще несколько новых эмодзи...

Читать далее Нет комментариев

5 правил копирайтинга для интерфейсов от Google Ventures

Джон Зератски указывает на важность создания небольших фрагментов текста в дизайне пользовательских интерфейсов

Для многих технологических компаний дизайн — это загадка. Поэтому, когда я работаю со стартапами, я пытаюсь пролить свет на дизайн, рассказывая о процессах и навыках. Идея такова: дизайн не волшебная творческая вещь, которую дизайнеры благословляют. Он рационален и объективен, и его компоненты довольно легко понять.

Люди част...

Читать далее Нет комментариев

Ваша библиотека компонентов в Sketch – это не дизайн система

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

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

Читать далее Нет комментариев

10 чит-кодов для проектировщиков и дизайнеров интерфейсов

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

Таким образом, в этой статье я расскажу вам о том, что я узнал от других дизайнеров, при разработке интерфейсов, и о том, что я открыл для себя на этом пути:

* Дисклеймер: используемые ниже примеры «Н...

Читать далее Нет комментариев

Тренды креативной типографики в веб-дизайне

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

Читать далее Нет комментариев

Исследование визуальных индикаторов в реальной жизни

Исследование визуальных индикаторов в реальной жизни

Перенос принципов UX и разработки интерфейса за границы цифровой продукции

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

Читать далее Нет комментариев

Цветовой контраст в дизайне интерфейсов по стандартам

По оценкам, в мире насчитывается 285 миллионов человек, страдающих проблемами зрения. Это число включает в себя как полностью слепых людей, так и лиц с остротой зрения меньше, чем 20/20.

Это краткое руководство, написанное во время создания приложения Contrast для MacOS, поможет вам добиться стандартов доступности, описанных в WCAG 2.0 (Руководство по доступности веб-контента). В частности, с цветом переднего плана и фона, когда дело доходит до текста на дисплеях и мониторах...

Читать далее Нет комментариев