Свежие записи / Page 2

Оптическая компенсация

optical copy

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

Такой подход казался мне логичным, но он оказался неверным.

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

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

Давайте взглянем на небольшое количество показательных примеров.

Продолжить чтение…

Эффект Motion Blur с помощью SVG

MotionBlur

Сегодня мы рассмотрим, как создать эффект motion blur и применить его к анимациям CSS с помощью SVG.

Демо (рус.) Посмотреть на GitHub

Продолжить чтение…

Дорогой веб-дизайнер, давай перестанем нарушать возможность скроллить

scroller

Мы все это видели. Вы заходите на веб-сайт — и вот она: большая, красивая фотография во весь экран. Сейчас это огромный (каламбур) тренд в веб-дизайне, и похоже, что людям это нравится.

Продолжить чтение…

Как Product Hunt помог мне сформировать список из 12,989,483,288+ подписчиков за 20 минут

12989483288+

Идея

Я посмотрел на свои Apple Watch. Время было 15:32, тихоокеанское время… так как я живу в Кремниевой долине.

Я подумал:

Что я могу сделать такого, что в течение следующих 20 минут принесет мне быстрорастущий показатель ROI без траты времени на KPI или API или PHP или поиск настоящей работы.

И затем меня осенило:

Продолжить чтение…

Как добавить favicon к вкладкам в Safari 8

Снимок экрана 2015-03-18 в 19.24.59

Safari — отличный браузер! Но к сожалению разработчики Apple решили убрать favicon из браузера версии 8 и выше. Однако нашлось решение этой проблемы!

Продолжить чтение…

Как отобразить количество оповещений в названии вкладки браузера

notifications

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

Существует пара наиболее распространенных способов оповещения пользователя. С одной стороны, социальные сети Facebook, Twitter и LinkedIn указывают определенное число, которое соответствует количеству обновлений. С другой стороны, Trello отображает небольшой красный кружок поверх favicon.

Trello Facebook and Twitter notifications
Оповещения Trello, Facebook и Twitter

В этом уроке мы воссоздадим подобные оповещения. Посмотрите демо, чтобы понять, чем мы будем заниматься.

Демо (рус.) Посмотреть на GitHub

Продолжить чтение…

10 советов по работе в Sketch

10-Sketch-Tricks-for-Designers

Я сравнительно недавно использую Sketch, но уже в восторге от этой программы. Поэтому я подумал и решил объединить в одную статью несколько приемов, которые я использую на ежедневной основе и которые помогли увеличить продуктивность моей работы в Sketch.

Продолжить чтение…

11 крутых сайтов для iOS разработчиков

Startup Stock Photos

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

Продолжить чтение…

7 советов по созданию GIF анимаций

61563fa3ab3147239dc7777662290fbe

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

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.

Продолжить чтение…

Окс, аукс или аух?

Вопрос на злобу дня.

Как вы называете кабель AUX?

View Results

Loading ... Loading ...

1370489802_2

« сюда туда »