Предыдущий ролик Следующий ролик  

Видео урок: Выбор графического редактора

Основы веб-дизайна

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

С другой стороны, растровая графика завязана на определенном разрешении. В идеале хорошо бы иметь редактор, который может работать и с векторной, и с растровой графикой. Но не так уж редко встречаются ситуации, когда для каждого вида графики используется отдельная программа. Поскольку для интернета очень важен размер, вам потребуется редактор, обладающий мощными средствами сжатия, что позволит создавать графику меньших размеров. Очевидно, что программа должна поддерживать такие форматы, как PNG, JPG, GIF и SVG. Однако не все инструменты экспорта и оптимизации работают одинаковым образом.

Поэтому необходимо проанализировать, насколько эффективно выбранный редактор кода сжимает эту веб-графику. Зачастую вам приходится разрабатывать веб-графику или прототипы, которые в зависимости от таких вещей, как взаимодействия пользователя, отображают разные состояния. В идеале нужно, чтобы графический редактор умел создавать и отображать разные состояния графики. В отличие от редакторов кода, инструментов редактирования графики не так уж и много. Большинство дизайнеров, скорее всего, пользуется каким-то одним редактором или набором таких популярных инструментов, как Photoshop, Illustrator, Fireworks и CorelDRAW.

Все продукты компании Adobe - и Illustrator, и Photoshop, и Fireworks, - являются очень мощными инструментами создания веб-графики и входят в состав облачного сервиса Adobe Creative Cloud. Скорее всего, Illustrator и Photoshop знакомы большинству графических дизайнеров. На самом деле эти программы принимаются в качестве отраслевого стандарта при создании векторной и растровой графики. Illustrator и Photoshop обладают мощными возможностями экспорта веб-графики. К несчастью, компания Adobe прекратила дальнейшую разработку Fireworks. Это означает, что новые версии больше не будут выпускаться, и его поддержка, в конце концов, сократится, а это очень плохо. Тем не менее, пока что эту программу можно использовать для создания веб-графики.

Самое главное, если вы уже знакомы с этими инструментами, то, скорее всего, остановите свой выбор именно на них. Если вы никогда раньше не пользовались программой CorelDraw, то стоит отметить, что это графическая система производства компании Corel. Ей присущи черты инструментов редактирования как векторной, так и растровой графики, что позволяет создавать качественную веб-графику. Однако в отличие от продуктов компании Adobe, программа CorelDraw не ориентирована на интернет. В ней отсутствуют возможности Fireworks, кроме того, ее невозможно интегрировать в такие инструменты веб-дизайна, как Dreamweaver. Несмотря на то что в качестве отраслевого стандарта продолжают использоваться более крупные коммерческие инструменты, в последнее время получили бурное развитие альтернативные инструменты, предназначенные для удовлетворения более конкретных нужд графических дизайнеров.

Такие инструменты с открытым исходным кодом, как Inkscape, который можно скачать на сайте inkscape.org, и Gimp, который можно найти на сайте gimp.org, уверенно набирают популярность в качестве альтернативы программам Illustrator и Photoshop. Тем не менее, я считаю, что поскольку их исходный код открыт, их поддержка может быть весьма сомнительной. Кроме того, существует не так уж много пособий и книг, по которым можно научиться пользоваться этими программами. Хорошая новость - эти инструменты являются бесплатными. Поэтому на их загрузку и анализ вы не потратите и гроша.

Sketch - еще один инструмент, который за последнее время привлек к себе немало внимания. Sketch - это инструмент редактирования векторной графики, который был разработан специально для веб-дизайна и UX-дизайна. К несчастью, использовать его можно только с операционной системой Mac OS. Но если на вашем устройстве установлена именно эта система, советую вам поработать с этой программой. Я уверен, что буквально через несколько лет появятся новые инструменты, ориентированные на разработку графики для сети интернет. В настоящее время мы находимся на том этапе, когда наши потребности как веб-дизайнеров, на самом деле, выходят за рамки возможностей сегодняшних инструментов.

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