?

Log in

No account? Create an account

nobelfaik


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

light gray is the new white, dark gray is the new black


Previous Entry Поделиться Пометить Next Entry
Конкурс «Перевёрсточки» — 2
nobelfaik
В эфире «Перевёрсточки», конкурс с призами для дизайнеров и верстальщиков.

Конкурс «Перевёрсточки»

Задание

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

1. Список счетов в мобильном приложении Тинькофф-банка
Улучшите верстку списка счетов и карт. Постарайтесь не трогать функциональность и сохранить все смысловые элементы. Не переделывайте шапку с заголовком и подвал с меню, только центральную область на сером фоне. По клику картинка побольше:




2. Таблица характеристик газового котла
Переверстайте таблицу наилучшим образом. Сохраните смысл, всё остальное можно поменять:

02.png


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

Можно: поменять шрифт, слегка подредактировать текст.
Нельзя: поменять иллюстрацию и формат банера.




На выходе — три картинки. Если умеете прикреплять изображения к комментариям в ЖЖ, то прикрепите. Если нет, загрузите их на файлообменник, а к комментарию прикрепите ссылку — одну ссылку на все три изображения.

Сроки

Прием работ заканчивается 27 марта в 23:59 по Москве. Макеты, загруженные после этого времени, в конкурсе не участвуют. До 7 апреля я опубликую результаты. Комментарии будут скрыты до 28 марта.

Призы

Теперь «Перевёрсточки» не только интересные, но и азартные. Победители получат завидные призы:

Первое место — 5000 руб. + годовая подписка на «Дизайнерский дайджест» + стикерпак с грифоном Арсением
Второе место — 3000 руб. + подписка + стикерпак
Третье место — 1000 руб. + подписка + стикерпак

Оценка

Разбора макетов не будет. В прошлом конкурсе участвовало 54 человека, и я потратил на разбор два выходных дня. В этот раз вместо разбора — оценки по четырем критериям: 1) соответствие заданию, 2) компоновка, 3) типографика, 4) оригинальность. Участники, которые наберут больше баллов, и станут победителями. Оценивать результаты будет Игорь Штанг, руководствуясь собственным чувством прекрасного.

Прочие условия


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

  2. Если вы загрузили макеты на файлообменник, убедитесь, что ссылка работает и доступна для просмотра всем.

  3. Для участия в конкурсе необходимо переверстать все три макета. Одного или двух недостаточно.

  4. Денежные призы победителям переводятся на карту, выпущенную российским банком.

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

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


Результаты конкурса


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



Здравствуйте! Ваша запись попала в топ-25 популярных записей LiveJournal уральского региона. Подробнее о рейтинге читайте в Справке.

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







Edited at 2018-03-15 17:19 (UTC)

Игорь, привет!
https://www.dropbox.com/sh/2ajxehamtho10j0/AABKShKGOZrNcZmKNoNAEGtpa?dl=0

1. Приложение. Убрал шум, линейки и чередование фонов, провел группировку и упорядочил список. Акцент поставил на кнопку открытия нового продукта исходя из бизнес-целей банка.

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

3. Банер. Нашел шрифт и логотип на сайте, перекомпоновал содержание.

Потратил пару часов.

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

1. Список счетов в мобильном приложении Тинькофф-банка
http://stegny.ru/n/bank.png

2. Таблица характеристик газового котла
http://stegny.ru/n/gaz.png

3. Интернет-банер «Заготовки на зиму»
http://stegny.ru/n/banner.png

«Перевёрсточки» — 2

Алексей Сушицкий
alex_tim_92@inbox.ru

Одна ссылка на 3 файла:
0)http://file.sampo.ru/n48fd5/

По отдельности:
1)https://ibb.co/iwRRkH
2)https://ibb.co/kuiTzc
3)https://ibb.co/fB7Vec
(нажмите скачать, изображение есть, отображается не со всех устройств)

Edited at 2018-03-15 12:02 (UTC)

Здравствуйте.
Меня зовут Тамара Стрельцова, и вот мои перевёрстки:

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



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



3. Тут не стала менять структуру, только добавила цветную плашку, сменила шрифты и цвет кнопки.
И отредактировала текст, чтобы баннер нес один смысл о конкурсе.


Валентина Антуганова
https://drive.google.com/open?id=1lb112lULpt7OxMlAKesD-rRb8R1Xe3YT

1. Список счетов
https://yadi.sk/i/ZBkZZr3P3TSA63

2. Таблица характеристик
https://yadi.sk/i/rdwRYaem3TSABx

3. Интернет-банер
https://yadi.sk/i/7cXIczRx3TSADN

Переверстка 2

https://yadi.sk/d/BlVnXZxr3TSBMY