Я уже давно задумывалась над тем, что бы перейти с Windows на Linux. Надежный, юзабельный, интересный. Меня лишь удерживало то, что Linux не работает с Photoshop, который я всегда использовала для работы.

Я знала, что в Linux есть программа Gimp, которая работает с графикой, но думала, что она пригодна только для коррекции фотографий для домашнего альбома и не более того. Однако, познакомившись с ней поближе, я поняла, что ее функциональные возможность не чуть не хуже Photoshop. К тому же это свободный редактор, который постоянно усовершенствуется. Он позволяет добавлять кисти в обычном их формате ABR и имеет много полезных плагинов. В Gimp можно открыть файл Photoshop сохранив при этом все слои или сделать экспорт созданного вами изображения в Gimp в формат PSD. Из недостатков является то, что он не поддерживает цветовое пространство CMKY и при использовании некоторых эффектов работает медленнее чем это мог бы сделать Photoshop.

Поэтому я решила начать работать именно с этим редактором. Свободный редактор для свободного дизайнера. Это здорово! Я буду выкладывать уроки по Gimp и вы сами сможете увидеть, что это хороший редактор для серьезной работы.

Багаж Андрея Зубрилова from Проект «Багаж» on Vimeo.

Самое главное в создании дизайна сайта – это правильно применять законы композиции и цветовых решений.

Прежде всего – это отсутствие графических элементов, которые не несут в себе функциональной нагрузки. К таким элементам можно отнести текстурные фоны. В минималистическом стиле они всегда однотонные и как правило – белые. Окантовка никогда не идет объемной или толстой. Это обычно однопиксельная полоска. По-поводу флеш-анимации и картинок на подобном дизайне. Картинки могут присутствовать на сайте, но в виде обычной фотографии по теме сайта или каталога товаров, а вот флеш-анимация, на дизайне в стиле минимализма – отсутствует. Цветовая палитра должна состоять не более чем из 3 основных цветов, хотя, в идеале, это должно распространяться и на дизайны сайтов других стилей. Шрифты, как правило, используются простые, без засечек.

Минималистичиский дизайн сайтов – это строгий стиль, поэтому его не используют для развлекательных порталов. В основном это стиль бизнес сайтов.

С первого взгляда такой дизайн сайта сделать очень просто, однако это только на первый взгляд. Как и любой другой дизайн его надо прочувствовать. При создании минималистического дизайна надо помнить, что в первую очередь пользователь будет обращать внимание на контент и юзабилити страницы. Его ничего не будет отвлекать от сути сайта.

К примеру, вы можите посмотреть минималистический дизайн разработанный в студии Лебедева для компании Киевстар.

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

1. Соблюдайте ширину макета в зависимости от разрешения экрана.

Если Ваш дизайн фиксированной ширины, то эта табличка поможет Вам определиться с шириной макета.

2. Давайте названия всем слоям и группируйте слои по папкам.

Это поможет вам и верстальщику быстро ориентироваться на макете, находить необходимые слои и папки.

3. Используйте для контента распространенные шрифты.

Такие как Arial, Tahoma, Verdana, Times New Roman, Georgia, Helvetika возможно еще некоторые шрифты которые сейчас я не вспомнила. Эти шрифты есть у любого пользователя сети интернет.

4. Не используйте сглаживание шрифтов (исключения могут составлять лишь некоторые заголовки).

Сглаженный шрифт хорошо смотрится на макете, но его невозможно будет использовать при верстке. Единственный вариант – это использование сглаженного шрифта как картинку, но в большинстве случаев это плохой вариант.

5. Архивируйте psd файл перед отправкой

psd файлы хорошо сжимаются.

Рыба – это временный текст, которым заполняют макет страницы сайта для создания общей картины дизайна. Он может не иметь смысла. Однако, надо помнить, что текст рыбы для англоязычного сайта и для русскоязычного сайта должен быть разным. Например, для англоязычных сайтов я всегда использую “Lorem ipsum” – это искаженный отрывок из философского трактата Цицирона “О пределах добра и зла” на латинском языке.

Он выглядит так “Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.”

Для русскоязычных сайтов я использую цитаты из энциклопедий. Например, информацию о планете Земля из известной электронной энциклопедии Wikipedia.

Конечно, лучше всего использовать текст, который будет реально размещен на сайте, но если заказчик не успевает Вам его предоставить – используйте рыбу.

Больше всего мне понравились сайты:

Soytuaire.labuat.com – этот сайт абсолютно не похож на все остальные что мне доводилось видеть. Вы можите здесь просто рисовать под музыку незамысловатые сюжеты просто двигая мышкой и у вас это будет получаться независимо от вашего таланта рисовать . Сайт именно что бы расслабиться.

Alexarts.ru – страница дизайнера из Москвы. Красивый фон плюс web 2.0 технологии сделали сайт удобным и креативным.

v5design.com – сайт американской веб студии. К подобным сайтам я не равнодушна. Прекрасная картина природы на фоне в сочетании с музыкой пения птиц и сверчков навивают особую атмосферу. А что касается юзабилити, то, по моему мнению, информация вполне доступна, вот только шрифт мелковат.

Спасибо за хорошее настроение и за вдохновение!

Создавая свои шедевры, вы можете облегчить свою задачу, воспользовавшись уже готовыми кистями Photoshop. К примеру, абсолютно разные крылья ангелов, Вы сможете найти на сайте http://browse.deviantart.com

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

Творите! И будьте смелыми в своих идеях!

1. http://www.istockphoto.com – большая коллекция векторных и растровых клиппартов.

2. http://www.themaninblue.com – показывает оттенки, которые больше всего подходят к заданному цвету.

3. http://kuler.adobe.com – поможет вам определить палитру наиболее сочитающихся цветов.

4. http://www.deviantart.com – кисти для Photoshop и всевозможные клиппарты.

5. http://demiart.ru/forum – отличный  сайт, где вы можете спросить совет и научится чему-то новому.

1. Структура сайта (юзабилити страниц). В идеале заказчик предоставляет вам структуру сайта отрисованную схематично в электронном виде или на бумаге, однако идеальные заказчики встречаются редко, и вам необходимо самим разрабатывать юзабилити страниц. Юзабилити, в переводе с английского, – удобство пользования. Поэтому сначала спроектируйте дизайн схематично на бумаге, а потом садитесь за компьютер.

2. Расположение на экране. Вам надо подумать над тем будет ли дизайн резиновым или статическим. Сейчас у пользователей стоят различные мониторы от 14 дюймовых до 30 дюймовых. Ваш дизайн должен смотреться одинаково хорошо при любом разрешении. Лично я сторонник статических дизайнов, которые не меняют свою ширину. Монитор у меня 22 дюйма и когда я захожу на резиновый сайт, то он ползет у меня по всему экрану и информация вмиг теряется.

3. Расположение элементов на странице. Всегда, когда рисуете дизайн, пользуйтесь линейкой и ее направляющими. Выравнивайте все относительно ее. Мелочи, но они так заметны и очень влияют на внешний вид дизайна.

4. Навигация. Учитывайте возможность расширения функций сайта и соответственно возможность расширения навигации.

5. Отношение к работе. Всегда работайте так, как будто-то это ваш проект. Используйте все свои дизайнерские возможности. Существует мнение “Заказчик всегда прав”, но старайтесь давать ему советы и обосновывать их, ведь дизайнер все-таки вы.