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

Приветствую тебя, центр вселенского разума — Хабр. Сегодня в центре внимания будет ресурс Codesign.io. Ресурс, призванный упростить жизнь дизайнеру и клиенту на стадии согласования правок в макетах любого направления. Не так давно миновал конкурс на позицию UI/UX-дизайнера (удалённо) и я, как скромный профессионал в данном направлении, решил не упускать возможности поучаствовать.

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

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

Приложения наподобие Color CC (еще его называют Kuler) и сайты типа ColourLovers дали нам возможность сохранять для себя и попутно делиться с остальными любимыми палитрами. К счастью, достаточно много подобных ресурсов, которые помогают в работе. И мне хочется добавить еще один — Color Lisa.

Если вы часто пользуетесь картами Google Maps, то наверняка заметили изменения, которые произошли после редизайна примерно три года назад. Самое заметное, что стало гораздо меньше меток, карты как будто опустели.

Вот как выглядят окрестности Нью-Йорка, в сравнении с картой 2010 года.



Сколько городов исчезло с карты? Давайте посчитаем.

Университет ИТМО и Лаборатория Компьютерной Графики и Виртуальной Реальности (Санкт-Петербургский государственный университет аэрокосмического приборостроения) совместно с Александринским театром и Российским Государственным Институтом Сценических Искусств создали реконструкцию главной сцены Александринского театра (Россия, Санкт-Петербург).



Чтобы создать аутентичную виртуальную реконструкцию, были использованы как черновые зарисовки сцены и зрительного зала так и техническая документация сценического оборудования в разные периоды времени, а том числе документация реконструкции театра в 2006 году.



О процессе работы и результатах мы сделали доклад на конференции SGEM Vienna (http://sgemvienna.org/, Австрия, Вена), ниже публикуем перевод нашей статьи.

23 апреля 2016 на Я.Субботнике для дизайнеров мы анонсировали наш собственный шрифт Yandex Sans. Мы работали над ним два с половиной года и очень счастливы наконец поделиться результатом. В этом посте я расскажу о том, зачем мы всё это задумали, как происходила работа, что получилось в результате и что будет дальше. Пост написан по мотивам нашего рассказа на Субботнике.

На конференции «Я.Субботник для дизайнеров» компания «Яндекс» представила собственный шрифт под названием Yandex Sans. Этот универсальный шрифт теперь будет использоваться в сервисах и приложениях «Яндекса». Насколько широко он будет использоваться, в компании пока не решили.

Причины разработки собственного шрифта «Яндекс» объяснил в презентации. Во-первых, у конкурентов тоже есть свои шрифты, поэтому хочется «иметь свой голос». Дизайнеры сказали, что им не хватает возможностей Arial и Textbook. Во-вторых, это экономия финансов: разумнее инвестировать в свой шрифт, чем платить за лицензии.

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

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

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

Но зачем?

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

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

Если у вас уже есть успешный продукт, который продаётся и имеет преданных поклонников, то это совсем не значит, что так будет всегда. Продукт должен развиваться не только технически, но и становиться проще в использовании. Про то, как мы делали проще True Image для Windows можно почитать тут.

Ниже представлена подборка инструментов для дизайнеров и front-end-разработчиков. Мы настоятельно рекомендуем вам просмотреть их все. Надеемся, что вы найдете для себя что-то полезное.

ORDO.ru — поиск ремонт но-строительных бригад

Введение (рассказ о предпосылках рождения идеи данного проекта и тяготах его реализации на начальном этапе)

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

Посетитель сайта вопросов-ответов StackExchange задал на первый взгляд глупый вопрос: а почему все курсоры во всех операционных системах немножко «кривые», то есть имеют определённый наклон, а не указывают прямо? В самом деле, почему курсор не располагается вертикально, ведь это наиболее удобно для выделения текста и прочих задач?



Ему отвечает эксперт, хорошо знакомый с историей компьютерной техники. Он подтверждает, что изобретатель мыши Дуглас Энгельбарт действительно изображал курсор в виде стрелки вверх, как наиболее логичный вариант выделения (см. скриншот вверху).

Ни для кого не секрет, что в интернете можно найти кучу tutorial'ов по Adobe Photoshop. В последняя время, с распростанением видео-контента, часть этих tutorial'ов стала в виде коротких роликов.

Идеальная ложь

17 летняя Камерон Рад делает из симпатичной женщины — идеальную. Смотрим
p.s. Кстати, ролик по теме о том, как получаются рекламные плакаты с супер моделями

Это перевод статьи «Why we skip Photoshop» Джейсона Фрайда (Jason Fried) из 37signals

При разработке UI мы обычно переходим от бумажного наброска сразу к HTML/CSS. Разработку макета в Photoshop мы пропускаем.