Котоконкурс. Поиск исполнителя. 5.04.2015 — 12.04.2015

Кошачий
На сайте с 12.10.2012
Offline
115
5239

Всем привет!

Объявляется конкурс на исполнителя, который займется дизайном одностраничника по конкретному ТЗ (дополнительно будет наглядная «сетка», как, чего и где нужно расположить).

Задача на данный момент:

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

ТЗ

- За рабочую область берем прямоугольник с пропорциями 980х100px

- В нем делается девять равноудаленных блоков (80х80рх, 10px отступ от краев рабочей области). Визуально данные блоки никак не выделяем – в их границах нужно будет нарисовать навигационные иконки.

- Рабочая область должна быть стилизована под металлическое покрытие. Иконки должны выглядеть «вдавленными» в нее. При этом есть три состояния «иконок» - активная, наведенная и неактивная. Неактивная остается без эффекта подсветки, у активной эффект мягкого зеленоватого свечения (что-то около #64c833), у наведенной – голубоватое свечение.

- Под иконками должно помещаться две строки текста, поясняющего, куда ведет клик. Все это (иконка и текст) не выходит за пропорции 80х80.

Сейчас нужно нарисовать только одну иконку и представить ее в каждом состоянии на данной панели – активную, наведенную и остальные 7 неактивные. В качестве изображения предлагаю нарисовать силуэт головы котана, в качестве текста на две строки разнести «Котуля Братуля» :). Так отсечем вариант копипаста пикч с фотохостингов.

Что представляет собой рабочая область? Это эл-т сайта, который будет идти под шапкой с отступом 30 пикселей. Можете смело визуализировать данный блок, расширив пропорции на 30px по каждой стороне, предложив свой фон для остальной части сайта. Пойдет только в плюс. Если решите делать так, то должно получиться – 1040х160рх (фон), внутри стилизованная под металл рабочая область 980х100рх, а уже в ней навигационные иконки.

Постарайтесь выдержать в работе деловой и доверительный стиль, т.к. сайт отличается соответствующим характером.

Призовые места:

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

2. ТОП-5 работ по текущему ТЗ получат утешительный приз по 500 рублей. Два места из них определим по спасибкам)).

Сроки проведения конкурса:

5.04.2015 — 12.04.2015 включительно

Подведение итогов:

В течение 3х рабочих дней после завершения конкурса

Куратор: Vita-Nika.

Ежели будут какие вопросы, спрашивайте, отвечу. Мог упустить чего, первый конкурс, как-никак :).

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

П.С. Участвовать может сколько угодно работ от 1 вебмастера.

Важное дополнение: итоговую работу выбранный дизайнер в своем портфолио не размещает.

Когда планета покроется котиками, она станет мягкой и пушистой ▲_▲ ▲_▲ Котосмайлы () на котофорум (/) ▲_▲
diz.secret
На сайте с 09.03.2011
Offline
67
#1

Попробую :)

Кошачий
На сайте с 12.10.2012
Offline
115
#2

diz.secret, для начала торт :) Цвет можно чуть мягче сделать. Плюс попробовать вариант с соответствующим выделением текста (цветом). Один без выделения, второй можно с ним.

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

Фон сайта по задумке будет ближе к белому.

У Ильи импонирует стиль иконок. Есть что-то общее с желаемым. Кстати... :)

0pium, буду рад видеть и вашу работу, если время позволяет ;)

---

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

Важное дополнение: итоговую работу выбранный дизайнер в своем портфолио не размещает.

diz.secret
На сайте с 09.03.2011
Offline
67
#3

Эффект подсветки (свечение) на мой взгляд на светлом фоне вообще не очень смотрится) Может я просто не могу его правильно сделать))

nick889
На сайте с 28.04.2009
Offline
66
#4



---------- Добавлено 06.04.2015 в 06:07 ----------

P.S. Глаза есть, просто прищурился так незаметно

Создаю баннеры! :: Иногда даже Дизайн!
vodoptic
На сайте с 23.11.2009
Offline
45
#5

а у меня коты вид со спины)

а вот так на белом фоне

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

Кошачий
На сайте с 12.10.2012
Offline
115
#6

vodoptic, у вас пока ближе всех к желаемому. Обратите внимание на позиционирование иконок. Схематически выглядит так:

Квадрат 80х80 - границы иконки. Т.е. итоговый смысл - "зацентровать" 9 иконок. На схеме я набросал исходя из имеющихся пропорций, отразить суть желаемого.

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

nick889, адская штуковина :) яркие цвета и фон малость портит впечатление ;)

vodoptic, попробуйте еще сделать не сплошное продавливание, а контуром - то есть, пикселей на 5-7 с подсветкой по всему контуру. В центре иконки в таком случае у вас должна получиться "рабочая область" (под металл которая)

vodoptic
На сайте с 23.11.2009
Offline
45
#7
Кошачий:
vodoptic, у вас пока ближе всех к желаемому. Обратите внимание на позиционирование иконок. Схематически выглядит так:

Квадрат 80х80 - границы иконки. Т.е. итоговый смысл - "зацентровать" 9 иконок. На схеме я набросал исходя из имеющихся пропорций, отразить суть желаемого.

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

nick889, адская штуковина :) яркие цвета и фон малость портит впечатление ;)

vodoptic, попробуйте еще сделать не сплошное продавливание, а контуром - то есть, пикселей на 5-7 с подсветкой по всему контуру. В центре иконки в таком случае у вас должна получиться "рабочая область" (под металл которая)

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



---------- Добавлено 06.04.2015 в 17:07 ----------

Кошачий, Примерно как то так?:)

nick889
На сайте с 28.04.2009
Offline
66
#8

Осветлил шерстку братуле.

если нужна будет "райская кисуня" вместо "адского котули" - всё исправимо

---------- Добавлено 06.04.2015 в 16:06 ----------

Вариант с другим железом.

Кошачий
На сайте с 12.10.2012
Offline
115
#9

nick889, уже интереснее :) Попробуйте контурами.

Кстати, варианты разного "железа" только приветствуются. Можно в меру затемнять его (т.е. не совсем темным вроде #333333 делать, а чтобы на светлом хорошо смотрелось).

vodoptic, что-то около :) но иконки незаметные.

diz.secret
На сайте с 09.03.2011
Offline
67
#10

:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий