Пока рисовал схему метро, замылился глаз

Алексей Мельников
18 сентября 2008

Артем! Товарищи!

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

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

1600×2264

А. Г.

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

Ну и, конечно, слово предоставляется Илье Бирману.

Твитнуть

Отправить

Алексей, это прекрасная схема!

Я в полном восторге от того, как вы решили проблему разных названий одной станции на разных линиях: проигнорировали её.

Мои замечания:
— названия станций всегда должны быть с большой буквы, даже если первое слово — «проспект» или «площадь» (хотя кайф в вашем варианте тоже свой есть, надо признать);
— Александра Невского не стоит сокращать, тем более до странного «Ал.»;
— знак железной дороги непонятен, и легенда не очень спасает (остаётся вопрос: а что, если ж.-д. станция рядом с метро имеет другое название?); лучше всё-таки паровозик рисовать, да;
— цвет Правобережной линии кажется мне слишком ярким и насыщенным по сравнению с остальными — цвета лучше подружить;
— слово «линия» без нужды повторяется четырежды в легенде.

Я предлагаю убрать линии из легенды и подписать их на конечных станциях. У вас для этого предостаточно места.

Что бы сделал я в рамках полировки:
— убрал бы из легенды слово «обыкновенная» перед станцией и пункт «железнодорожные вокзалы» вовсе;
— строук у станций пересадок сделал бы совсем немного толще, а то они кажутся выколотыми какими-то;
— вокзалы на схеме тоже обозначил бы паровозиками и подписал крупнее и менее бледно;
— убрал бы цвет у инвалидной коляски (зато паровозики рисовал бы красными);
— убрал бы двигатели у самолёта (лишняя деталь) и всю громоздкую конструкцию с самолётами заменил бы на один самолёт и одно слово «Пулково» рядом;
— попробовал бы шрифт более естественных пропорций.

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

Комментарий про Гарри Бека можно не писать: те, кто знает, кто такой Гарри Бек, и так всё увидят, а остальным до лампочки (кстати, на мой вкус, „г.“ после 2008 можно тоже убрать) :-)

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

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

Большое спасибо.

Алексей Шургин
18 сентября 2008

Артем, а чем левый флаг предпочтительнее (кроме перемещения инвалидов)?

Спасибо.

Андрей Гончаров
18 сентября 2008

Нева выглядит несколько устрашающе.

Ким Александр
18 сентября 2008

А мне сразу стало непонятным, к какой ветке относятся Пл. Восстания и Маяковская.

Либо цветом кодировать, либо расположить понятно.

С инвалидами, которые где-то по стрелке поднимаются, а где-то нет — забавно. Но Артем правильно про ж/д сказал.

Саша Сергеев
18 сентября 2008

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

Сергей Мамылин
18 сентября 2008

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

Вот только в интернете свободно можно найти уже готовые классические схемы, в которых все эти моменты уже учтены. Информационно избыточные несколько, но не в этом суть: схема — пишете вы — будет стилизована под некие направления или субкультуры; а, следовательно, вопрос — зачем вообще нужно перерисовывать схему, если те же вокзалы вы потом замените на крышки от Пепси-колы, к примеру?

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

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

Женя Софронов
18 сентября 2008

С цветами линий вы, Алексей, конечно, зря так :-)

Я считаю, что на несложной петербургской схеме метро полезно привязать станции к их географическому расположению, чтобы можно было примерно оценивать расстояния. Это также поможет привязать вокзалы и порты к станциям метро (по этой схеме я хочу ехать в аэропорт с «Проспекта Ветеранов», а не с «Московской»).

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

Еще я бы добавил автовокзал и обозначил особенность пересадки на «Технологическом институте».

Никита Иванов
18 сентября 2008

Меня слегка смущает, что линии метро проведены без привязки к географии, зато петербургскую гидрографию можно изучать в деталях. Это нужно? Я, скорее всего, Неву и Финский залив рисовал бы так же условно.

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

Еще про то, что схема «отражает текущее положение вещей в С.-Петербурге по состоянию на осень 2008 г.» — как-то не очень гладко сформулировано. Может, будет достаточно „© Алексей Мельников, 2008“? Бэка, если честно, я не знаю зачем там упоминать.

Федот Березной
18 сентября 2008

Мне видится один серьезный недостаток схемы. Залив, острова и река Нева претендуют быть картой. А линии метро быть схемой. И очень «схематичной». Хотя Василеостровская и Приморская все-таки на Васильевском. Схема пытается быть «привязанной» к карте. Но не везде получается. Гостиный двор на берегу Невы и Чернышевская.

