Москва

Россия

Добрый день,

Необходимо разработать дизайн (интерфейс) к плагину Google Chrome. Плагин выглядит в виде горизонтальной полосы небольшой ширины, отделяющей адресную строку браузера от отображаемого сайта (пример - http://ge.tt/9QbmiXA/v/0 ).

На данной полосе необходимо уместить (порядок важен, слева направо):
1. Кнопка, которая может быть в активном и не активном состоянии
2. Разделитель
3. Две кнопки,  при включении первой выключается вторая и наоборот (switcher)
4. Поле input (занимает большую часть полосы), которое заменятся другим полем input (по содержанию, но не по дизайну) в момент переключения switcher'а
5. Разделитель
6. Кнопка принять / заркыть (могут быть выполнены в виде иконок — например, галочка, крестик), которые скрывают интерфейс плагина.

Замена input поля будет реализована с использованием эффекта slider'а (пример - http://cssglobe.com/lab/easyslider1.7/01.html )
К input полю необходимо предусмотреть возможность autocomplete'а по аналогии с Google или Яндекс.
Две кнопки switcher'а можно реализовать в виде явного переключателя по аналогии с iOs - http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
Текст на кнопках еще не утвержден, предположительно 10 русских символов.
Под разделителем подразумевается небольшой элемент интерфейса (например, вертикальная черта), который отделяет элементы дизайна по логике их использования. Разделителя может и не быть, но в этом случае пользователь исходя из дизайна должен понимать, что элементы интерфейса, стоящие слева и справа от отсутствующего разделителя, отвечают за совершенно разную функциональность.

Требования к дизайну (важно):
1. Интерфейс должен быть выполнен в стиле web 2.0
2. Интерфейс не должен создавать ощущения перегруженности
3. Интерфейс должен быть выполнен на подобном уровне - http://www.devbridge.com/projects/autocomplete/jquery/ 

Просим вас оценить стоимость работ. К сожалению этот фактор важен критичен для меня. При оценке просьба учесть, что от вас требуется сделать всего одну горизонтальную полосу, но очень качественно. При успешном сотрудничестве, надеюсь, будут более прибыльные и масштабные заказы.

Добрый день,

Необходимо разработать дизайн (интерфейс) к плагину Google Chrome. Плагин выглядит в виде горизонтальной полосы небольшой ширины, отделяющей адресную строку браузера от отображаемого сайта (пример - <a href="http://ge.tt/9QbmiXA/v/0" rel="nofollow noopener noreferrer" target="_blank">http://ge.tt/9QbmiXA/v/0</a> ).

На данной полосе необходимо уместить (порядок важен, слева направо):
1. Кнопка, которая может быть в активном и не активном состоянии
2. Разделитель
3. Две кнопки, при включении первой выключается вторая и наоборот (switcher)
4. Поле input (занимает большую часть полосы), которое заменятся другим полем input (по содержанию, но не по дизайну) в момент переключения switcher'а
5. Разделитель
6. Кнопка принять / заркыть (могут быть выполнены в виде иконок — например, галочка, крестик), которые скрывают интерфейс плагина.

Замена input поля будет реализована с использованием эффекта slider'а (пример - <a href="http://cssglobe.com/lab/easyslider1.7/01.html" rel="nofollow noopener noreferrer" target="_blank">http://cssglobe.com/lab/easyslider1.7/01.html</a> )
К input полю необходимо предусмотреть возможность autocomplete'а по аналогии с Google или Яндекс.
Две кнопки switcher'а можно реализовать в виде явного переключателя по аналогии с iOs - <a href="http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/" rel="nofollow noopener noreferrer" target="_blank">http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/</a>
Текст на кнопках еще не утвержден, предположительно 10 русских символов.
Под разделителем подразумевается небольшой элемент интерфейса (например, вертикальная черта), который отделяет элементы дизайна по логике их использования. Разделителя может и не быть, но в этом случае пользователь исходя из дизайна должен понимать, что элементы интерфейса, стоящие слева и справа от отсутствующего разделителя, отвечают за совершенно разную функциональность.

Требования к дизайну (важно):
1. Интерфейс должен быть выполнен в стиле web 2.0
2. Интерфейс не должен создавать ощущения перегруженности
3. Интерфейс должен быть выполнен на подобном уровне - <a href="http://www.devbridge.com/projects/autocomplete/jquery/" rel="nofollow noopener noreferrer" target="_blank">http://www.devbridge.com/projects/autocomplete/jquery/</a> 

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

Федор fedotxxl

Задание на разработ. дизайна плагина Google Chromе