Разработка нового дизайна интерфейса для приложения домофона
Главное окно интерфейса приложено картинкой

1. Разработка нового дизайна. Не должен быть похож на старый
2. Современный стиль
3. Структуру соблюдать не нужно, кнопки и надписи можно переносить

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

Опубликован 24.06.2016 в 18:13 Последнее изменение: 01.07.2016 в 18:02

Посмотреть другие конкурсы

Конкурсные работы

Свернуть все ветки комментариев (18)

Станислав Соя

24.06.2016 | 18:30 обновлено: 11.07 2016 | 11:42
- Добавлено 30.06.2016 в 14:30
- Добавлено 30.06.2016 в 14:19
- Добавлено 11.07.2016 в 11:42
- Ссылка
- Свернуть ветку (1)
- Артем Попель
  
  30.06.2016 | 21:19
  Очень красиво, признаюсь это даже ударило по моей самооценке)) Думаю теперь стоит ли вообще выкладывать своё)
  
  Очень красиво, признаюсь это даже ударило по моей самооценке)) Думаю теперь стоит ли вообще выкладывать своё)
  
  Ссылка
Любовь Урсегова

24.06.2016 | 20:47 обновлено: 13.07 2016 | 19:49

Предлагаю вариант, когда основные разделы расположены в один ряд, внизу, что позволяет выиграть место под изображение звонящего. При желании, в такой компоновке можно добавлять разделы, сделав горизонтальную прокрутку. Заставочную картинку можно поставить любую.
- Добавлено 13.07.2016 в 19:43
- Добавлено 13.07.2016 в 19:43
- Добавлено 13.07.2016 в 19:43
- Ссылка
Александр Балешенко

24.06.2016 | 21:28

+
- Ссылка
Константин Золотовъ

24.06.2016 | 21:29

+
- Ссылка
Дмитрий Зверев

24.06.2016 | 22:06 обновлено: 13.07 2016 | 23:34

Здравствуйте!
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:34
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Добавлено 13.07.2016 в 23:32
- Ссылка
- Свернуть ветку (1)
- Igor Balter
  
  28.06.2016 | 12:01
  Добавил фаил
  
  Добавил фаил
  
  Ссылка
Roman K

24.06.2016 | 22:38

+++
- Ссылка
- Свернуть ветку (3)
- Roman K
  
  25.06.2016 | 18:29
  Можно еще пару скриншотов других экранов? Чисто для ознакомления.
  И сколько всего экранов?
  
  Можно еще пару скриншотов других экранов? Чисто для ознакомления.
  И сколько всего экранов?
  
  Ссылка
  - Арман М
    
    26.06.2016 | 07:06
    
    Ответ от заблокированного пользователя
    
    Ответ от заблокированного пользователя
    
    Ссылка
  - Igor Balter
    
    28.06.2016 | 19:53
    
    Добавил rar фаил
    
    Добавил rar фаил
    
    Ссылка
Виталий Трунов

25.06.2016 | 05:48

+
- Ссылка
Екатерина Олейникова

25.06.2016 | 14:50

+
- Ссылка
Ярослав Юрьевич

25.06.2016 | 18:24

+
- Ссылка
Станислав Леонович

25.06.2016 | 19:10

+++
- Ссылка
Валерия Занина

25.06.2016 | 21:36

+
- Ссылка
Даниил Маринич

26.06.2016 | 20:24

+
- Ссылка
Андрей Чурилин

27.06.2016 | 09:16

+
- Ссылка
Фрилансер [Allina_]

27.06.2016 | 12:11 обновлено: 13.07 2016 | 14:33
- Добавлено 13.07.2016 в 14:33
- Ссылка
Евгений Х

27.06.2016 | 15:41 обновлено: 27.06 2016 | 15:42

ТЗ бы подробное, непонятно с каким разрешением работать, непонятно назначение некоторых функций.
- Ссылка
- Свернуть ветку (1)
- Igor Balter
  
  28.06.2016 | 12:03
  800x480
  Добавил фаил c описанием
  
  800x480
  Добавил фаил c описанием
  
  Ссылка
Артем Попель

27.06.2016 | 22:56 обновлено: 13.07 2016 | 19:28

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