Если нужна «строгая», ровненькая схема — убирайте карту (реку, острова…). Если карта нужна — добавляйте изгибы в схему. Поточнее привязки, хотя бы основные в центре, у реки. Река — серьезный ориентир.

Для примера московские схемы разных лет. В 1958 году даже к улицам привязывались. Потом довольно долго было линейно (только схема). Пока на последней реку не нарисовали.

Александр Зайцев
18 сентября 2008

Сжатый Myriad, как по мне, не слишком удобочитаем.

Союз «и» нужно перенести на следующую строчку. Зачем сокращение С.-Петербург?

Максим Сябро
18 сентября 2008

А имеет ли смысл вообще рисовать значок о наличии пандуса для инвалидов?

Не сочтите меня безнравственным, но, по моему мнению, местные инвалиды и так знают, что в метро им светит только доехать с Парнаса до Купчина или обратно.

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

Саша Сергеев
18 сентября 2008

Возможно, схемы метро в некоторых городах уже стали классикой и на них уже ориентируются создатели новых карт. Часто приводят в пример схему Лондонской подземки.

Вот менее известный пример из Бостона: http://www.mbta.com/schedules_and_maps/subway

Работа по переносу в онлайн провалена, но просто смотрите, пожалуйста, на то, как карта выглядит. Тут есть многое: привязка к ж/д-полотну, морским паромам и географическим особенностям, и тому подобное. Но уже чувствуется перебор.

Я видел один раз путешественника в возрасте, который мало что мог выжать для себя из этой схемы. Зреет вывод, что надо думать о том, зачем конкретная карта делается:
Для туристов? (пометить гостиницы и достопримечательности?)
Для студентов? (университеты?)
Для местных? (может и не надо нового?)

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

Илья Зверев
18 сентября 2008

Схема красива, но почти совсем непригодна для навигации в метро.

Зачем менять цвета? Почти все в городе именуют линии как «синюю», «желтую», «зеленую», «красную». Ради удобства дизайнера менять общепринятую нотацию — это смешно.

Про переходы интересное решение, но, допустим, спустился я на «Маяковскую» и как, глядя на эту карту, мне определить, нужно ли переходить, чтобы доехать до «Лесной»?

Причалов речного порта в городе два: в попе близ КАД-а на правом берегу и напротив речного вокзала рядом со станцией «Пролетарская». Так что якорь лучше переместить.

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

Слова «Обыкновенная», «Пассажирский», «Одноименная» излишни. Названия станцию лучше использовать официальные. Сокращение «Ал.» используется в неформальном общении, но топонимические правила такое не разрешают.

Федот Березной
18 сентября 2008

И если уж по мотивам Г. Бека, то речка у него как раз внимания заслуживает особенного, как и «привязка» к ней.

Антон Еремеев
18 сентября 2008

Линии в легенде стоит расположить по порядку: 1, 2, 3, 4.

Алексей Дзюба
18 сентября 2008

Вы перепутали названия линий в подписи. Поменяйте там местами Невско-Василиостровскую и Правобережную линии. Более того, как вы понимаете, названия линий устарели из-за ввода новых станций в эксплуатацию. Так что сейчас на схемах их нумеруют: 1 — Кировско-Выборгская (красная), 2 — Московско-Петроградская (синяя), 3 — Невско-Василеостровская (зеленая), 4 — Правобережная (желтая).

К обоим аэропортам удобнее всего ехать от станции метро Московская.

Да еще, на станции Комендантский проспект, кажется, есть пандус.

Олег Селиванов
18 сентября 2008

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

Юрий Солоницын
18 сентября 2008

С гидрологией на официальной схеме примерно так же — целых два заметных острова исчезли и там, и там (Каменный и Елагин). На Елагином, кстати, находится парк, в который все ездят через Старую деревню или Крестовский остров.

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

