10 заметок с тегом

инструмент

Стандартные инструменты в сервисах

Заботливые разработчики сервисов дают пользователю всё для «сделывания» проекта. Как уникальные инструменты (функции), так и стандартные (нативные). Пусть проект — заметка. Чтобы не пропустить публикацию, в Эверноуте появились напоминания. Или проект — сделка (продаём квартиру). Чтобы документы лежали «под рукой», в сервис добавляют раздел с папками и файлами.

Желание помочь пользователю сделать проект прекрасно. 

Чтобы стандартные инструменты сработали придётся постараться. Потому что мы успели привыкнуть к файловой системе, будильнику, календарю, мессенджеру, которые идут пакетом к операционной системе. Для создателей ОС стандартные инструменты — главный продукт, полезное действие. Тут они собаку съели.

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

Не знаю, что удобнее маковского Файндера. Поэтому на слово не поверю, что работа с файлами в сервисе на высоте. Получается для меня это лишняя функция. «Лишняя — не пользуйся» — слабое утешение. Сервис станет сложнее (лишние кнопки, формы, разделы). Если сервис предполагает между пользователями взаимодействие (современные стремятся), то кому-то «стандартные» инструменты сервиса подойдут. И это не значит, что они не покритикуют их при случае. И вот я обрёк себя на работу с чужими сценариями, которые в силах потеснить мои собственные. «Не пользоваться» не получится.

Дешёвое решение
Незачем делать ещё один Файндер. Полезно посмотреть, как работает сейчас, и попробовать улучшить процесс не добавляя стандартных инструментов в сервис. Прокачать сценарии с инструментами ОС, «включить» готовый Файндер в сервис. Подобное делает Трело, подключая сторонние сервисы.
Важно оговориться: решение могут не подойти сервисам с повышенной секретностью и безопасностью. Тут лучше украсть, как крадут великие, решения из ОС.

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

Поделитесь опытом. Какие ещё решения знаете?

2015   инструмент   интерфейс   система

Главное различие визуализации данных и инфографики

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

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

А инфографика — готовые выводы. Оформленные и структурированные показатели и закономерности.

Из этого следует, что визуализация подходит «анализирующей» аудитории, а инфографика — любой (охват второй шире).

Метафора для закрепления: визуализация — топор, инфографика — дрова.

Выбор инструмента

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

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

Подозреваю, что они видят любимую программу, как молот Тора — всемогущей, быстрой и классной — забывая, что это фантастика.

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

И так с каждой задачей.

Становится понятно, чем разностороннее задачи, тем большим арсеналом инструментов полезно владеть.

2014   инструмент   работа

Эскиз

Для эскизов мы используем альбом серии «Искисэ» (Esquisse) от французской «Ланы».

Плюсы:
— скреплённые в блокнот листы не заполнят стол и всё вокруг;
— на А3 удобно работать долго, не переворачивая лист, а эскизы легко сравнивать (размер больше занимает драгоценное место);
— 120 тонких и прочных листов: компромисс между прочностью листа и весом альбома;
— слегка шероховатая
бумага цвета слоновой кости приятна глазу, на ощупь и при касании карандашом — рисование в удовольствие.

2013   графдизайн   инструмент   работа

Магнитномаркерная доска и «Джембокс»

На день рожденья я получил «Джембокс» и маркерную доску, которым ежедневно рад.

Доска это супер-супер-инструмент: с ней удобно думать, планировать и вести списки задач (приложения и блокноты пасуют).

«Джембокс» тоже крут, но я ждал большего, так как в сети о нём отзываются, как о полноценной акустической системе. Да, для такой дюймовочки звук хороший. Да, она может быть очень громкой, но толку от этого мало, потому что при громком звуке вылезают хрип и скрежет. Ещё меня смутила неудобная упаковка: её сложно открывать, а, вынимая содержимое «первого этажа», кажется, что играешь со шкафчиком Барби. Она некомпактная и избыточно пластиковая:

Но об этих недочётах забываешь, когда начинаешь ей пользоваться. Можно пойти в любую комнату и взять музыку с собой, даже в ванну и мыться под Чака Берри, например. Удобно.

2013   жизнь   инструмент   промдизайн   работа   упаковка

Тени в Фотошопе с помощью смарт-объектов

Предполагаю, многие уже знают об описанном ниже методе. Надеюсь, что инструкцию увидят и те, кому она может пригодиться.

В Фотошопе есть смарт-объекты. Их можно получить из любых слоёв (так же ими становятся все объекты, которые «перетаскиваются» из вне). К ним можно применять все фильтры и почти все сохраняются в виде эффектов, не изменяя исходного смарта.

