Статью перевела и составила Окорокова Валерия, специально для DesignScience.
Если вы фрилансер, который занимается веб-сайтами или графическим дизайном, то вы должны знать, что есть некоторые услуги, в которых ваши клиенты часто нуждаются.
Так, например, одна из наиболее распространенных услуг – веб-хостинг. Вероятно, вы уже знаете несколько хороших хостинговых компаний и могли бы порекомендовать их вашему клиенту. И вот тут нам открывается одна интересная вещь! В некоторых компаниях существуют партнёрские программы, где вам за привлечение клиентов еще и заплатят. Так, например, за каждого нового человека, пришедшего по вашей рекомендации, вы можете получить около 50-100 $!
Неплохо, не правда ли?

Продолжать читать эту статью…

Рубрики: , , ,

mindmap
Автор статьи Яна Франк (Miu Mau)

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

Некоторые читатели пожаловались, что даже проходили такой предмет в художественных вузах и колледжах, и все равно не поняли, что такое mind map и зачем он нужен.
Я тоже познакомилась с этими смешными картинками и диаграммами в вузе, но там все умудрились объяснить одной фразой, так, что вопросов больше не осталось.
Профессор сказал, что mind map – это удобная форма для записывания чего угодно, что не получается записать «линейно».

Продолжать читать эту статью…

Рубрики: , , ,

20_web-design_rules
Обращаю ваше внимание, что эти правила относятся именно к веб-дизайну!

1. Учитывайте возможности HTML-вёрстки

НЕ делайте того, чего не смог бы потом реализовать верстальщик. И, хотя современные методы позволяют в HTML-вёрстке добиться практически любых результатов, следует всегда помнить о том, что вы создаёте сайт, а не рекламный постер. Ваша задумка должна без трудностей и проблем несовместимости переносится в код, который можно будет с одинаковым результатом отобразить на любых системах. (отсюда вывод: занимаетесь веб-дизайном – изучите HTML и CSS и не сводите программистов с ума!)

2. Стандартная кнопка = input type=button

НЕ используйте подмену стандартных элементов форм изображениями-скриншотами аналогичных элементов из вашей операционной системы. Поверьте, насильно внедрённая вами кнопка в духе Windows 98 вряд ли понравится пользователям MacOS.

3. Текст должен легко читаться

НЕ мельчите текст. Кегли меньше 9 pt использовать крайне не рекомендуется. Кегли 9 и 10 pt используйте только для незначительных блоков, сносок и подписей. Основной текст публикуйте кеглем не менее 11 pt.

Продолжать читать эту статью…

Рубрики: ,

Статью перевела и составила Окорокова Валерия.

Учиться делать красивый веб-дизайн мы будем сегодня на примере сайта A List Apart. И речь пойдёт не об использовании графики и т.п., а об общем построении сайта – о его структуре, о пустом пространстве и конечно о типографике.

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

Ну что ж, давайте перейдем непосредственно к сайту A List Apart.

Главная страница
alistapart1

Продолжать читать эту статью…

Рубрики: ,

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

A List Apart

Продолжать читать эту статью…

Рубрики: ,

Типографика в сети за последнюю пару десятилетий прошла огромный путь. Нынешние браузеры не только отображают картинки (!), но даже дают нам возможность превратить свои веб-страницы в настоящие шедевры типографики!

ТИПОГРАФИКА — художественная графика, использующая полиграфические средства и оформительские элементы: линейки, орнаменты, знаки и, главное, наборные шрифты. Т. решает задачи оптимального восприятия текста читателем.

И разговор в этой статье пойдёт не о том, как правильно выбрать шрифт. Тем более, что выбор шрифтов для сети невелик и стандартизирован: Arial, Book Antiqua, Century Gothic, Comic Sans MS, Courier New, Franklin Gothic Medium, Georgia, Impact, Lucida Console, Lucida Sans Unicode, Microsoft Sans Serif, Palatino Linotype, Sylfaen, Tahoma, Times New Roman, Trebuchet MS, Verdana, Webdings, Wingdings.

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

Продолжать читать эту статью…

Рубрики: ,