Еще интересный вопрос — почему все так фанатично пересекают зеленую и желтую ветку на Стрелке Васильевского острова, искажая ради этого очертания островов и Невы? Судя по карте с привязкой к местности (http://www.metro.spb.ru/data/img/shema_2020_max.jpg), они пересекаются совсем не там.

Про заголовок и логотип — на официальной схеме пишут «Петербургский метрополитен».

Дима Тихвинский
20 сентября 2008

Схема ничего, но не понравилось масшатабирование. Зеленая ветка заканчивается значительно ниже, чем оранжевая, примерно раза в два дальше от центра, и намного ближе к Неве. Мне почему-то кажется, что карта не сильно пострадает от чуть большей географической достоверности. Например, 80% жителей не знают, что «Новочеркасская» и «Ладожская» находятся на одной широте с «Площадью Александра Невского», точнее даже чуть севернее, и это как раз из-за того, что все привыкли верить схеме.

С другой стороны, однозначный плюс за вынос «Приморской» севернее, к ее реальному положению.

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

Юрий Солоницын
21 сентября 2008

Интересная статья про историю схемы метро Нью-Йорка. В том числе упоминается, почему с нее вначале убрали реку, а потом вернули.

Статья разбита на несколько страниц, вот первая: http://www.mensvogue.com/design/slideshows/2008/03/subway

Алексей Мельников
23 сентября 2008

Большое спасибо всем за замечания. Отдельное спасибо Илье Бирману за советы.

Женя Софронов
23 сентября 2008

Мне очень нравится карта петербургского метро на urbanrails.net: http://www.urbanrail.net/eu/pet/petersbg.htm

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

Обратите внимание на «Технологический институт» :-)

Юрий Солоницын
25 сентября 2008

Схема с UrbanRail намного лучше схем других петербургского метро по соотношению реалистичность/читаемость. (Хотя лично на мой вкус схемы с точной привязкой к географии очень приятны для разглядывания, особенно если город родной и проблемы быстро найти маршрут не стоит :) )

При этом разработчику удалось качественно применить этот стиль ко многим другим городам и даже к Лондону — http://www.urbanrail.net/eu/lon/london.htm. При этом читаемость сохранилась.

Иван Пухкал
16 ноября 2008

Еще один вариант схемы в том же ключе и с пятой линией:

Сергей Асанов
10 декабря 2008

Спасибо за интересное обсуждение.

Собрав все мысли воедино, сделал такую схему (с учетом новых станций, открывающихся в Петербурге через неделю).

Олег Истомин
19 декабря 2008

Вот моя схема.

Здесь я увеличил плавность линий, чтобы они лучше читались, сделал нормальную привязку к карте, попытался яснее показать, к какой ветке какая пересадочная станция относится, и нарисовал нормальный паровозик, точнее, стянул с дорожного знака :-)

1059×1500 px: http://silent.land.ru/spb_metro.jpg

Миша Крайнов
15 января 2009

Олег, на своей схеме поправьте Rybatskoye (прорущена буква t). И вряд ли стоит писать vokzal вместо railway station.

Олег Истомин
29 января 2009

Vokzal написано транслитом специально. В вагоне по громкой связи объявляют «Московский вокзал», а не «Московский», поэтому такие словосочетания у меня едины. Тем более, railway station написано в легенде.

Илья Синельников
20 февраля 2009

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

	Ваш комментарий	Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

Имя и фамилия	обязательны полностью для публикации комментария
Электронная почта	адрес не будет опубликован
Ваши соображения
Иллюстрация	гиф или джипег шириной не более 700 пикселей

Похожие советы Представление информации₁₅₇ Метро₂₁ Общественный транспорт₂₉ Навигация в общественных местах₁₆₆ Формат: диаграмма₇₉ Носитель: сайт₅₃₄ Носитель: среда₉₄ Носитель: бумага₁₄₈

6 • 8 • Что еще может служить для упрощения навигации в метро? 16 • 12 •

3 • 2 • Зачем читать книги из совета о «науке» юзабилити, когда приглашать дизайнера в проект и как определить хороший референс для тренировки насмотренности Талант в успехе дизайнера, что почитать о дизайне продуктов, трудоустройство выпускников школ бюро Вакансия визуализатора 2 • 2 • 3 • 1 • 2 • 4 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • Почему на шкале большинства термометров цифры написаны по обе стороны делений? 1 • 6 • 4 • 2 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 1 • 7 • 4 • 2 • 6 • 5 • 14 • 3 • 5 • 8 • 3 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 6 • 6 • 5 • 1 • 1 • 2 • 2 • 6 • 2 • 13 • 6 • 19 • 4 • 7 • 4 • 3 • 46 • 10 • 4 • 16 • 7 • 2 • 6 • 5 • 3 • 15 • 2 • 6 • 2 • 11 • 10 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 14 • 5 • 6 • 8 • 8 • 4 • 3 • 8 • 2 • 5 • 5 • 7 • 4 • 8 • 6 • 2 • 2 • 7 • 7 • 5 • 5 • 1 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 5 • 15 • 9 • 5 • Что вы думаете о нотации Гарретта? 10 • 8 • 10 • 12 • 3 • 3 • 4 • 7 • 7 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 7 • 11 • 8 • 11 • 16 • 2 • 2 • 4 • 4 • 6 • 1 • Что вы думаете насчет Google Chart API? 6 • 4 • 12 • 6 • 3 • 3 • 14 • 15 • 6 • 8 • 15 • 11 • 9 • 4 • 11 • 4 • 4 • 7 • Что еще может служить для упрощения навигации в метро? 16 • 2 • 15 • 4 • 5 • 11 • 1 • 7 • 9 • 17 • 4 • 5 • 3 • 6 • 11 • 2 • 13 •

