Книга «Пятниццо. Антология фольклора рунета»

Книга «Пятниццо. Антология фольклора рунета» – это книга-праздник, книга-хорошее настроение. Благодаря содержащимся в ней Интернет-мемам (картинкам, шуткам, смешным историям и пр.), заряд положительных эмоций вам гарантирован. В книге собрано огромное количество юмористических тем, собранных пользователями рунета.

Размер книги – 200 страниц смеха, снабженных обилием картинок, цветных иллюстраций. В книге найдут много нового, как новички, которые только знакомятся с огромным информационным миром Интернета, так и настоящие «старожилы» сети, ведь так приятно перечитывать услышанные раньше хорошие темы, качественный юмор. Читать далее «Книга «Пятниццо. Антология фольклора рунета»»

Adobe Photoshop CS4. Библия пользователя (+ CD-ROM)

Photoshop. Для большинства сегодня это слово стало синонимом редактора изображений, ведь им пользуются почти все, кто работает с изображениями профессионально. Книга «Adobe Photoshop CS4. Библия пользователя» позволит понять читателю, почему многие выбирают для своей работы именно этот редактор.

В данном издании содержится наиболее полная информация о версии последней — Adobe Photoshop CS4. Изложение книги начинается с описания основных функций программы. Последние разделы посвящены описанию принципов создания сложнейших визуальных эффектов, подготовительным этапам работы для передачи файлов в печать, размещения их в сети, записи на цифровые носители. Читать далее «Adobe Photoshop CS4. Библия пользователя (+ CD-ROM)»

Что такое хорошая навигация?

Что такое хорошая навигация?
Достаточно ли помочь пользователям перемещаться по сайту?

В процессе дизайна вопрос о навигации встает дважды. Сначала нужно подумать о навигационных элементах кнопках и навигационных панелях, когда вы работаете над общим макетом сайта. Тема навигации возникнет снова, когда вы начнете писать код и строить элементы макета, которые должны удовлетворять пользователей, а также связывать ваши страницы. Однако не действуйте преждевременно: вы должны начать с организации навигации верхнего уровня. Читать далее «Что такое хорошая навигация?»

Контент сайта

Написание для Сети это как любой другой вид написания, верно?

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

Как подбираются цвета и как использовать цветовой круг для этого…

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

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

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

Правильное, приятное сочетание цветов очень важно для создания легкого, информативного и радующего глаз дизайна, не зависимо от того что это: рекламное объявление, визитка или сайт. Читать далее «Как подбираются цвета и как использовать цветовой круг для этого…»

Элементы хорошего дизайна и юзабилити сайта…

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

Причиной тому является грамотно и расово верно выполненный дизайн сайта и его юзабилити (удобство использования).
Простые и нормальные сайты (не промо) подчиняются одним и тем же законам и имеют определенные элементы.
Знание этих элементов позволяет создавать хорошие сайты затрачивая меньше времени и сил и получать на выходе красивый и практичный дизайн.
Так что в данном посте мы рассмотрим наиболее значимые элементы дизайна правильных сайтов. Читать далее «Элементы хорошего дизайна и юзабилити сайта…»

Как распознать шрифт

Иногда перед многими возикает проблема как же определить шрифт. Ну печатный шрифт на сайте определить легко так как в вебдизайне обычно используется не более пяти стандартных шрифтов (Georgia, Arial, Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif) да и всегда можно заглянуть в исходный код или в стили где прописано какой шрифт используется. Но иногда в логотипе сайта, который является картинкой и через стили уже не посмотреть, может понравится какой то и вы не знаете что же это, а так хочется все таки определить шрифт, что же делать тогда? Выход есть точнее даже несколько выходов или способов распознать шрифт или подобрать похожий. Читать далее «Как распознать шрифт»

Чем отличается хороший web-дизайн от плохого?

Именно на эту тему дорогая редакция попросила написать статью. И что же? Начал я, как водится, с того, что стал приставать с этим вопросом к окружающим.

