Рубрики
Дизайнеру Теория

Дизайнерам-мудакам или…

Советы дизайнерам веб-сайтов за которые верстальщик скажет спасибо

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

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

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

Что было не так в макете? Самое плохое было то, что от него так и веяло «плакатом». Помимо этого были нарушены все основные требования грамотного дизайна макетов сайтов: полное отсутствие структуры макета, использовались нестандартные шрифты, при этом к исходнику не были предоставлены эти самые шрифты, помимо этого графика и текстовые материалы были смешаны, а местами вообще сведены в единые слои. Ну… Естественно о сетке, каких либо направляющих и линейках я вообще и не говорю, ими там и не «пахло».

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

Итак, изначально давайте обозначим основные моменты о которых мы будем говорить далее.

  • Сетка макета
  • Структура макета
  • Разделение графики и текстов
  • Шрифты
  • Единицы измерения
  • Обязательные элементы макета

Собственно, далее подробно по каждому моменту.

Рубрики
Дизайнеру

Подборка иконок для оформления Интернет магазина

glossy-ecommerce-icons

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

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

Рубрики
Верстальщику

Простое и быстрое оформление элементов форм

styling_forms
Недавно я описывал два различных способа оформления кнопок. Но, если вы оформили кнопки, то вам конечно захочется также оформить и другие элементы формы. Есть много способов сделать это, и много интересных постов по этой теме. Сегодня я расскажу о двух способах, о которых узнал вот из этой статьи How to skin HTML form elements in seconds Здесь предлагается использовать два различных скрипта, в зависимости от ваших потребностей.

Оба скрипта, очень полезны и просты в использовании. Если вы хотите использовать «standalone» скрипт, который не использует внешние JS-фреймворки (например, jQuery или MooTools) То вам может пригодиться скрипт NiceForms, если вы используете jQuery, то хорошая альтернатива jqTransform. Посмотрим, как они работают.

Рубрики
Всем сразу

Редизайн

redesign

Обновился! Давно хотел сделать редизайн своего блога. Учитывая то, что старая темa была не моих рук творением, можно даже сказать, что это и не редизайн, а «обличивание» блога. Очень хотелось придать блогу индивидуальности.

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

В общем, что сделано, то сделано. По большому счету мне нравится. Думаю, что еще некоторое время серьезно подумаю и проработаю некоторые вопросы юзабилити. Надеюсь, что в этом помогут и читатели блога. Так что критика принимается, причем любая.

Многие говорят стоит ли вообще заниматься редизайном, и есть ли от этого польза. Лично для меня польза очевидна:

  1. Я выполнил один, а вернее два пункта планов относительно блога на этот год.
  2. Я освоил верстку под WordPress. Так что теперь можете заказывать у меня темы для WordPress 🙂

P.S.

Выгодно купить гаджеты, а заодно и почитать свежие новости hi-tech — все это можно сделать на одном сайте. Приятно, когда удается убить два зайца одним выстрелом:)

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

Рубрики
Дизайнеру

Рождественский RSS

Продолжаем ерживать праздничное настроение в предверьи Рождества и Нового года. Вслед за набором «Рождественских иконок для блогера» предлагаю набор праздничных, новогодне-рождественских иконок для RSS-лент. Так как в прошлом сете была всего одна такая. Данная подборка исправляет этот недочет.

Рождественские иконки RSS
Рождественские иконки RSS

Качаем здесь.

Постовой:

У вас есть автомобиль Scion xB, Scion xA, Scion tC, Scion xD, Scion Concept Car, Toyota bB или Toyota ist? Тогда вам стоит посетить хороший bb клуб.

В преддверии новогодних праздников организация корпоративных праздников становится особенно выгодным делом. Может попробуете?