Александр Ищенко, рекомендую: делать редизайн уже существующих сайтов (это и есть фейк). Выбираешь любую нишу, изучаешь сайты, выбираешь какую-нибудь компанию, которую будешь редизайнить, создаешь продукт, а затем идешь прям к ним/пишешь/звонишь и презентуешь.
Некомфортно, стремно, непривычно — замечательно, самый быстрый рост. То, что ты описал, это опять попытка не выйти из зоны комфорта. Самое главное — перестать рассуждать, как идиот. "хочу пробовать", "даст шанс", "будет идти". Возьми и сделай сразу, сразу выше среднего. Отложи разработку, покури ссылочки, статьи пару недель хотя бы не вылазь из них.
пример письма:
"Привет, я веб-дизайнер.
Я нарабатываю портфолио и подготовил редизайн вашего проекта.
Посмотрев несколько сотен сайтов вашей ниши, я выделил основные проблемы и смог их решить в своем варианте:
я убрал все лишнее из текстов и заголовков, теперь текст удобный и будет понятен всем. Клиенты это любят, а еще такой текст позволяет сайту лучше продвигаться в выдаче (если у вас будет такая потребность)
70% переходов на сайт - с мобильных устройств, поэтому я сделал упор на мобильную резиновую версию, верстка которой не ломается, а элементы не будут наезжать друг на друга, как например на этих сайтах
я уделил внимание интерфейсу, убрал лишние поля, сделал так, чтобы форма заполнялась быстрее, а еще я поменял навигацию, теперь ее удобно смотреть с любого устройства
Все это сделает ваш сайт конкуретным и улучшит поведение людей на нем, % отказов уменьшится.
Весь проект в одной ссылке, смотреть который можно с любого устройства, а еще вы можете оставлять комментарии прямо там, на макетах!
Я не специалист в вашей нише, текста могут быть неверными, но мы можем обговорить страницы и вы дадите рекомендации, я сделаю чище и лучше.
Напомню о себе в четверг, готов доработать макеты и обсудить стоимость. Я смогу сделать кейс для портфолио, а вы приятный и аккуратный, конкурентный сайт"
Вот то, что я описал, можно еще более разжевать и уйти от абстракций. А теперь прикинь. С кем приятней работать? С придурками из конкурсов, которые прогибаются как могут, или с человеком с прямыми намерениями и пользой, который пишет, дает пруфы, звонит.
а есть ли сайты, с подборками подобных эффектов? Я посещал сайты где например есть разные ховеры, скажем кнопок, выбираешь примерно подходящий и отправляешь верстальщику с ссылкой, но их обычно очень мало, возможно есть посвященные этому сайты (исключительно интерфейсным штукам).
Похожее на codepen. Или codepena при хорошем серфе за глаза хватает? Я правильно понимаю, что это открытый ресурс? Условно можно найти хорошее решение и переделать под себя и это не будет воровство? Корректно ли отправлять верстальщику ссылку на какой-нибудь эффект из кодпена, достаточно ли там будет информации для него?
xmoonlight, как вы считаете, что должно происходить при наведении курсора на карточку на пк? Лучше делать ссылку только на кнопку или на всю площадь карты? И такой же вопрос для смартфона. Или при взаимодействии с картой в любой случае должен быть ховер, а переход только по нажатии кнопки?
п.с как быть с ползунком? когда он реально нужен? я изучал сайты со слайдерами, они то есть, то их нет.
А допустимо было бы сделать так: смартфон и планшет ( а возможно и только смартфон) это слайдер, а потом он преобразуется в:
и возможно в эти карточки добавляется дополнительная инфо, т.к простор позволяет.
п.с я правильно понимаю, что клиент сможет просто загружать через админку нужную фото и текст, которая просто будет менять свой масштаб при брекпоинтах соответственно? И вот этот нюанс с добавлением информации по мере увеличения ширины, насколько это громоздко/сложно в реализации?
Доминик, а что скажешь на счет выплывающей плашки с согласием на сбор куки: "Продолжая использовать сайт.ru вы соглашаетесь на использование файлов cookie. ОК"
Зачем это делают? Не достаточно ли разве просто в подвале указывать 2 ссылки - правила, политика.
Максим Тимофеев, понял спасибо, разметку начал изучать буквально на днях, поэтому плаваю по многим вопросам. Посоветуете сайт, где есть все возможные теги для текста с примерами?
Максим Тимофеев, А как делаются вот такие переносы слов по слогам?
Текст растягивается, переносы пропадают. Вот ссылка на пример
Это в макете каким образом показывать? Просто делать пометку для верстальщика, что мол вот, при таком разрешении экрана, слова должны переноситься по слогам, или как?
вот такой нюанс : заголовок делался не как растягивающийся текстовый блок, а как просто текст, с ручными переносами. Собственно как и весь текст на скриншоте. В чем же проблема на одном разрешении сделать в 3 строчки, а на планшетном в 2 строчки ( если делать заголовок как текстовый блок растягивающийся в 2, то висит союз "и") поэтому пришлось делать его вручную. Я просто может не вкурил, но что мне ответить ему на такое "невозможно"?
Lucas Kane, Спасибо за ссылки! Макеева настолько полюбил, что записался на курсы по базе штмл и ксс :) еще 2 месяца назад. Ролик смотрел, но сейчас открыл снова и понял, что многое проигнорировал.
по поводу формы:
там всего 3 варианта и больше быть не может, я уточнял по каждому пункту, поэтому вместо дурацкого списка я решил бахнуть группу радио кнопок, как раз вычитав в тот день статью про это :) Так что не сломаешь, Лукас :3
А по поводу ширины полей, я просто понял 1 вещь, посмотрев сотни хороших форм. Длина - под реальные нужды. Вильгельмина длинное имя и встречается редко, поэтому ширина подогнана максимальная с учетом ширины телефона.
Я просто не понимаю, честно, каким надо быть дцп, чтобы делать формы по всей ширине экранов. Я это вижу в разных портфолио. (есть случаи, единичные, когда это оправдано)
пункт 4) самый первый макет, а делал их всего 2, я делал фотки именно круглыми, без масок :D
пункт 5) поясни пожалуйста, вот например у меня есть коллаж, 5 фоток, одна поверх другой, и от каждой например падает слабая тень. Как тут быть? Если тень рисуется не отдельно, а используется свойство слоя. Она как то вычленяется? Как?
пункт 6) Что ты думаешь об этом? Разнеси её. Это моя вторая в жизни форма (первая была просто треш), а вторую я рисовал спустя 100 статей всяких бабичей, горбуновых и прочих чуваков. Я считаю что моя форма отличная. Она приятная, понятная, кнопка отправить работает только при заполнении всего, если ты например забудешь 1 цифру или не укажешь год, поле подсветится приятным оранжевым. В мобильной версии правая колонка соответственно опустится вниз и будет 1 столбик. Дату я сделал слева а не справа, потомучто считаю что в данной форме так понятнее и удобнее. Там где год я предлагал сделать хинт. Я чсв? Или форма реально хороша? Ну и использовал я Робото. Так как прочитал, что для форм он хорош для разных устройств и популярен.
zorca, Что значит правильный шрифт? Не это ли вы имели ввиду:
- использовать желательно стандартные шрифты из гуглфонта ( или говорить верстаку типа вот который я нашел, а вот еще 3, на замену, альтернативных, похожих из популярных. Читал об этом в штмлакадемии)
Что значит гармония цвета? Не это ли вы имели ввиду:
- использовать например определенную цветовую модель ( а какая лучше?) + использовать настройки цветовой схемы в фотошопе правильную для веба
Некомфортно, стремно, непривычно — замечательно, самый быстрый рост. То, что ты описал, это опять попытка не выйти из зоны комфорта. Самое главное — перестать рассуждать, как идиот. "хочу пробовать", "даст шанс", "будет идти". Возьми и сделай сразу, сразу выше среднего. Отложи разработку, покури ссылочки, статьи пару недель хотя бы не вылазь из них.
пример письма:
"Привет, я веб-дизайнер.
Я нарабатываю портфолио и подготовил редизайн вашего проекта.
Посмотрев несколько сотен сайтов вашей ниши, я выделил основные проблемы и смог их решить в своем варианте:
Все это сделает ваш сайт конкуретным и улучшит поведение людей на нем, % отказов уменьшится.
Весь проект в одной ссылке, смотреть который можно с любого устройства, а еще вы можете оставлять комментарии прямо там, на макетах!
Я не специалист в вашей нише, текста могут быть неверными, но мы можем обговорить страницы и вы дадите рекомендации, я сделаю чище и лучше.
Напомню о себе в четверг, готов доработать макеты и обсудить стоимость. Я смогу сделать кейс для портфолио, а вы приятный и аккуратный, конкурентный сайт"
Вот то, что я описал, можно еще более разжевать и уйти от абстракций. А теперь прикинь. С кем приятней работать? С придурками из конкурсов, которые прогибаются как могут, или с человеком с прямыми намерениями и пользой, который пишет, дает пруфы, звонит.
если интересно, пиши, дам заданий (: