- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет!
Объявляется конкурс на исполнителя, который займется дизайном одностраничника по конкретному ТЗ (дополнительно будет наглядная «сетка», как, чего и где нужно расположить).
Задача на данный момент:
- Нарисовать один из элементов сайта. Автор лучшей работы получит в исполнение весь проект. Текущая работа к сайту никакого отношения не имеет, нужно найти человека, который покажет оптимальный вариант по сегодняшнему ТЗ.
ТЗ
- За рабочую область берем прямоугольник с пропорциями 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, для начала торт :) Цвет можно чуть мягче сделать. Плюс попробовать вариант с соответствующим выделением текста (цветом). Один без выделения, второй можно с ним.
Было бы интересно увидеть полный эффект подсветки... В голове образ такой стоит - визуально вдавленная иконка, внутри что-то вроде диодов/подсветки - по всей вдавленной плоскости менее яркая, по контурам более заметная. Эффект присутствия прозрачного материала между поверхностью и источником света, если уж совсем максимально описывать идею))
Фон сайта по задумке будет ближе к белому.
У Ильи импонирует стиль иконок. Есть что-то общее с желаемым. Кстати... :)
0pium, буду рад видеть и вашу работу, если время позволяет ;)
---
Свое видение приветствуется - главное: стилизация рабочей области под металл, обозначенная цветовая гамма подсветки и выдержать стиль добротный, чтобы у юзера отвращения не вызывало :)
Важное дополнение: итоговую работу выбранный дизайнер в своем портфолио не размещает.
Эффект подсветки (свечение) на мой взгляд на светлом фоне вообще не очень смотрится) Может я просто не могу его правильно сделать))
---------- Добавлено 06.04.2015 в 06:07 ----------
P.S. Глаза есть, просто прищурился так незаметно
а у меня коты вид со спины)
а вот так на белом фоне
хотелось бы комментариев, еще пару вариантиков сделать пока работы нету...
vodoptic, у вас пока ближе всех к желаемому. Обратите внимание на позиционирование иконок. Схематически выглядит так:
Квадрат 80х80 - границы иконки. Т.е. итоговый смысл - "зацентровать" 9 иконок. На схеме я набросал исходя из имеющихся пропорций, отразить суть желаемого.
На светлом неплохо выглядит. Попробуйте чуть светлее сделать зеленый с голубым.
nick889, адская штуковина :) яркие цвета и фон малость портит впечатление ;)
vodoptic, попробуйте еще сделать не сплошное продавливание, а контуром - то есть, пикселей на 5-7 с подсветкой по всему контуру. В центре иконки в таком случае у вас должна получиться "рабочая область" (под металл которая)
vodoptic, у вас пока ближе всех к желаемому. Обратите внимание на позиционирование иконок. Схематически выглядит так:
Квадрат 80х80 - границы иконки. Т.е. итоговый смысл - "зацентровать" 9 иконок. На схеме я набросал исходя из имеющихся пропорций, отразить суть желаемого.
На светлом неплохо выглядит. Попробуйте чуть светлее сделать зеленый с голубым.
nick889, адская штуковина :) яркие цвета и фон малость портит впечатление ;)
vodoptic, попробуйте еще сделать не сплошное продавливание, а контуром - то есть, пикселей на 5-7 с подсветкой по всему контуру. В центре иконки в таком случае у вас должна получиться "рабочая область" (под металл которая)
Ага, спасибо большое за схематическое объяснение, утро вторника, долго думал что что-то не так :) Про контуры думал, чуть позже будет. Пока пусть вот это здесь полежит.
---------- Добавлено 06.04.2015 в 17:07 ----------
Кошачий, Примерно как то так?:)
Осветлил шерстку братуле.
если нужна будет "райская кисуня" вместо "адского котули" - всё исправимо
---------- Добавлено 06.04.2015 в 16:06 ----------
Вариант с другим железом.
nick889, уже интереснее :) Попробуйте контурами.
Кстати, варианты разного "железа" только приветствуются. Можно в меру затемнять его (т.е. не совсем темным вроде #333333 делать, а чтобы на светлом хорошо смотрелось).
vodoptic, что-то около :) но иконки незаметные.
:)