В художественной студии, куда я хожу учиться рисовать, дали задание нарисовать цветовой круг акварелью, чтобы понять как смешиваются краски. Результат далек от совершенства но всё равно получилось красиво, да и можно результат использовать для нахождения новых цветовых комбинаций.
Некоторые думают, что хороший сайт это красивый сайт. На самом деле хороший сайт это сайт который работает на своего владельца и приносит пользу. Это значит, что если владелец занимается бизнесом то для того чтобы сайт помогал приносить прибыль для начала нужно разобраться в бизнес-процессах клиента и после этого браться непосредственно за разработку хорошего сайта. Более подробно об этом написано в статье «Процессный подход к проектированию интерфейсов«.
Работа над любым проектом, будь это интерфейс сайта или приложения для мобильного телефона, начинается с проектирования. В области разработки интерфейсов этот процесс принято называть прототипированием. Для разработки небольших сайтов состоящих из двух-трёх страниц или интерфейсов состоящих из нескольких экранов достаточно хорошо заточенного карандаша и бумаги. Для больших же проектов, особенно если нужно показать прототип клиенту в понятном виде да ещё с интерактивом, нужны инструменты посерьёзнее. Ниже перечислю несколько программ которые могут стать хорошими инструментами для проектировщика.
Всем известный редактор векторной графики позволит создать быстрый и простой прототип интерфейса без интерактива. Можно найти готовые библиотеки стандартных элементов интерфейса, таких как кнопки, чекбоксы, элементы меню и прочее. Для создания окончательного макета прийдётся начинать всё заново в другой программе.
Растровый редактор который больше подходит для создания окончательного варианта интерфейса. Панель Layer Comps позволяет запоминать различные состояния слоёв (отключение видимости, положение, стиль) что позволяет сохранить в одном файле несколько состояний интерфейса и демонстрировать некий интерактив. Большинство веб-дизайнеров работают в этой программе.
Программа разработана специально для прототипирования интерфейсов и позволяет генерировать интерактивные макеты в виде набора html- файлов которые потом можно демонстрировать клиенту. В библиотеке содержатся все необходимые элементы интерфейса, что позволяет довольно быстро создать прототип. Но опять же, для создания окончательного макета прийдётся начинать всё заново в другой программе, да и сама программа мне показалась несколько недружелюбной. Чуть больше о программе можно узнать из статьи «Основы проектирования веб-интерфейсов в Axure RP Pro«.
Довольно старая программа, этакий гибрид Photoshop и Illustartor, была разработана в ныне поглощённой монстром Adobe компаниии Macromedia. В Fireworks можно использовать растровую и векторную графику, создавать различные состояния элементов интерфейса (используя стили, страницы, слои, состояния) и демонстрировать клиенту как это работает, использовать символы и много чего ещё. Таким образом программа позволяет создавать интерфейс от прототипа до окончетельного макета не прибегая к другим инструментам причём все, начиная от проэктировщика и заканчивая дизайнером, могут работать с одним документом. Более подробно о возможностях программы можно узнать из статьи «Проектирование интерактивных продуктов в Fireworks«. Лично я склоняюсь к тому чтобы начать использовать именно эту программу.
Во время работы над каждым проектом я делаю огромное количество набросков и эскизов из которых потом используется один вариант. Очень жаль выбрасывать всё остальное поэтому я решил поделиться всем этим добром на страницах проекта scan.decorlab.com, может кому пригодится в работе. Используйте свободно и бесплатно но если вдруг захочется отблагодарить на каждой странице эскиза есть кнопочка «Donate».
По легенде однажды основатели магазина Hullu.ru посетили в Финляндии гостинницу Hullu Poro, что по-фински означает сумасшедший олень, и с тех пор это название крепко засело в их головах. Читать и смотреть дальше…
Чтобы прийти к простому и красивому решению нужно пройти через большое количество сложностей. В этом можно убедиться взглянув на результаты текущей работы над айдентикой для марки спортивной обуви «ManGo».
После изучения информации о компании и о её деятельности как всегда работа начинается с набросков логотипа на бумаге. Читать и смотреть дальше…
Первый эскиз. Получился очень сложный логотип, подходящий скорее для постера. Читать и смотреть дальше…
Сначала было сделано три черновых эскиза из которых был выбран один и доработан. Читать и смотреть дальше…
