habratchanka Apr 18 2009 at 08:01

Что такое качество в веб-дизайне: примеры и рекомендации. Часть 2

5 min

11K

Design

Translation

+66

Comments 24

UFO landed and left these words here

hooz Apr 18 2009 at 12:24

переводы это всегда хорошо
но вот полный текст (http://wefunction.com/2009/04/quality-within-web-design/)
пс: автор не понимаю, зачем дробить материал на столько частей?
имхо: хабрачитатель справиться и за раз с усвоением подобного материала

UFO landed and left these words here

habratchanka Apr 18 2009 at 12:42

чтобы потом не было комментов «многа букофф, не осилил» ;)

материал осваивается лучше, если его «принимать» по частям.

laberso Apr 18 2009 at 09:08

Приведены образчики дизайна. Между прочим, к вчерашнему обсуждению, ссылки НИГДЕ не подчеркнуты!

habratchanka Apr 18 2009 at 09:19

Не совсем поняла. О каких ссылках речь?

laberso Apr 18 2009 at 09:22

Да это я бубню на тему вчерашнего голосования о необходимости подчеркивать ссылки… habrahabr.ru/blogs/web_design/57491/

habratchanka Apr 18 2009 at 09:25

ну если внимательнее полазиете по приведенным сайтам, ссылки там подчеркнуты ;)

habratchanka Apr 18 2009 at 09:27

я имею ввиду не все подряд, а которые дейтсвительно интуитивно не понятны, что эта ссылки, если бы они не были подчеркнуты

laberso Apr 18 2009 at 09:30

Согласен, поправлюсь: «кое-где подчеркнуты, а в основном выделение цветом и пр.». Собственно, это как раз тот вариант, которого я придерживаюсь.

Smorpy Apr 18 2009 at 09:10

Опять спасибо, прямо вчера прочитав первую часть, бросился править сайт :)

Kinday Apr 18 2009 at 09:12

Ух ты-ы-ы! Стрелочки-плашки стали ещё качественнее! Теперь с клёвой полупрозрачностью!

Первая часть статьи уже давно на слуху (кроме разве что шрифтонастроений), а вот компоновка была интересна. Сами примеры ещё хорошие, вдохновляют.

kolpeex Apr 18 2009 at 12:12

А как же эта картинка?
www.getincss.ru/wp-content/uploads/2009/04/quality_6.jpg

alfedorov Apr 18 2009 at 09:57

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

habratchanka Apr 18 2009 at 10:19

Спасибо, исправила.

dapi Apr 18 2009 at 13:36

Спасибо за перевод!

Вообще многим вебдизайнерам надо посоветовать изучать типографику и особенно вчитываться в Рудера.

goodnews Apr 18 2009 at 14:18

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

UFO landed and left these words here

hooz Apr 18 2009 at 18:03

ну хоть кто то отреагировал на оригинал (+1)

NikitaOFF Apr 19 2009 at 00:20

И все таки, дизайн — это искусство!!!
Как мне кажется искусство не описать технически, это надо либо видеть, либо не заниматься этим!!!
Можно прочитать тысячу таких статей, а толку будет 0!!!

Tagire Apr 19 2009 at 00:34

Как нет крылатых животных без ног, так нет и настоящего искусства без техники.

ultragex Apr 19 2009 at 01:57

Спасибо, очень интересный материал… И примеры подобранны очень качественно… и переводите вы хорошо :)

Nolan Apr 19 2009 at 11:01

Спасибо, материалы о веб-типографике всегда интересны!

Nail13 Apr 19 2009 at 22:56

Добавлю свою копеечку в копилку огрехов перевода.

Речь идет о блоке «Дизайн коммерческого сайта: 37 signals», в оригинале автор указывает четыре классических составляющих рекламной коммуникации, соответствующих модели поведения потребителя: Attention — Interest — Desire — Action (AIDA). Последний пункт имеет смысл «действие», то есть сообщение должно заканчиваться позывом к действию («Позвоните прямо сейчас!», «Закажите бесплатный каталог!», «Сделайте заказ в течение ближайшего часа и получите бонус!»).
http://en.wikipedia.org/wiki/AIDA_(marketing)

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

И последняя характеристика — Действие; на сайте 37Signals размещены несколько различных точек призыва к действию. Приятно отметить, что поскольку страница достаточно велика по высоте, они разместили несколько точек действия в подвале страницы.

И еще один момент — в следующем блоке «Дизайн ради содержимого (блог): Well Medicated» лично мне очень режет глаз термин Содержимое вместо Содержание (Content).