3 • 3 • Разбор итогов конкурса «Как улучшить навигацию» 2 • 8 • 20 • 3 • 2 • 7 • Как писать названия станций метро? 3 • 8 • 1 • 9 • 6 • 8 • 10 • Что еще может служить для упрощения навигации в метро? 16 •

12 • 4 • 20 • 2 • 3 • 2 • 7 • 6 • 8 • 1 • 9 • 3 • 6 • В чём вы рисуете транспортные схемы? 2 • 13 • 7 • 12 • 2 • 6 • 6 • 13 • 11 • 16 • 8 • 10 • Что еще может служить для упрощения навигации в метро? 16 •

1 • 1 • 2 • 1 • Личные стандарты размеров на схемах 1 • Светлая и тёмная темы на схемах метро 1 • 1 • 5 • 6 • 2 • 2 • 1 • 1 • 4 • Несколько равноправных видов транспорта 2 • Навигация для лесов и парков 1 • 2 • 1 • 1 • 2 • Как транспортные схемы проверяют на айтрекере? Часть 4 Как транспортные схемы проверяют на айтрекере? Часть 3 Как транспортные схемы проверяют на айтрекере? Часть 2 Как транспортные схемы проверяют на айтрекере? 2 • Какой смысл в схеме движения отдельных видов транспорта? 5 • 1 • 1 • 2 • 1 • 3 • Что говорить на презентации дептрансу? 1 • 2 • 1 • В целом везде углы по 45°. Часть 4 3 • В целом везде углы по 45°. Часть 3 В целом везде углы по 45°. Часть 2 В целом везде углы по 45°. Часть 1 Что с сортировкой маршрутов в пучке? Решения для пучка маршрутов, которые в обратном направлении пропускают остановки Как выбрать формат для схемы метро? 1 • 1 • Расскажите про «замазки» 1 • В чём сложность создания схемы метро? Часть третья В чём сложность создания схемы метро? Часть вторая В чём сложность создания схемы метро? Часть первая 4 • 3 • 2 • Расскажите о графеме транспортной схемы 1 • 3 • 2 • Какие есть виды обозначения остановок в транспортных схемах? Часть пятая Какие есть виды обозначения остановок в транспортных схемах? Часть четвёртая 1 • Какие есть виды обозначения остановок в транспортных схемах? Часть третья Какие есть виды обозначения остановок в транспортных схемах? Часть вторая Какие есть виды обозначения остановок в транспортных схемах? Итоги конкурса уважаемых советчиков «Персональная навигация по зданиям» 5 • 18 • 3 • Какие отступления от географической реальности допустимы на транспортных схемах? Третья часть Какие отступления от географической реальности допустимы на транспортных схемах? Вторая часть Какие отступления от географической реальности допустимы на транспортных схемах? Первая часть 4 • 2 • 4 • 3 • 2 • 2 • Вопрос про дизайн турникетов 8 • Мои знания в этой области меньше, чем никакие, и хочется сделать что-то понятное людям 2 • Разбор итогов конкурса «Как улучшить навигацию»: торгово-развлекательный комплекс 5 • 4 • Разбор итогов конкурса «Как улучшить навигацию»: институт Какой должен быть идеальный маршрутный указатель для трамвая? 5 • Разбор итогов конкурса «Как улучшить навигацию»: библиотека 8 • Когда допустимо менять ориентацию карты с привычной север-юг? 3 • Разбор итогов конкурса «Как улучшить навигацию»: больницы 1 • Разбор итогов конкурса «Как улучшить навигацию» 2 • Итоги конкурса уважаемых советчиков «Как улучшить навигацию» 9 • Когда указатель лучше подвесить на потолке, а когда — прикрепить на стену? 1 • 8 • Подскажите бесплатный шрифт для навигации 10 • Как лучше указывать направления движения поездов? 3 • Вместо расстояний до какого-то места указывают время 3 • Как упорядочить список, чтобы стрелки считывались наиболее легко? Нумерация выходов из метро 4 • 1 • 4 • 2 • О принципах указания сложных направлений на знаках навигации 4 • 1 • 2 • Почему навигацию выделили в новую рубрику? 1 • 12 • 4 • Итоги конкурса уважаемых советчиков «Как улучшить интерфейс Третьяковской галереи» 5 • 14 • 20 • 1 • 1 • 3 • 2 • 7 • 6 • 8 • 1 • 9 • 3 • 6 • В чём вы рисуете транспортные схемы? 2 • 7 • 12 • 25 • 6 • 6 • 13 • 11 • 12 • 16 • 3 • 6 • 4 • 20 • 8 • 10 • Огромными буквами название (например «Аленький цветочек») и ниже в 3-5 раз меньшим шрифтом суть этого магазина — «продуктовый», «одежда» и так далее 14 • Что еще может служить для упрощения навигации в метро? 16 •