1) На 1 картинке варианты с различными цветами/оттенками иконок, различными фоновыми рисунками и элементами оформления, для удобства они пронумерованы.

2) На 2 картинке еще один вариант стилистики оформления.

3) На 3 картинке то, как в будущем могут выглядеть некоторые пункты меню.

4) На 4 картинке основной и самый проработанный вариант показан на устройстве черного и белого цвета. Тут я постарался сделать красиво, просто, и в то же время благодаря цветам иконок интуитивно понятно для пользователя. Например, вы можете заметить, что иконка настроек серая, так же, как и иконка настройки режима, потому что за той и за другой скрываются какие-то настройки. Так же, иконка звонка и сообщений имеют один цвет, так как за ними обеими скрываются возможности коммуникации пользователей. Голубые иконки камеры и смартфона тоже имеют общую черту, они предназначены для получения изображения с камер наблюдения. Возможно это покажется глупым, но таким образом у пользователя на подсознательном уровне складывается ассоциативный ряд, благодаря которому ему становится легче взаимодействовать с системой в целом. Путём перебора всех возможных вариантов, я пришел к выводу, что оптимальным местом для расположения статус бара для подобного устройства является положение внизу экрана, потому что таким образом большая часть экрана остается свободной и есть возможность очень удобно вынести туда элементы управления на других экранах в будущем. Конечно если вы пожелаете, то абсолютно всё можно изменить, я просто постарался объяснить почему сделал именно так, и я могу очень долго расписывать всевозможные мелочи))) Внимание к деталям наше всё))

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

___________
Дополнение:

(02.07.16)

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

+6 и 7 изображения – те же иконки на разном фоне, фон по вкусу любой если что подберем
+8 – примерный набросок стиля с полупрозрачностью

(03.07.16)

+9 изображение – примеры круглых иконок с полупрозрозрачностью

Моя почта на всякий случай: artempopel@gmail.com
- Добавлено 02.07.2016 в 00:26
- Добавлено 02.07.2016 в 00:26
- Добавлено 02.07.2016 в 00:26
- Добавлено 02.07.2016 в 00:26
- Добавлено 02.07.2016 в 18:32
- Добавлено 03.07.2016 в 15:18
- Добавлено 13.07.2016 в 18:36
- Добавлено 13.07.2016 в 17:29
- Добавлено 03.07.2016 в 15:18
- Ссылка
- Свернуть ветку (6)
- Станислав Соя
  
  28.06.2016 | 01:40 обновлено 28.06.2016 | 01:47
  Вот если есть программа и уже написана и действует, не стоит ничего выбрасывать и отказываться, под ваши примхи никто не будет все програмное обеспечение менять именно из за прогинга, разве верстку, а это просто произвольное размещение обьектов, которое прописано в проэкте и разрешено, не более, стоит нарисовать дизайн и если иконка та или иная не будет соответвувать, тебя просто попросят ее заменить, организатор конкурса выбирает стилистику, юзабилити и подход, а если какая то иконка нарисована красиво то другую подобную нарисовать не сложно, тоесть не сильно думаю влияет. Удачи в конкурсе!
  
  Вот если есть программа и уже написана и действует, не стоит ничего выбрасывать и отказываться, под ваши примхи никто не будет все програмное обеспечение менять именно из за прогинга, разве верстку, а это просто произвольное размещение обьектов, которое прописано в проэкте и разрешено, не более, стоит нарисовать дизайн и если иконка та или иная не будет соответвувать, тебя просто попросят ее заменить, организатор конкурса выбирает стилистику, юзабилити и подход, а если какая то иконка нарисована красиво то другую подобную нарисовать не сложно, тоесть не сильно думаю влияет. Удачи в конкурсе!
  
  Ссылка
  - Артем Попель
    
    28.06.2016 | 13:30
    
    Спасибо большое за ответ, просто не очень много опыта такой серьезной работы, раньше делал только что то для себя и друзей, но появилось большое желание попробовать себя в чем то большем, поэтому может не всё понимаю)
    
    Спасибо большое за ответ, просто не очень много опыта такой серьезной работы, раньше делал только что то для себя и друзей, но появилось большое желание попробовать себя в чем то большем, поэтому может не всё понимаю)
    
    Ссылка
