Блог Кировского строителя Интернет » Дизайн, юзабилити

Открытки сделанные своими руками

Khlyupin — Tue, 08 Jun 2010 09:00:15 +0000

Сегодня сделаю небольшой пиар одной хорошей девочки Юлечки! Она очень умная, занимается разработкой проектов на базе системы управления сайтами Битрикс. Но, как и у всех высокоразвитых людей, Юля имеет небольшое хобби, а именно она делает из подручных средств различные красивые открытки. Что сказать руки у Юли золотые и растут из нужного места.

За последние время Юля для меня сделала две очень красивые, а главное «в тему» открытки. На фотографиях ниже, вы увидите ее работы, сделанные для меня и убедитесь сами в её аккуратности. Спасибо тебе Юля!

Заходите на личный сайт Юлечки и любуйтесь её новыми работами!

Все права на материалы, размещенные в ленте, охраняются в соответствии с гражданским законодательством РФ. Материалы не могут быть использованы без письменного разрешения владельца сайта. © 2009-2010 www.blog.khlyupin.ru

Презентация второго дизайна

Khlyupin — Mon, 28 Dec 2009 09:00:55 +0000

Пришло время показать второй макет дизайна, нарисованный в больнице. На этот макет я потратил всего 1 день, включая порезку. Чтобы просмотреть дизайн полностью кликните на картинку.

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

О судьбе этого проекта вы узнаете в будущих постах моего блога, так как в процессе реализации возникнет много интересного для вас материала.

Ну и как обычно немного интересного, еще до больницы нашел интересный сайтик, где вы можете скачать pokerstars. А так как в больнице были проблемы с интернетом, то мы с моим товарищем по несчастью играли в различные виды покера с помощью обычных маленьких карт, а вместо денег использовали спички

Презентация первого дизайна

Khlyupin — Sun, 27 Dec 2009 09:00:09 +0000

Как и обещал, презентую первый дизайн, который был нарисован и порезан в больнице всего за 1,5 дня. Чтобы просмотреть дизайн полностью кликните на картинку.

Как видно, технический дизайн, нарисованный ранее, прекрасно был использован на сайте. Изначально, когда рисовал машину, даже не думал о сайте. Но позже подумал сделать автомобильный клуб для владельцев автомобилей Chevrolet Niva. Готовый сайт клуба будет запущен в начале января. Разумеется, это событие будет отображено в моем блоге, где я расскажу какие трудности и решения возникли в процессе разработки.

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

В следующем посте читайте презентацию второго дизайна, так же нарисованного в больнице.

Технический дизайн

Khlyupin — Sat, 26 Dec 2009 08:00:18 +0000

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

Думаю, после увиденной картинки все догадались, что речь пойдет о нужном в наше время техническом дизайне.

Ещё до больницы видел у Константина Лихачева, обработанный им автобус. Размышляя о смысле жизни в больнице, подумал, а чем я хуже? И без всяких уроков обработал картинку, как вижу нужным.

Вот исходный материал.

А здесь комбинированная картинка для сравнения.

Кто следующий примет эстафету?

Для новичков советую скачать готовые psd исходники, чтобы разобраться в общих чертах, что такое Photoshop.

Основы дизайна

Khlyupin — Thu, 19 Nov 2009 08:00:51 +0000

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

По-моему мнению дизайнеры, рисующие для WEB, перед тем как рисовать макет, должны почитать особенности html, попытаться понять основные фишки и особенности.

Наиболее распространенные ошибки дизайнеров перечислены ниже.

Неправильное использование шрифтов. Поймите, что какие бы хаки не использовали программисты для более сотни браузеров предусмотреть обход данной проблемы невозможно. Рекомендую использовать стандартные Arial, Tahoma и Verdana. Дополнительно можно использовать Georgia, Trebuchet MS, но не увлекаться ими. Важно размер шрифтов задавать в пикселях.

Вы должны задать четкую сетку разметки блоков сайта. Например, чтобы подвал у вас не скакал в разных макетах с разными отступами, ведь не трудно подрезать макет как нужно?

Бывают такие кадры, которые стандартную троицу рисуют в векторе (стандартная троица – это иконки main, email, map).

Размытости и неточностей в макете быть не должно! Это относится и к шрифтам, сейчас идет тенденция косить в макетах под сафари с её сглаживанием, сидишь и гадаешь толстый шрифт или тонкий.

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

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

Перейдем к выбору цветовой гаммы, товарищи дизайнеры скажите, зачем на одной странице использовать несколько цветов шрифтов, например ссылки, то есть визуально она не отличается, а цветовой код другой? Верстальщики, когда верстают 1 к 1, должны будут задать каждый код снова, тем самым увеличив CSS.

Старайтесь рисовать с головой, чтобы отступы заголовков, параграфов были примерно одинакового расстояния, чтобы опять же не повышать вес сайта. На одной странице параграф с отступом 10 пикселей на другой 13, спрашивается, зачем нам это?

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

Найти вакансию дизайнера в Москве, вы сможете на сайте KeyWork. KeyWork – это лучший поиск работы в IT отрасли!