Дата‑классный пример: причины задержек в Нью-йоркском метро Диаграмма футбольных трансферов. Процесс 1 • 3 • 4 • 2 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • 2 • 3 • Какие отступления от географической реальности допустимы на транспортных схемах? Первая часть 4 • 4 • 12 • 3 • 4 • 4 • 2 • 1 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 4 • 3 • 3 • 4 • 1 • 1 • 6 • 2 • 5 • 4 • 6 • 2 • 3 • 2 • 2 • 13 • 4 • 3 • 4 • 6 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 6 • 4 • 2 • 5 • 5 • 2 • 7 • 7 • 5 • 5 • 1 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 15 • Что вы думаете о нотации Гарретта? 10 • 12 • 3 • 4 • 7 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 7 • 11 • 4 • 1 • Что вы думаете насчет Google Chart API? 6 • 3 • 6 • 8 • 11 • 4 • 7 • 4 • 5 • 1 • 7 • 5 • 3 • 6 • 11 •

3 • 1 • Фиолетовый цвет в новом дизайне советов не уместен 1 • 1 • Куда поставить ссылку: на поля или в текст? 2 • 3 • Стоит ли использовать выворотку в вебе и полиграфии? 1 • 1 • 1 • Как расположить 30 видеороликов? 2 • 2 • 1 • 1 • 3 • 1 • Сайты для слабовидящих 2 • 1 • Как оформить портфолио маркетологу? 1 • 2 • 4 • 2 • 2 • 3 • 5 • 2 • 1 • 4 • 1 • 3 • Как правильно в мобильных приложениях ставить ссылки? 1 • 1 • 3 • 1 • 2 • 4 • 2 • 4 • 1 • 3 • 1 • 2 • 3 • 3 • 2 • 3 • 3 • 1 • 2 • 5 • 1 • 1 • 3 • 2 • 1 • 1 • 5 • 2 • 2 • Сдала курсач в Школе редакторов 5 • 8 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • 4 • 3 • 5 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • Как сделать, чтобы человек не ушёл с сайта, докрутив страницу до конца? 1 • 3 • 4 • 4 • 2 • 2 • 2 • 3 • 9 • Интернет-магазин принудительно отправляет пользователя в корзину с формой оформления товара 7 • Расскажите об ушках, цитатах и фактоидах 1 • Как верстать текстовые блоки с иллюстрациями? 2 • 7 • Что нужно знать о подписях в вёрстке? 2 • Как работают элементы управления в вёрстке 3 • 8 • 9 • 12 • Зачем нужны страницы «О компании» и «Команда». 2 • Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? 9 • Как лучше всего решить эту задачу, если текст нужно разделить на анонс и основной текст? 2 • 1 • Я не понимаю, как должен быть устроен мир — в смысле сохранения предпочтений 2 • 4 • 1 • 4 • Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент 3 • За какими вещами нужно следить, чтобы при загрузке страница выглядела прилично? 1 • С чего начать изучение ЦСС? 1 • Как сделать, чтобы блок при прокрутке залипал у верхней границы окна браузера? 5 • 10 • Можно ли заверстать несколько разноширинных элементов через равные промежутки в резиновом контейнере? 1 • Как быстро придумать простой логотип для своего сайта? 1 • 3 • Чем отличается блог с комментариями от блога с отключенными комментариями? 3 • Удачное ли решение на сайте в поле пароля указывать, что нажат капслок, как на Маке? 6 • 8 • 6 • 3 • 9 • 11 • 3 • Как поступить правильно по отношению к читателю и поисковикам? 7 • Карусели и слайдеры 10 • 5 • 3 • 2 • 4 • Как вы храните данные для многоязычных сайтов? 3 • 4 • Что делать, если он совершил какие-то действия, а после этого заходит в свой профиль, где уже есть сохранённые данные? 5 • 5 • 2 • 3 • Как правильно сделать подчёркивание многострочного текста, чтобы линия была в три пикселя? 1 • 5 • 4 • Каким способом можно сделать загрузку кастомных шрифтов приятной? 6 • Артём, объясните, пожалуйста, в чём преимущество div перед table 5 • 5 • 5 • 8 • Как размыть объект? 2 • Как выровнять картинку внутри дива по центру, если её ширина больше ширины дива? 4 • Как правильно разделять разряды чисел? 4 • 6 • Артём, как вы подключаете стили для ИЕ? 3 • 7 • 2 • 7 • Стоит ли наращивать вложенность тегов для структурированности кода? 6 • Хочу сделать смену языка на сайте без перезагрузки страницы (и без аякса) 5 • Как на сайте бюро реализована разрядка у прописных букв? 5 • 14 • 4 • Хотим переделать свой и-магазин пиротехники 3 • Действительно ли необходимо цитаты внутри предложения заключать в тег q? 2 • Год назад запустил личный проект «Либретто опер» 2 • Расскажите, пожалуйста, о типах индикаторов загрузки 13 • 1 • Чем обосновано дублирование основного меню в «подвале»? 4 • Необходимо разработать интернет-магазин китайского чая 2 • Хочется, чтобы много красивых картинок на сайте быстро загружались 14 • 5 • В каких единицах стоит задавать размеры шрифта? 8 • 1 • Используете ли вы готовые ЦМС? 3 • 1 • 3 • Как правильно делать подчёркивание ссылок другим цветом? 6 • 1 • 5 • Как в ЦСС работать с родителями? 3 • 2 • Веб-студия рисует дизайн сайта и для выпадающего меню упорно делает пунктирную ссылку 4 • Как вы относитесь к «отложенным товарам» в интернет-магазинах? 3 • 1 • Как верстать ссылки вида http://site.ru/#news, чтобы при нажатии на них сайт не загружался заново? 2 • 16 • Как вы обходитесь без проверки на робота? 8 • 4 • 9 • 2 • 4 • Проблема в том, что ширина таблиц зависит от контента 5 • 2 • 5 • 3 • Как бы вы расставили ссылки в этих новостях с сайта glavbukh.ru? 1 • 1 • Клиент настаивает на длинных-длинных страницах текста в десятки экранов 4 • 2 • 1 • 3 • 5 • Какой делать фавыконку сайта: просто 16×16 или содержащую в себе разные размеры? 10 • 3 • 4 • 2 • 3 • 3 • 7 • 1 • Есть ли какие-то простые, самые базовые принципы по подбору цветовых схем для сайта? 3 • 6 • Без продвижения в поисковиках мы завтра же закроемся 2 • 3 • 1 • 7 • 2 • Дизайнер старательно вырисовывает в макете кнопку, похожую на его любимую в его ОС 4 • 3 • 1 • 4 • 5 • Есть форма, и есть поле ввода, куда пользователь вводит контактный телефон 3 • 2 • 4 • Сейчас хотя бы уж Джаваскрипт работает у всех? 7 • Как писать цены по-английски? 1 • 4 • 5 • 3 • 6 • 2 • 4 • Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 • 5 • 2 • Раз уж интерфейс — зло, нужна ли вообще интернет-магазину корзина? 7 • 5 • 4 • 5 • 10 • 6 • 4 • 1 • Собираем и наполняем сайт одному дилеру известной автомобильной марки по гайдлайнам представительства 1 • 1 • 5 • 3 • 2 • 5 • 6 • Хозяин конторы принимает все решения относительно любого дизайна и вообще 3 • 3 • У меня с коллегой возник спор относительно того, какой элемент интерфейса нужно использовать для разлогинивания пользователя в интернете 7 • 6 • Какой должна быть вёрстка сайта — резиновой или фиксированной? 4 • 5 • 7 • 5 • Поскольку мне никто ничего не написал, пообщаюсь сам с собой 5 • 3 • 1 • Подскажите, пожалуйста, как правильно называть header и footer на сайтах по-русски? 1 • 3 • Я вот заметил, что на некоторых сайтах стали использовать статические баннеры 4 • 6 • 4 • 5 • Как вы относитесь к ссылке «наверх»? 12 • 3 • 4 • 5 • Если пользователь при авторизации на сайте трижды неправильно ввёл пароль, то на его электронную почту автоматически высылается письмо с ссылкой на восстановление 5 • 5 • Скажите, как отучить дизайнера лезть в код? 4 • 10 • Имеет ли смысл ставить кнопку «купить» в списке продуктов в интернет-магазинах? 22 • 3 • Зачем формы авторизации часто делают во всплывающих лайтбоксах 2 • Клиент хочет на сайте цветок. Железно 4 • 6 • Когда пользователь нажимает «Скачать файл», у него не открывается новое окно или же вкладка. Значит, ссылку на скачивание тоже надо подчёркивать пунктиром? 3 • 1 • 3 • 5 • 4 • Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе 10 • 11 • 8 • 5 • Заметил, что в Советах вы часто используете капитель 3 • 7 • В каком лице формулировать ссылки и баблы на сайте? 5 • При запросе восстановления пароля сайты высылают подтверждение, при нажатии на ссылку генерируется новый пароль и высылается второе письмо 7 • Стоит ли обозначать ссылки, которые что либо меняют простым наведением курсора, волнистой линией? 5 • 3 • 4 • 4 • 17 • 14 • 6 • Что вы думаете по поводу наличия пункта «главная страница» в основном меню сайта? 9 • 4 • 1 • 5 • 2 • 6 • Почему у вас на сайтах везде используется английский перевод в урл, а в блоге — транслит? 6 • 5 • 5 • 8 • 2 • 5 • 1 • 4 • 4 • 7 • 10 • 7 • 6 • 1 • 10 • 2 • 6 • 3 • 5 • 5 • 6 • Почему бы не отвести часть правой стороны экрана под корзину? 13 • 5 • 8 • 3 • Как вы относитесь к новому формату форумов — вопросных систем? 3 • Артём, стоит ли учитывать различие регистров букв в адресах страниц? 11 • 2 • 2 • 7 • 8 • 4 • 13 • 12 • 6 • 5 • 2 • 19 • 4 • 2 • 7 • 4 • 3 • 7 • У меня есть сайт о Джумле 4 • 13 • 1 • 23 • Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора» 3 • 5 • 10 • 9 • 4 • 2 • 2 • 1 • 7 • 4 • 7 • 3 • 5 • 9 • 2 • Что скажете о работе «Информационных архитекторов»? 1 • 6 • 5 • 3 • 2 • Хотелось бы услышать советы по минималистическому дизайну и по дизайну интернет-магазинов 5 • Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны»? 8 • 12 • Подскажите, при создании сайта что раньше должно быть — дизайн или программирование? 9 • 3 • 13 • 6 • 2 • Как вы относитесь к иконке RSS? 8 • 1 • 4 • 3 • 2 • 3 • 5 • 8 • 1 • 9 • 8 • 8 • 6 • 4 • 11 • Для чего нужна висячая пунктуация в вебе? 6 • 4 • 7 • 3 • 11 • 6 • 1 • Шесть тезисов об идеальной электронной книге 12 • 1 • 22 • 6 • 2 • 23 • 9 • 12 • 15 • 3 • 4 • Довольно часто веб-страница должна содержать заведомо большое количество информации 2 • 1 • 9 • 6 • Как вы считаете, стоит ли причислять смайлы к знакам пунктуации? 6 • 1 • 5 • 12 • 2 • 1 • 7 • 8 • 10 • 5 • Что вы думаете о нотации Гарретта? 10 • Делаем открытый сервис «Сколько стоит хороший сайт?» 7 • 10 • 12 • 3 • 6 • 9 • 7 • 7 • 9 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 9 • 12 • 10 • 7 • 12 • 13 • 7 • 16 • 8 • Как можно указать, что все это — PDF, не ставя иконку у каждой ссылки или просто подпись? 7 • 8 • 11 • Какое, по вашему мнению, самое лучшее решение для страницы faq? 7 • 8 • 22 • 7 • 4 • 8 • 6 • 8 • 3 • 9 • 4 • 4 • 10 • Есть ли смысл оформлять подчеркиванием все ссылки вне основного текста? 16 • 20 • Сет Годин только что опубликовал ссылку на результаты исследования движения глаз во время просмотра информации 5 • 7 • 6 • 15 • 1 • 3 • Что вы думаете насчет Google Chart API? 6 • 4 • 6 • 3 • 3 • Стоит ли при проектировании интерфейса опираться на вариант, что в будущем размеры экранов будут продолжать расти? 4 • 10 • 3 • 11 • 14 • 10 • 11 • 6 • 8 • 7 • 15 • 11 • 11 • 4 • 8 • 11 • 1 • 2 • Что изображать на инфоскроллере, чтобы он был действительно информативным? 7 • 2 • 8 • 15 • 7 • 4 • 4 • 9 • 5 • 4 • 11 • 1 • 7 • 3 • 15 • 12 • 9 • 4 • 12 • 17 • Все почтовые программы делятся на два класса: а-ля веб и а-ля десктоп-приложение 6 • 4 • 12 • Оправдана ли замена слова в меню или тексте на его синоним, если это исключает возможные ошибки при чтении? 17 • 15 • Сначала я думал, что 12 пунктов — это, может быть, 12 пикселей, но не так все просто 8 • 11 • 3 • 2 • 23 • 11 •

4 • 5 • 3 • 2 • 5 • 1 • 3 • 1 • 2 • 7 • 4 • 13 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 7 • 1 • 5 • 4 • 12 • 2 • 3 • 2 • 5 • Что можете посоветовать почитать по графическому дизайну? 3 • Как должно выглядеть портфолио начинающего ретушёра? 1 • 4 • 1 • 3 • Существует ли у вас некоторый примерный формальный алгоритм достижения цели: получения качественной графики? 2 • 3 • Как писать цены по-английски? 1 • 5 • 11 • 3 • 5 • 4 • 7 • 5 • 1 • 5 • 4 • 5 • 2 • У меня вопросы по матчасти 5 • 5 • Поскольку мне никто ничего не написал, пообщаюсь сам с собой 5 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 6 • 7 • 5 • Как правильно писать на двери магазина: «на себя» или «к себе»? 14 • 25 • 6 • 19 • Вы согласны с тем, что интуитивный интерфейс есть только у соски, все остальные нужно изучать? 12 • 13 • 11 • 46 • 9 • 16 • 9 • 10 • 9 • 6 • 3 • 8 • 14 • 6 • 4 • 20 • 8 • 26 • 24 • 2 • 18 • 9 • 15 • 13 • 10 • 10 • Огромными буквами название (например «Аленький цветочек») и ниже в 3-5 раз меньшим шрифтом суть этого магазина — «продуктовый», «одежда» и так далее 14 • 11 • Что еще может служить для упрощения навигации в метро? 16 • 14 • 7 • Оправдана ли замена слова в меню или тексте на его синоним, если это исключает возможные ошибки при чтении? 17 • 7 • 8 • 9 •