- Igor Balter
  
  28.06.2016 | 12:06
  1. Функции все должны быть
  2. Фаил с описанием добавил к проекту
  
  1. Функции все должны быть
  2. Фаил с описанием добавил к проекту
  
  Ссылка
  - Артем Попель
    
    28.06.2016 | 13:33
    
    Большое спасибо, так стало легче и понятнее
    
    Большое спасибо, так стало легче и понятнее
    
    Ссылка
    - Станислав Соя
      
      02.07.2016 | 08:02
      
      Флетовский вариант боллее интересн
      
      Флетовский вариант боллее интересн
      
      Ссылка
      - Артем Попель
        
        02.07.2016 | 09:23
        
        Может быть. По желанию заказчика могу предоставить и его, вкусы ведь у всех разные, поэтому я сразу и уточнил, что развитие будет идти в ту сторону, в которую мне скажет заказчик, если понадобится то вообще весь интерфейс в двух вариантах могу сделать, думаю не составит труда, мне нравится этим заниматься. Спасибо за мнение, мне правда интересно читать комментарии. Удачи в конкурсе)
        
        Может быть. По желанию заказчика могу предоставить и его, вкусы ведь у всех разные, поэтому я сразу и уточнил, что развитие будет идти в ту сторону, в которую мне скажет заказчик, если понадобится то вообще весь интерфейс в двух вариантах могу сделать, думаю не составит труда, мне нравится этим заниматься. Спасибо за мнение, мне правда интересно читать комментарии. Удачи в конкурсе)
        
        Ссылка
Сергей Никонов

28.06.2016 | 20:49

+
- Ссылка
Iuliana Maxim

29.06.2016 | 08:34

+
- Ссылка
Александр Сухов

29.06.2016 | 14:31 обновлено: 29.06 2016 | 14:44

