Веб-дизайн *

Открылся веб-сервис TinyPNG, на котором можно быстро конвертировать полноцветные PNG24 в индексные PNG8 с сохранением альфа-прозрачности. Сайт работает на известных open source утилитах, так что квантование палитры можно сделать и без него, но здесь это просто удобнее.

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

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



Придумывая Russian Design Cup, мы поставили себе несколько задач:

Пламенный привет, дорогие хабравчане!

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

Доброго времени суток, %username%. Хочу поделиться результатами своего исследования, которое проводилось на одном из этапов разработки дипломного проекта.

Введение

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

20 апреля в Москве прошел первый российский Dribbble Meetup. На этой неформальной конференции для дизайнеров выступили десяток сильных и интересных специалистов, представленных в одной из главных тематических социальных сетей Dribbble. Это Алишер Якупов (Одноклассники), Денис Пахалюк (Ramotion), Павел Грозян и Сергей Кудряшов (MacPaw), Дмитрий Провоторов (Мануфактура), Игорь Степахин (Fidel Solutions), Роман Храмов (Cuberto), Александр Киров (Mail.Ru Group), Сергей Рачок и Виталий Трикоз (SODA). Было много практически полезных рассказов и историй из жизни компаний с живым и веселым диалогом со слушателями.

Привет, наверное многие читали мой пост Десяток ресурсов, которые помогают быть дизайнером. Как я понял эта тема интересная (147 плюсов как никак). А раз так, я решил не останавливаться на достигнутом и вот наконец-то закончил работу над своеобразным продолжением первой части. Надеюсь получилось не хуже. Итак, кому интересно, что получилось, прошу под кат.

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

В финале Wif Design Challenge 2012 командам участникам была предложена следующая тема:
School and Interaction design
Design a prototype of a product or service that imagines the future of school.

Но об этом позже, сейчас немного предыстории…
(подкатом много фото)

Мы уже писали о SurfPatrol — сервисе для проверок безопасности ПК. За эти несколько месяцев мы серьезно поработали над его интерфейсом, и вскоре сервис получит обновленный внешний вид. SurfPatrol изначально задумывался максимально простым и понятным для обычного пользователя. Мы просим хабрапользователей оценить новый интерфейс именно с этой точки зрения. Будем рады и бочке меда, и ложке дегтя :)

Ахтунг! Много картинок.

В этой статье я хочу рассказать об элементах продающего дизайна для сайта. AIDA — (Attention, Interest, Desire, Action — внимание, интерес, желание, действие) — принятая в практике американского маркетинга модель потребительского поведения, описывающая последовательность событий, ведущих к принятию решения о покупке: внимание → интерес → потребность → действие.

Принципы AIDA главным образом относятся к дизайну целевых страниц (landing pages), где, как правило, маркетинг и веб дизайн объединяются в единое целое. Эти страницы нацелены на продажу продукта, услуги или подписки.

Перевод статьи “Responsive workflow” финского веб-дизайнера и разработчика Вильями Салминена (Viljami Salminen).

На прошлой неделе я был на конференции Webshaped, где Стивен Хэй (Stephen Hay) рассказывал о процессе разработки адаптивного дизайна. Этот пост не совсем о том же самом, но подход Стивена напомнил мне мой собственный, поэтому я решил изложить некоторые мысли по этому поводу, описать как моя работа эволюционировала за прошедшие два или три года и как может измениться в будущем.

Пиксель всегда был наименьшей единицей в цифровом дизайне. Это невидимая величина измерения для дизайнеров. Фраза «пиксель пиксель пиксель» была принята в помощь принт-дизайнерам, чтобы те могли понимать концепт фиксированной плотности экрана. Веб-дизайнеры в свою очередь приняли пиксели взамен точкам.

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

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

 

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



На выходных Responsive Mode появился в свежем билде Firefox Nightly, на стабильном канале он будет в Firefox 15.

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

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

Каждое взаимодействие, которое мы создаем, помогает определить и направить пользовательский опыт. Наилучшим вариантом будет разработка чего-то интуитивно понятного перед созданием эстетически приятного интерфейса. "Зачем изобретать"велосипед", если уже есть все готовое в различных шаблонах?!«, спросите вы.

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

Следующий пример поможет вам понять, о чем идет речь.