2 • 3 • 6 • 4 • Как сделать крутой плакат, в котором сообщается о скидке на товар в новом дизайне? 1 • Стоит ли использовать выворотку в вебе и полиграфии? 1 • 4 • 2 • 9 • 5 • 3 • 9 • 5 • 3 • 1 • 1 • 4 • 3 • 9 • 2 • У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева 2 • 1 • На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 4 • 3 • 2 • 5 • 5 • 3 • 2 • 2 • 1 • 2 • 7 • 2 • 4 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 4 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 1 • 6 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • 7 • 2 • 4 • Что может сделать редактор со своим текстом с точки зрения вёрстки? 8 • 2 • 6 • 4 • 12 • 2 • Как, по-вашему, должны выглядеть современные руководства по фирстилю и брендбуки? 2 • 4 • 16 • Максим, посоветуйте книги 4 • 2 • 2 • 6 • 3 • 1 • 1 • 7 • 1 • 1 • Как писать цены по-английски? 1 • Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 • 1 • 8 • 6 • 11 • 5 • 3 • У меня вопросы по матчасти 5 • 5 • Поскольку мне никто ничего не написал, пообщаюсь сам с собой 5 • «В. И. Ленин» или «Ленин В. И.»? 4 • 1 • 14 • 2 • 3 • 3 • 13 • 3 • 12 • 4 • 1 • Я перевожу книгу Эдварда Тафти «Envisioning Information» 12 • 1 • 2 • 6 • 3 • 4 • 4 • 12 • 2 • 4 • 10 • 5 • 4 • 4 • 2 • 7 • Хотел бы узнать ваше мнение по поводу размещения двух логотипов на визитке 3 • Как вы считаете, стоит ли причислять смайлы к знакам пунктуации? 6 • 15 • Что вы думаете о нотации Гарретта? 10 • 10 • 13 • 3 • 3 • Банальное перечисление языков через запятую не подходит, работодателя интересует уровень владения каждым из языков. 12 • 10 • Огромными буквами название (например «Аленький цветочек») и ниже в 3-5 раз меньшим шрифтом суть этого магазина — «продуктовый», «одежда» и так далее 14 • 7 • 16 • 16 • 2 • 4 • 12 • 13 • 15 • 21 • 8 • 4 • 4 • 4 • 6 • 5 • 13 •

Недавно всплыло

3 • Как сделать, чтобы публикация выделялась в ленте: композиция, исправление дефектов, цвет 1 • О тексте как базовом элементе 6 • 1 •

Комментарии

Ваш комментарий

Недавно всплыло