Конкурс от Нетологии и Web Design Magazine

В описании задания не указано, какими именно должны быть пять заветных инструментов, поэтому распишу всё как считаю нужным.

1. Самое главное. Дизайнеру нужна тетрадь и карандаш. Желательно, механический. Никогда (даже если очень хочется) нельзя начинать процесс создания чего-либо без предварительного скетча, облака ключевых слов-ассоциаций, зарисовок прототипов интерфейса, и так далее. Придумывать что-то, пользуясь фотошопом — действительно слишком долго и нудно. Мысли должны быть визуализированы мгновенно, в одну секунду. Карандаш и бумага — лучший выбор для грубого прототипирования будущих шедевров.

2. Далее в дело включается «Иллюстратор». Ну, лично я предпочитаю рисовать всё необходимое в нём. Иконки, логотипы, паттерны — всё это должно быть в векторе, и именно «Иллюстратор» как ничто другое идеально подходит для их создания.

3. Фотоаппарат и сканер. Я убежден, что дизайнер должен сам производить весь контент и клипарт для своих сайтов и макетов (шаблонные снимки из фотобанков и векторный клипарт — выбор ленивых неучей). Съемка нескольких репортажных снимков для сайта не требует особых умений фотографа, и веб-дизайнер легко может сам с этим справиться.

4. Разумеется, фотошоп. Макеты страниц (чтобы демонстрировать своим заказчикам) лучше создавать в нём. Я пришел в веб-дизайн из обычной хтмл-верстки, и раньше избегал стадию отрисовки макета в фотошопе (импровизируя с дизайном сразу в хтмл-коде). Но со временем пришло понимание, что графические редакторы помогают абстрагироваться от кода, не думать о технической реализации, и таким образом, почувствовать полную свободу в своих экспериментах с формой и объёмом. И это очень классно.

5. Я убежден, что по-настоящему крутой дизайнер, как и представитель любой айти-профессии, ни в коем случае не должен никогда останавливаться на достигнутом; должен непрерывно развиваться с своей сфере и смежных областях. Я считаю, что для рядового веб-дизайнера невероятно полезным будет знание html/css — если не глубокое, то хотя бы на уровне понимания. Верстать PSD в html я предпочитаю в Sublime Text. Для верстающего дизайнера это действительно необходимый и чрезвычайно удобный инструмент, помогающий превращать свои PSD-макеты в безупречные живые веб-страницы.

p.s. поделился ссылкой на страницу в фэйсбуке и г+.

Инструменты для веб-дизайнера,
Попросили назвать вы пять. –
Интуиция, вкус и знания,
Карандаш и в руках тетрадь.

Ну а если же по-серьёзному,
То я знаю пяток программ,
Веб-дизайнер их часто пользует,
И они все известны вам:

Photoshop – это маст дизайнера,
Без него нам почти никуда,
С dribbble утро всегда начинаем мы,
За решениями – сюда.

Есть у нас, как у всех художников,
Для работы палитра своя.
Adobe Kuler даёт возможности
Подобрать любые цвета.

Ну а если писать захочется,
Google в помощь с его WebFonts,
Для шрифтов им умело пользуйся,
Что угодно ты в нём найдешь!

Я ещё Скелетоном пользуюсь,
Это пятый мой инструмент,
Я мечтаю выиграть в конкурсе
И поймать свой счастливый момент.

Я на МИПе вашем учусь сейчас,
И давно уже с вами дружу,
Этот курс я хотела начать не раз,
Но всё денег не нахожу.

Но когда ты мечтаешь искренне,
То исполнит желание жизнь,
Важно в это поверить мысленно,
И подарит судьба сюрприз.

Участвую!

1. Инструмент CSS3Ps.

Конвертер из PSD в CSS

2. Инструмент – Font Flipper.
Просмотр и сравнение шрифтов, установленных на ПК.

3. Velositey.
Плагин Photoshop CS6+ – для создания сайтов (прототипов).

4.Live Tools.

Удобный генератор кнопок, форм, лент на CSS.

5.Web Developer Checklist.
Чек-листа перед запуском проекта.