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

Разберемся в определении терминов «дизайн» и «юзабилити».

Цитаты из википедии:

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

Юзабилити — степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью.

Из этих определений ясно, что «юзабилити», является неотъемлемой частью дизайна.

С таким же успехом можно анализировать красоту сайта и создать термин «бьюти» (англ. beauty). И появится новое ответвление «Эксперт по бьюти».

Если сайтом или интерфейсом неудобно пользоваться, то это значит, что нужно сменить дизайнера, а не приглашать «эксперта по юзабилити». При создании сайта, перед дизайнером стоит задача не просто нарисовать красивый макет, но и сделать его удобным и доступным для целевой аудитории. То есть дизайнер по умолчанию должен делать продукт «юзабильным».

Компания Autodesk услышала молитвы 3дешников и воплотила в новой версии 3dsmax редактор материалов основанный на нодах.

Полный список нововведений на сайте Area.

Первого января 2010 года на сайте было зафиксировано 2100+, а вчера 6700+ уникальных посетителей и это почти без пиара. Минимальное колличество посетителей в день было 200+. Сайты источники переходов 350+. Почти все посетители из США.

И это леген… подожди, подожди …дарно! © Barney Stinson

Теперь нужно попасть на главную страницу Delicious.com, хотя возможно мы там уже были. Не следил.

Пост на Хабре.

P.S. Со всеми этими посетителями очень хорошо справляется Media Temple.

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

Сервис не много похож на наш Preloaders.net, так как выполняет похожие функции. Но самое главное он перенял с него простоту дизайна и легкость использования.

Прошу любить и жаловать — Iconizer.net

Так же на этот хостинг переехал и Preloaders.net

Словами великих — «Дизайн спасет мир».

Отражение

Как создавать новый файл, написать текст и изменить шрифт я рассказывать не буду. Начнем с копирования слоя с нашим текстом. Полученный слой переворачиваем по вертикали (Edit/Transform/Flip vertical). Далее выравниваем его верхнюю линию с нижней линией первого слоя инструментом Move (V). Растеризируем его (Layer/Rasterize/Type) и превращаем в Smart Object (Layer/Smart Objects/Convert to Smart Object). Теперь этот слой нужно немного размыть до состояния как на рисунке ниже (Filter/Blur/Guassian Blur). В появившемся Smart Filters выделяем маску, выбираем Gradient Tool (G) от черного до белого и тянем его снизу вверх, от 80% слоя до самой верхней линии слоя. Таким образом получаем размытость отражения относительно дальности. Теперь нам нужно создать маску для слоя отражения, для этого кликаем по иконке
Add layer mask на панели слоев. Выделяем получившуюся маску и повторяем все, что мы сделали с маской для Smart Filters. Осталось только повысить прозрачность для отражения. На панели слоев, в поле Opacity меняем значение на 30%. Отражение готово.

Тень

Теперь нам нужно создать тень от текста. Для этого создаем новый слой, передвигаем его в самый низ по списку (но не ниже Background). Выбираем инструмент Brush Tool (B) с параметрами: Hardness 0 и диаметром чуть большим чем толщина линии буквы и рисуем два пятна как на рисунке ниже. Далее сплющиваем слой почти до минимума и ставим прозрачность 80%.

Рефлекс

Для полной реалистичности создадим на букве рефлекс от пола. Для этого применяем самой букве градиент (Layer/Layer Style/Gradient Overlay) с цветами как на рисунке ниже.

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

3December уже несколько лет справляют во многих странах мира. Надеюсь и в Ташкенте что-нибудь придумаем. В Москве, в этом году устраивают крупный эвент, с такими спонсорами как Adobe и nVidia. Компания Autodesk каждый год во всем мире устраивает незабываемые эвенты с презентациями и мастер-классами.

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