Менеджер в моей фирме сказала: «Эффективностью». Жена, которой приходится слушать мужа дизайнера, с некоторым ехидством заявила: «Хороший дизайн красив, ненавязчив и радует глаз, а если дизайн плохой — его видно, он бросается в глаза». Знакомый главный редактор журнала сказал: «Да ничем не отличается, если подумать». Больше я спросить ни у кого не успел, но, сходу могу сказать, были бы еще и такие ответы: «окупаемостью», «оправданностью», «лаконичностью», обязательно бы вспомнили сестру таланта — в общем, люди много хороших слов знают.

И чем это обилие мнений помогает нам в решении этой самой проблемы — как же понять, что дизайн таки хорош? Да собственно ни чем. По этому, памятуя, что ломать — не строить, и «Все у нас Белинские» сделаем все наоборот и ответим на вопрос: «Как понять что перед вами халтура»? Или, еще лучше, в стиле «Космополитена»: «10 способов не принять работу у web-студии». Читать далее «Чем отличается хороший web-дизайн от плохого?»

Юзабилити в веб-дизайне. Usability

Когда речь заходит о «веб-дизайне», упор обычно делается на «дизайне», что понятно: дизайн — штука творческая, интересная, а постоянно появляющиеся новые технологии можно обсуждать до посинения. Я предлагаю обсудить кое-что другое.

Путешествуя по Сети, я постоянно натыкаюсь на всевозможные «грабли», в обилии разбросанные по крупным и не очень сайтам Интернета. В большинстве своем они рождены желанием порисоваться, создать нечто суперкрасивое и супернеобычное, с обильным дизайном и легкомысленным отношением к тому, что это все размещено в вебе. Лирическое отступление. Когда моя мама хочет запрограммировать видеомагнитофон, чтобы он в нужное время записал ее любимый сериал, она всегда зовет меня — сложная последовательность нажатий кнопок на пульте ДУ находится за пределами ее терпения и высшего технического образования. Но за видеомагнитофон заплачены деньги, новый покупать мы вряд ли станем, а японские парни из фирмы «Сони» довольно потирают руки, сэкономив на юзабилити-тестировании своего продукта.

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

Вот несколько соображений насчет того, как сделать ваш сайт удобнее и привлекательнее.

Никаких загадок. Все, что вы хотите сказать, выкладывайте на виду. Если вы что-то спрятали, на что-то просто намекнули, что-то завуалировали в трепетной надежде, что веб-пользователь станет старательно исследовать ваш сайт, то даю гарантию, никто ваших изысков не оценит. Их просто не заметят. У веб-пользователей нет времени, чтобы думать, они либо автоматически кликают на ссылке/кнопке, либо не кликают.
Например, в одной фирме от меня потребовали, чтобы на главной странице сайта я поместил красиво оформленные названия многочисленных подразделений этой конторы. По замыслу заказчиков, веб-пользователи должны были наводить мышкой на каждое из названий, и тогда в другом месте экрана (!) появлялось бы нечто вроде свитка с описанием, чем каждое конкретное подразделение занимается. Это выглядело эффектно в воображении заказчиков, зато на деле оказалось, что пользователи и не думали действовать по такому сценарию. Но я благоразумно промолчал — не выбрасывать же в мусорное ведро 2 дня работы…

Главная (домашняя) страница должна быть страницей, а не раскрасивой анимированной заставкой, которую все равно никто смотреть не станет. На мой взгляд, приделать к сайту заставку — это все равно, что поставить в офисе перед входной дверью симпатичный заборчик, чтобы посетители еще разок подумали, а стоит ли им входить?
На главной странице очень важно четко показать, о чем этот сайт, что в нем есть полезного и как к этим полезностям добраться. Это как обложка хорошего журнала, на которую помещают заголовки «ударных» статей, чтобы привлечь покупателей. Только не надо все, что у вас есть на сайте, стараться впихнуть на главную страницу. Ключевое слово — приоритетность.