Но это не все плюсы. У фильтров, применённых к смартам, есть маски, которые позволяют делать воздействие фильтров частичным. Я использую эти свойства, например, когда рисую тени. Особенно это помогает, когда нет времени на многослойные «правильные» тени.

Например, вот такая тень от листа:

Тени в Фотошопе с помощью смарт-объектов

Я выделяю слой с листом, заливаю его градиентом от чёрно к прозрачному и трансформирую его с учётом желаемых направления и силы света. После перевожу этот слой в смарт-объект и применяю к нему размытие по Гаузу. Выделяю маску фильтра и заливаю её градиентом в том же направлении, что и сам слой. Теперь можно настраивать интенсивность размытия и карту маски.

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

Сначала я хотел сделать скриншоты, но оказалось, видео с экрана делать быстрее.



http://www.kirillbelyaev.com/pictures/download_video_button.png
2012   веб   видео   графдизайн   инструмент   метод   Фотошоп

Мнемоники в ХТМЛ, «Наун проджект» и «Гет кавер»

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

1. В Фотошопе мне часто не хватает закладки «Глифы» (Glyphs), которая есть и в Иллюстраторе и в Индизайне. Почему её нет в Фотошопе, не понятно? Конечно, часто используемые символы (например, «ёлочки» или длинное и среднее тире) я набираю с Alt-кодами, но есть ещё какой-нибудь копирайт или «не равно». Для этих целей я использую страничку в Википедии про мнемоники в ХТМЛ (в дополнение к ней страничка про все кавычки) — я просто копирую и вставляю символы.

Мнемоники в HTML, «Ноун проджект» и «Гет ковер»

Типографской раскладкой Ильи Бирмана я не пользуюсь, потому что у меня дурацкое сочетание Виндоуса и Маковской клавиатуры, драйвера которой делают их несовместимыми.


2. «Наун проджект» (The Noun Project) — большая коллекция бесплатных пиктограмм. Правда, хороши не все.

Мнемоники в HTML, «Наун проджект» и «Гет кавер»


3. «Гет кавер» (Get Cover) — сервис подготавливающий макеты сайтов к презентациям. Он мощнее «Сафаризатора», так как знает Хром, Фаерфокс, ИЕ плюс умеет «одевать» макет в продукты компании Эпл. Минус — нет загрузки фавиконки.

Мнемоники в HTML, «Ноун проджект» и «Гет ковер»
2012   веб   графдизайн   инструмент   ссылки   типографика

Современные пиктограммы

Шрифт Новые пиктограммы (Modern Pictograms) ещё один иконочный шрифт. Он также как шрифт Веб-символы упрощает работу с иконками, кнопками и прочими элементами в веб-среде. Весь алфавит и загрузка файла — по ссылке.

Новые пиктограммы
2012   веб   инструмент   ссылки   типографика

Шрифт «Веб-символы» и «Сафаризатор»

Два инструмента

1. Шрифт Веб-символы (Web Symbols Font) от дизайн-студии «Джаст би найс» (Just Be Nice) позволяет упростить работу с иконками, кнопочками и некоторыми другими элементами в веб-среде. По ссылке можно скачать архивы, почитать про подключение и посмотреть весь алфавит.

2. «Сафаризатор» (Safarizator.ru) помогает обернуть дизайн-макеты в скин эпловского браузера Сафари (Safari). Этот простой и удобный сервис сделан в бюро интернет-проектов «Иммельман».
2012   веб   инструмент   ссылки   типографика

Индизайн +2

Уже многие писали про то, что в Индизайн — +2Индизайне круто верстать сайты. Первые, конечно, самизнаетекто заикнулись. Тогда я подумал, что они монстры и им положено делать сложно и круто. Прошло время, я ещё пару раз наткнулся на упоминания о Индезайне, как о инструменте для проектирования сайтов.

Буквально дней 5 назад решил попробовать. Работая над одним из проектов, пообщался с технологом, что немного приоткрыло завесу html и css. Склеив эти знания со сведениями о фреймовой системе Индизайна, его палитре стилей и ещё парочкой его особенностей, сделал вывод, что точно нужно попробовать.

Полные штаны восторга! Удобно, просто, как будто так и должно быть. Передавая файлик технологу немного побаивался, ведь, тот тоже был девственен в версте по шаблонам Индезайна. И, о чудо, коллега был в восторге, не просто «да, так тоже удобно», а «о как профессионально»! Теперь (уже 5 дней как) мы работаем с Индизайном.

И, конечно, всем веб-дизайнерам рекомендуем.
2011   веб   инструмент   лучше так