nobelfaik


Блог Игоря Штанга

Доктор, мой макет не дышит!


Previous Entry Поделиться Next Entry
Результаты вторых «Перевёрсточек»
nobelfaik



В конкурсе участвовало 88 человек и 264 макета. Призовые места заняли:

1. Георгий Погребняк
Приз 5000 руб. + годовая подписка на «Дизайнерский дайджест» + стикерпак с грифоном Арсением

2. Егор Стремоусов
3000 руб. + подписка + стикерпак

3. Алексей Демьяновских
1000 руб. + подписка + стикерпак

Были близки к победе:
Олег Синев
antonlyutikov
pravki
Екатерина Ахремочкина
Дмитрий Кучев
Ксения Африкантова
Александр Зайцев
yuhnyuk_d
Александр Быков
Виктор Колупаев
Alice Spoon
Михаил Трусов
Полина Малкова
Дарья Таранова
Альберт Леманн

Поздравляю победителей и благодарю всех участников!

Полный список с оценками в гугл-таблице. Я оценивал работы единолично, руководствуясь собственным чувством прекрасного. Критерии были такие: 1) соответствие заданию, 2) компоновка, 3) типографика, 4) оригинальность. Максимальный балл — 5.

Теперь разберемся с макетами: что с ними не так и какие есть решения.

Список счетов в мобильном приложении Тинькофф-банка




Проблемы:

  1. Обилие плашек и линеек, эффект зебры.

  2. Элементы не сгруппированы, верстка выглядит размазанной.

  3. Кнопка «Открыть новый продукт» почти ничем не отличается от остальных объектов.

  4. Два ряда иконок: слева и справа от текста. Серые иконки малоинформативны.


Лучшие варианты участников конкурса (по клику картинки побольше):


Георгий Погребняк



Алексей Демьяновских



Олег Синев



Егор Стремоусов


Нестандартные решения:


yuhnyuk_d



Misha Grin



Максим Мещеряков



Александр Евдокимов


Таблица характеристик газового котла


02.png

Проблемы:

  1. Заголовкам шапки не хватает места, поэтому она получилась слишком высокой.

  2. «Параметр» и «Значение» не нужны: всё понятно и без них.

  3. Текст плохо выровнен.

  4. Данные не сгруппированы по смыслу.

  5. Линейки лишние.


Удачные переверстки:


Егор Стремоусов



Александр Зайцев



Екатерина Ахремочкина ↑



Георгий Погребняк ↑



Misha Grin



Полина Малкова ↑



Ксения Африкантова



yuhnyuk_d ↑



Аня Рекина ↑



Roman Gladenko


Интернет-банер «Заготовки на зиму»





Проблемы:

  1. Вялая композиция: элементы центрированы и размазаны по макету.

  2. Картинка спорит с кнопкой.

  3. Плохой шрифт и неаккуратный набор.


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


Ксения Африкантова



Виктор Колупаев



Alice Spoon



Александр Быков



dvoinyakov



Геогрий Погребняк



Никита Борознов



Наталья Корнышева



Олег Поддубный



antonlyutikov



bej4uk



jnntt


Всем спасибо! Через год повторим.

Партнер конкурса

Рассылка «Дизайнерский дайджест» — еженедельная сводка всего самого лучшего для дизайнеров: знания, инструменты, вдохновение.

Записи из этого журнала по тегу «конкурс»


  • 1
Какой вариант для диапазона значений более правильный с вашей точки зрения? 7...60 кВт или 7-60 кВт?
Можно ли тут вообще говорить о правильном/неправильном?

Сейчас в ходу оба варианта, только вместо дефиса нужно тире, короткое или длинное: 7–60 кВт или 7—60 кВт

Игорь, а этимологически эти варианты равны? Для меня непонятен случай, когда диапазона как такого нет:
количество пользователей - 1-2 (только целые числа)
или допустимо:
количество пользовптелей - 1...2
Допустимо ли совмещение вариантов?

Процитирую Розенталя, «Справочник по орфографии и пунктуации»:

Тире ставится между двумя или несколькими словами для обозначения пределов («от… до»):
количественных, например: Рукопись объемом десять — двенадцать авторских листов (то же цифрами: 10—12); Груз массой 300—350 тонн; 5—7-кратное превосходство.

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

Первый будет лучше если в диапазоне отрицательные числа. Если таких чисел нет, то дело вкуса.

Игорь, здравствуйте!
Вы говорили, что готовите книгу о верстке таблиц - очень хочется ее прочесть, потому что на практике нередко всплывает много нюансов и подводных камней, разных мелочей, которые не знаешь, как решить. Но мне хочется попросить Вас, чтобы Вы написали статью или заметку о том, как правильно верстать календарные сетки. Это ведь тоже частный случай таблицы. И также много вопросов... Как выравнивать цифры в столбце, название месяца относительно сетки (особенно по левому краю в вертикальной сетке), каким должно быть соотношение горизонтальных и вертикальных пробелов (между днями и неделями), как расставлять месяцы с разным количеством недель, чтобы расстояния между ними были равномерными, как выравнивать месяцы с 5 и 6 неделями относительно друг друга по вертикали, где необходима оптическая компенсация?
Может, затронете эту тему?

Edited at 2018-03-30 06:17 (UTC)

По тинькову хорошо получилось у Максима Мещерякова и Олега Синева. Возможно еще у Александра Демьяновских, но отступ заголовков блоков смущает.
У остальных либо цвета грязные, либо тени грязные, либо с версткой или типографикой траблы. Странный выбор футуры в одном из вариантов - будто в приложение райффайзена смотришь) В последнем варианте карточки продуктов такие же как карточки действий в соседнем разделе - нельзя так, их надо визуально различать. Ну и тени, да.

Edited at 2018-03-30 08:54 (UTC)

Ребята молодцы. Особенно мне понравился улучшайзинг Тинькоффа, до которого у меня не дошли руки (поэтому не стал участвовать).

Тем не менее, я тут выложу свою таблицу-страшилку :)


По поводу банера, я не понял, что означает «сохранив тот же набор элементов». Из элементов на баннере:
1. подпись [«простые рецепты» + название сайта],
2. иллюстрация,
3. заголовок,
4. кнопка.

У кого-то исчезла кнопка, у кого-то название сайта и т.д. Можно ли было заменить кнопку текстом, я не понял, поэтому у меня сохранилось противоречие «иллюстрация-кнопка». И это противоречие я усугубил, пытаясь втиснуть логотип сайта. Ещё для меня стало открытием, что фотографию банок с заготовками можно нагуглить в хорошем качестве :) В итоге значительных улучшений в банере я не сделал, всё осталось размазанным:



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

Edited at 2018-03-30 12:35 (UTC)

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

Кто бы мог подумать, что такой конкурс это хороший способ определить уровень своих навыков и знаний объективно, который как оказалось так себе уровень, спасибо, что потратили время на разбор работ и их оценку!
Сделала вывод - работать, работать и работать!

  • 1
?

Log in

No account? Create an account