День добрый. Тоже возникли вопросы:
1. 2easy это ваш логотип? Можно приложить и его отдельно (или другой, если так).
2. Есть ли фирменный стиль (фирменные цвета, правила их использования и т.п.)?
3. Какой цвет корпуса изделия (материал, форма тоже бы не помешали)?
4. Допускается ли перевод/переименование подписей?
5. Допускается ли анимация в интерфейсе, как в переходах, так и отдельно в графических элементах (иконки, фон и т.п.)?
- Ссылка
- Свернуть ветку (5)
- Igor Balter
  
  29.06.2016 | 21:02
  1. Это место для лого. Логотип на данной стадии можно вставить любой. Если дизайн понравится, тогда будем дальше говорить
  2. На данном этапе предложите наиболее подходящие по вашему мнению
  3. Прямоугольный как планшет. Два цвета, белый и черный
  4. Да
  5. Без анимации
  
  1. Это место для лого. Логотип на данной стадии можно вставить любой. Если дизайн понравится, тогда будем дальше говорить
  2. На данном этапе предложите наиболее подходящие по вашему мнению
  3. Прямоугольный как планшет. Два цвета, белый и черный
  4. Да
  5. Без анимации
  
  Ссылка
  - Александр Сухов
    
    30.06.2016 | 09:53 обновлено 30.06.2016 | 10:00
    
    1-2. Но так не делается. Если Вы обратите внимание на приложенный Вами скрин, то дизайен и размеры элементов напрямую зависят от пропорций логотипа. не зная, какой будет логотип, нельзя будет определить расположение элементов, так как не понятно, как на это логотип повлияет и где ему будет лучшее место и какие размеры устанавливать. Тоже и с цветовой гаммой. Я вот задумаю, например, сине-зеленый интерфейс, а логотип и фирменные цвета окажутся серобуромалиновыми, и как это будет дружить в итоге? Если нет лого, дайте хотя бы название, я смогу прикинуть и варианты логотипа, вдруг устроят, а под них сделаю и интерфейс, так хоть какие-то предпосылки к успеху в конкурсе будут с меньшей вероятностью отказа. Да и представьте дальнейшую работу, если Вы выберите победителя: он сделает то, что Вам нравится, потом Вы ему дадите логотип, который не вписывается в его концепцию. И тут будет 2 варианта: либо логотип будет смотреться как бельмо, либо Вы попросите поправить дизайн так, чтобы логотип в него вписывался. Во втором случае дело даже не в том, что это двойная работа, а в том, что переделанный результат будет явно отличаться от того, что Вы одобрили, то есть это будет не то, что Вам понравилось. В итоге это может привести к неоднократной просьбе переделать дизайн (как тут в конкурсе люди выкладывают разные видения в один промежуток времени), но это будет сьедать все больше времени, и работы дизайнера Вас могут не устроить. В конце концов Вы остановитесь на чем-то за неимением времени, но не будете довольны результатом (и это относится к обоим вариантам развития событий), как и исполнитель не будет доволн сотрудничеством, так как может посчитать оплату неоднократных переделок недостаточной, в связи с тем, что Вы можете посчитать переплату за то, что Вам не по нраву, также, неоправданной.
    
    1-2. Но так не делается. Если Вы обратите внимание на приложенный Вами скрин, то дизайен и размеры элементов напрямую зависят от пропорций логотипа. не зная, какой будет логотип, нельзя будет определить расположение элементов, так как не понятно, как на это логотип повлияет и где ему будет лучшее место и какие размеры устанавливать. Тоже и с цветовой гаммой. Я вот задумаю, например, сине-зеленый интерфейс, а логотип и фирменные цвета окажутся серобуромалиновыми, и как это будет дружить в итоге? Если нет лого, дайте хотя бы название, я смогу прикинуть и варианты логотипа, вдруг устроят, а под них сделаю и интерфейс, так хоть какие-то предпосылки к успеху в конкурсе будут с меньшей вероятностью отказа. Да и представьте дальнейшую работу, если Вы выберите победителя: он сделает то, что Вам нравится, потом Вы ему дадите логотип, который не вписывается в его концепцию. И тут будет 2 варианта: либо логотип будет смотреться как бельмо, либо Вы попросите поправить дизайн так, чтобы логотип в него вписывался. Во втором случае дело даже не в том, что это двойная работа, а в том, что переделанный результат будет явно отличаться от того, что Вы одобрили, то есть это будет не то, что Вам понравилось. В итоге это может привести к неоднократной просьбе переделать дизайн (как тут в конкурсе люди выкладывают разные видения в один промежуток времени), но это будет сьедать все больше времени, и работы дизайнера Вас могут не устроить. В конце концов Вы остановитесь на чем-то за неимением времени, но не будете довольны результатом (и это относится к обоим вариантам развития событий), как и исполнитель не будет доволн сотрудничеством, так как может посчитать оплату неоднократных переделок недостаточной, в связи с тем, что Вы можете посчитать переплату за то, что Вам не по нраву, также, неоправданной.
    
    Ссылка
    - Igor Balter
      
      01.07.2016 | 18:02
      
      Добавил фаил лого белого цвета
      
      Добавил фаил лого белого цвета
      
      Ссылка
      - Александр Сухов
        
        01.07.2016 | 18:59
        
        это типа габариты логотипа?
        
        это типа габариты логотипа?
        
        Ссылка
        
        Igor Balter
        
        01.07.2016 | 19:08
        
        Это наш лого.
        В файле белый лого
        
        Это наш лого.
        В файле белый лого
        
        Ссылка
Фрилансер [DmitrySor]

03.07.2016 | 19:00 обновлено: 03.07 2016 | 19:01

+
- Добавлено 03.07.2016 в 19:01
- Ссылка
Lana Timofeeva

04.07.2016 | 14:45

