Дизайн сайта-магазина программных продуктов

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

Статья How to create a sublime software layout представляет нам урок Фотошоп по созданию главной страницы сайта. Видимая легкость урока (всего-то 15 шагов!) на деле несколько обманчива, так как каждый шаг - довольно объемен.

Давайте скорее посмотрим, что интересного мы сможем найти в этом уроке:

6 верных способов испортить свой сайт

Веб-дизайнеры знают много секретов. Они знают новые технологии и умеют их применять. Они стараются сделать сайт как можно лучше. Они часто стремятся превзойти других дизайнеров по мастерству. Но при этом порой совершенно забывают о посетителях сайта!
Давайте оставим в стороне те грустные случаи, когда мы прекрасно знаем, что вот эти две фишки просто убивают наш дизайн, но ничего не можем поделать из-за жестких требований заказчика, который непременно их хочет видеть на своем сайте. Пусть. Это крайний случай.
Но, когда мы сами решаем, какие элементы стоит или не стоит разместить на сайте, давайте хоть немного думать?

В этом нам поможет небольшая статья Mistakes which must be Avoided in Web Design, краткое изложение которой мы приводим ниже. Итак, чего не нужно делать:

Стильный дизайн для сайта за 21 шаг

Внимательные читатели нашей Ленты про веб-дизайн наверняка заметили некоторый перекос в тематике последних публикаций нашего блога в сторону ФРИЛАНСА. Этот акцент неслучаен, ибо, как показывает моя персональная статистика,  интерес к теме не убывает, а растет. Да и авторов, в силу различных жизненных причин, эта тема привлекает все больше.
Однако, не стоит забывать главное, ради чего мы читаем этот блог - веб-дизайн, в его наиболее прямом проявлении: искусство разработки визуальных представлений сайтов.

Хочется чего-то стильного и красивого на сайте? Надоел примитив и гладкие поверхности? Надоел гранж в вебе? Хочется добротного, в меру сложного дизайна? "Их есть у меня!" :-)

Cтатья Create a Clean and Classy Web Design in Photoshop предлагает нам урок фотошоп, в результате которого возникает именно такой дизайн. Просто сайта или портфолио, как личного, так и для веб-студии.

Дочитавшим до конца поста обещаю приз. :-) Нет, даже два :-)   Итак,

15 CSS-сервисов, экономящих ваше время

CSS – существенный компонент современного веб-дизайна. Но писать весь CSS-код для каждого проекта с нуля так утомительно, к тому же это занимает слишком много времени. В статье представлены 15 очень разных сервисов для работы с CSS: здесь и генераторы шаблонов и форм и утилиты для сжатия кода… Словом, есть все, чтобы уже в вашем следующем веб-дизайне написание CSS заняло совсем немного времени, а код стал грамотней и чище и загружался быстрее.

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

А теперь давайте посмотрим, что нам предлагается здесь:

Еще 8 полезных инструментов для веб-разработчиков

Одно из наших любимых занятий – отыскивать штучки, которые упрощают нам жизнь. Будь это бесплатные фонты или иконки или сервисы, которые помогают делать вашу работу, мы ищем их и находим, а сами при этом можем сосредоточиться на более важном. Для этого поста авторы подобрали несколько онлайн-сервисов, полезных для задач дизайна и веб-разработки, и, что самое приятное, все они - бесплатны.


Эти сервисы пишут и улучшают CSS-код, делают эскизы дизайнов и подбирают цвета, помогают редактировать и отлаживать сниппеты и рисуют призывные кнопки.

Давайте рассмотрим их подробнее:

Что нужно веб-дизайнеру прежде, чем получить первый заказ

Решил стать веб-дизайнером? С чего начать? Нужно ли получать специальное образование? Долго ли надо учиться, прежде, чем можно будет взять первый заказ? И что именно надо изучать? Кто и как может в этом помочь? Как я узнаю, что уже могу брать заказ? Как показать заказчику, что я - как раз тот, кто ему нужен?

Сегодня на эти и другие вопросы, волнующие многих начинающих разработчиков, отвечает Роман Лайнватер, признанный веб-разработчик и космополит, путешествующий по миру, не прекращая работы. Оригинал статьи можно прочесть здесь.

 Статья мне настолько понравилась, что, вопреки своим правилам, я привожу ее здесь полностью. Давние читатели Ленты про веб-дизайн знают, что я иногда так делаю. Причем понравилась не конкретными технологиями, которые предлагается изучать (тут все и так ясно), а именно методичностью, подходом, настроем.
А еще вы, наверно, помните нашу статью с похожим названием: Как фрилансеру найти своих первых клиентов. Эта статья - не повтор, а другие аспекты подхода к тому же делу.

Все, не мешаю. Читаем Романа.

9 утилит для управления вашим фриланс-бизнесом

...ну что ж, ваша работа, как фриланс-дизайнера, началась. Пошли первые заказы. Что дальше? Как в них не запутаться? Как успевать не только делать основную работу, но и быть "самому себе менеджером проектов"? Отвечать на все письма и предложения, выдерживать сроки, без проблем отправлять счета зарубежным клиентам и получать платежи. Какие для этого нужны программы?

Сегодня мне бы хотелось поделиться с вами опытом зарубежных коллег по организации работ и платежей для фриланс-дизайнеров. Это перевод статьи Натана Веллера.
Итак, слово - знатокам.

Искусство сочетания цветов для веб

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

Статья The Art of Coordinating Colours in Web Design проводит для нас небольшой мастер-класс различных способов подбора цветов. Приводится много примеров реальных дизайнов сайтов, иллюстрирующих излагаемые принципы.

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