Каждый из вас знает, как тяжело разработать дизайн веб-сайта. От первого пикселя в Photoshop до последней заметки в блокноте (или, альтернативно, более дешевой / более дорогой комбинации программ). А еще доходит до эскизов идей, планирования под мобильные устройства, а еще проверка всего этого в поисковых системах, и т. Д. Ну, к счастью, каждый раз не нужно создавать полностью все от А до Я. Для облегчения жизни графика есть инструменты, файлы и учебные пособия для экономии времени и энергии.
Самый быстрый из них запланирован с листом бумаги и карандашом в руке. Мильтон Глейзер, автор всемирно признанного логотипа I <3 NY, однажды сказал: «Компьютеры имеют такое отношение к графическому дизайну, как микроволновая печь к приготовлению пищи». Идея должна предшествовать инструменту. И если вы не можете показать его через несколько минут, вы можете что-то изменить в нем. Однако это часто игнорируется как менее интересный этап. Существуют шаблоны для еще меньших и быстрых эскизов, но в таких случаях иногда лучше сэкономить чернила в принтере и просто нарисовать простой прямоугольник карандашом за несколько секунд. В зависимости от количества эскизов, которые кто-то планирует делать. Иногда у вас есть идея для списка цветов, который после появления эффекта выглядит ... не очень эффективным? При планировании цветов, которые хорошо смотрятся вместе, вам помогут такие сайты, как colourlovers.com или kuler.adobe.com. А Kuler и COLOURlovers позволяют вам искать цвета не только путем ввода имени, но и кода HEX. COLOURlovers дополнительно имеет место, где вы можете создать свой собственный повторяющийся шаблон. Полезная вещь об обучении теории цвета заключается в том, что цвета на противоположных сторонах цветного колеса хорошо смотрятся друг с другом. То же, что и те, которые находятся рядом друг с другом. Чтобы быстро найти аналогичные и дополнительные цвета - если у вас нет этого бесконечного круга радуги в вашем воображении - есть также генераторы. Например, colorschemedesigner.com или цвета в Интернете. Дизайнер цветовой схемы также покажет вам, как цвета, которые мы выбираем, будут работать на странице примера. Очень интересно, что это приложение имеет возможность показать нам, как каждая палитра цветов видна дальтонисту (или кому-то с другим расстройством цветного зрения). Удобство, которого нет в Фотошопе (и который имеет, например, InDesign), - это сетка - возможность настройки столбцов в документе. Конечно, большинству из Вас известен 960.gs. Есть, конечно, много других, и они различаются количеством столбцов, ширины и т. Д. В сетках Photoshop есть несколько шаблонов PSD в пакете - на iPad, широкий монитор компьютера или даже на ширину электронной почты. Отличной альтернативой загрузке файлов является плагин GuideGuide (CS4 +). Позволяет выбирать поля, расстояние между столбцами и, конечно, их количество или размер. В качестве бонуса он также найдет центр изображения. Вишенкой на торте отлично разработанной работы является умеренное использование стильных иконок или узора. Вместо того, чтобы искать хорошее качество логотипа порталов, социальных по всему Интернету, а также кропотливо создавать мини-векторные фигуры самому, можно найти стильные готовые решения. Studio Yummygum в своих двух наборах iconsSweets и iconSweets2 предлагает более 400 значков на различные темы. Все доступно для коммерческого и некоммерческого использования. Такую же лицензию имеет проект iconmonstr. И множество значков для использования в ваших проектах, включая большую коллекцию социальных порталов. Наконец, набор значков, которые вы можете скачать как шрифт для установки и готов к использованию в качестве шрифта @ или обычного векторного файла. Иконки бесплатны для личного и коммерческого использования, с признанием авторства. Когда дело доходит до шаблонов или текстур, Webtreats имеет отличную коллекцию. Они очень детализированы и интересны, поэтому они могут повториться. То есть, независимо от размера изображения, они всегда будут полностью покрывать весь фон. Тонкие шаблоны, как следует из названия, предлагают subtlepatterns.com. Также доступно для коммерческого использования, как и выше. В самом конце тестируется готовый сайт для различных поисковых систем и операционных систем. То, что иногда является хорошим подвигом, когда у него нет каких-либо предметов, которые нужно протестировать. К счастью, есть симуляторы, которые стараются точно показать, как выглядит сайт в других условиях. Это поможет вам найти сайты, такие как browsershots.org или Adobe Browser Lab. А внешний вид на iphone проверит хотя бы симулятор iPhone. С ростом популярности отзывчивого дизайна есть также веб-сайты, которые показывают, как дизайн может выглядеть в нескольких разных размерах одновременно. И этого было бы достаточно. Лично я – некоторые вещи из списка использую, некоторые нет. Я думаю, что все они полезны и где-то кому-то облегчают работу.