просто ЖЕНСКИЙ ВЗГЛЯД e-mail kto-111@yandex.ru
- Добавлено 04.07.2016 в 14:45
- Ссылка
- Свернуть ветку (1)
- Артем Попель
  
  04.07.2016 | 16:31
  Это несомненно гениальное решение скопировать мои иконки в свою работу, даже не изменив цвет и форму.
  
  Уточню, тут скопированы даже не просто пиктограммы с иконок, а иконки целиком. У меня это вторая картинка, первый вариант, у которого цифра 7 еще внизу.
  
  На будущее, люди, если и копируете какую-то идею или элемент оформления, или еще что-то, постарайтесь переосмыслить это и реализовать как-то по-новому, как-то видоизменить, да хоть что-то сделать. Я понимаю, как невероятно сложно придумывать что-то своё, что не перекликалось бы с чужим, и это еще нормально, когда один дизайн немного похож или напоминает другой, но никогда не копируйте элементы работы другого человека подчистую как есть, это по меньшей мере низко.
  
  Это несомненно гениальное решение скопировать мои иконки в свою работу, даже не изменив цвет и форму.
  
  Уточню, тут скопированы даже не просто пиктограммы с иконок, а иконки целиком. У меня это вторая картинка, первый вариант, у которого цифра 7 еще внизу.
  
  На будущее, люди, если и копируете какую-то идею или элемент оформления, или еще что-то, постарайтесь переосмыслить это и реализовать как-то по-новому, как-то видоизменить, да хоть что-то сделать. Я понимаю, как невероятно сложно придумывать что-то своё, что не перекликалось бы с чужим, и это еще нормально, когда один дизайн немного похож или напоминает другой, но никогда не копируйте элементы работы другого человека подчистую как есть, это по меньшей мере низко.
  
  Ссылка
Роман Скляренко

06.07.2016 | 13:36

Мои 3 работы под одним (изначальным) фоном и под разными. Надеюсь, оцените. Все изменения возможны! На некоторых работах "Multimedia" выделено как при нажатии (для примера). Дизайн я изменил, как и просили, а не просто скопировал расположение всего.
- Добавлено 06.07.2016 в 13:36
- Добавлено 06.07.2016 в 13:36
- Добавлено 06.07.2016 в 13:36
- Добавлено 06.07.2016 в 13:36
- Добавлено 06.07.2016 в 13:36
- Добавлено 06.07.2016 в 13:36
- Ссылка
Мария Жилина

06.07.2016 | 18:20

участвую
- Ссылка
Эльвина Киямова

11.07.2016 | 11:50
- Добавлено 11.07.2016 в 11:50
- Ссылка
Михаил Картмазов

13.07.2016 | 02:05 обновлено: 13.07 2016 | 02:09

Доброго времени суток, рад предоставить вам два черновых варианта.

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

1)Была перенесена иконка "настроек" из панели статуса в меню как отдельный элемент( ну а зачем нам там иконка, если она должна ссылать нас не на определенную функцию и не информировать, а открывать новое окно? )
2)Были самую малость изменены названия пунктов

3)Иконки имеют фон по двум причинам:
3.1) Пользователю будет намного удобнее различать, запоминать не только форму а цвет. Это даст большие преимущества перед контурными иконками
3.2) Мы имеем возможность использовать любое фоновое изображение

Буду рад нашему сотрудничеству, так-же готов подумать над еще вариантами(ну или внесением изменений в один из вариантов, само собой) под вашим руководством.

Skype: ghostvscrysis
Почта: gsssocial@icloud.com
- Добавлено 13.07.2016 в 02:05
- Добавлено 13.07.2016 в 02:05
- Ссылка
Anastasya Agarkova

13.07.2016 | 18:31 обновлено: 13.07 2016 | 19:10

Сделала информативный, удобный для пользователей вариант дизайна.
- Добавлено 13.07.2016 в 18:31
- Добавлено 13.07.2016 в 18:31
- Добавлено 13.07.2016 в 18:31
- Ссылка
Егор Карпечкин

13.07.2016 | 18:42

Доброго времени суток!выкладываю свой вариант. oniro666@mail.ru oniro666@gmail.com 89246813438
- Добавлено 13.07.2016 в 18:42
- Ссылка
Олег Ганисевский

13.07.2016 | 19:52
- Добавлено 13.07.2016 в 19:52
- Ссылка
Ольга Мау

13.07.2016 | 21:42

+
- Добавлено 13.07.2016 в 21:42
- Добавлено 13.07.2016 в 21:42
- Ссылка
Владимир Lynx

13.07.2016 | 23:14

+
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Добавлено 13.07.2016 в 23:14
- Ссылка