Навигация. Чем проще и традиционнее — тем лучше (тут дизайнеры не согласятся, но вы их не слушайте). Супероригинальная, но вычурная и запутанная навигация вызовет массу затруднений у посетителей. А чем труднее человеку чем-нибудь пользоваться, тем реже он старается это использовать. Короче говоря, если через 10 секунд посетитель не сможет понять, как ему найти то, что нужно, то — до свидания!

Тексты. Я не открою Америку, сказав, что с экрана читать в два раза тяжелее, чем с бумаги. Поэтому тексты перед публикацией в Сети нужно сокращать. Скажем, убрав лишние слова, постараться уменьшить объем текста вдвое, а затем еще раз пройтись и сократить еще на треть.
И пожалуйста, не надо никакой «болтологии» («Добро пожаловать на наш сайт… бла-бла-бла… бла-бла-бла…»). Ее никто не читает, а «уровень шума» на сайте она неоправданно повышает.
И вообще, веб-пользователи в большинстве своем не читают, а «сканируют» страницы, пока не наткнутся на что-то интересное. Пара слов из каждого абзаца, заголовки и ссылки — на большее у них нет времени.
Длинные интересные тексты обычно просто распечатывают и читают с бумаги, поэтому не забудьте создать «версии для печати», не отягощенные дизайнерскими изысками и прочей мишурой.

Самое главное. Перед запуском сайт нужно тестировать. Это, мягко говоря, довольно редкая практика среди наших веб-дизайнеров. Оно и понятно — клиент деньги заплатил, все, что он хотел, включая фотку его любимой кошки, мы в сайт впихнули, зачем волноваться? А поволноваться стоит. Разработчики, естественно, знают свой сайт как пять пальцев, поэтому многие непонятности просто ускользают из поля их зрения. А стоит понаблюдать, как веб-пользователи исследуют ваш сайт. Иногда сразу же возникают мысли типа «Ну почему они не догадываются, что нужно жать на эту кнопку?» или «Странно, а эту подробную инструкцию никто даже не замечает…».
Для тестирования нужны несколько человек, хотя бы изредка пользующихся Интернетом (ваша бабушка не подойдет, а вот приятель, за пару бутылок пива, — вполне). Лично я привлекаю к тестированию свою сестру — когда через несколько выстраданных усовершенствований сайт становится ей абсолютно понятен, это значит, что теперь он понятен даже дошкольнику. Чем больше тестируемых, тем лучше (лишь бы пива хватило). Садите человека перед монитором, наблюдаете, как он продирается через ваш сайт, и попутно задаете вопросы типа «Что тебя здесь привлекло?», «Почему ты кликнул на этой ссылке?» и т.п.
На втором этапе давайте тестируемому разные задания. Например, «Попробуй оставить свое резюме в разделе вакансий» или «Найди книгу такую-то и сделай заказ». Ничего не подсказывайте, а только внимательно наблюдайте и, как говорится, мотайте на ус. Вы гарантированно откроете для себя много нового (о человеческой недогадливости). Желательно проводить тестирование как можно чаще в процессе создания сайта, чтобы потом не пришлось переделывать весь дизайн целиком. И набейте холодильник пивом: тестируемые проявят гораздо большее рвение при условии материального поощрения.

Топ 10 фактов дизайн

Мы охватили действительно широкий круг вопросов. Однако есть несколько важных моментов, которые не вписываются ни в одну из прочитанных вами частей. Если мы хотя бы кратко не остановимся на них теперь, это будет вам во вред. Именно поэтому появилась данная часть, точнее, не совсем часть, а скорее приложение (хорошо, это именно приложение). Однако это очень полезное приложение — десятка советов, без которых мы не можем вас оставить. Читать далее «Топ 10 фактов дизайн»