HTML CSS
Подскажите, кто нибудь знает где можно посмотреть готовые кнопки, карусели, карточки и пр..
на чистом css и html ?
хотелось бы посмотреть исходники других прогеров :)
Подскажите, кто нибудь знает где можно посмотреть готовые кнопки, карусели, карточки и пр..
на чистом css и html ?
хотелось бы посмотреть исходники других прогеров :)
Пикабу, выручай!)
Ситуация следующая.
С некоторых пор появилось желание освоить сферу, связанную с дизайном. В приоритете дизайн сайтов.
Проблема - не могу собрать мысли в кучу и понять, в какую сторону двигаться в смысле обучения.
Начала осваивать Фигму, но на этом идеи заканчиваются.
Насколько я понимаю, очень мало кому нужна чистая отрисовка сайта, в плюс к этому было бы неплохо освоить еще верстку и UX/UI.
Так вот. С какой стороны подойти? Что искать? Как и где практиковаться? Памагити...
Не то что бы мечтаю стать самым востребованным человеком в этой области, но достаточно освоиться в теме для заработка хочется
В частности, возможно посоветуете учебники или просто книги по нужным темам - цвет, композиция, пользовательский опыт и так далее
P.S.: также интересны области с чистым рисованием: иллюстрации, полиграфия, всякая электронная мелочь типа гайдов/чек-листов/планировщиков и пр. Не так сильно, как основное, но тоже как вариант. Здесь бы тоже послушала полезную информацию, вообще любую и всякую)
В феврале этого года я принял решение начать обучаться дизайну интерфейсов, с целью чего приобрёл курс у скиллбокса -- "Профессия ux/ui дизайнер с ноля до PRO". Курс рассчитан на 1 год, поэтому я решил поделиться дальнейшими планами и текущим прогрессом.
Мой прогресс на данный момент выглядит следующим образом, из заданий по модулям остались домашние задания по подготовке презентаций и поиске работы, которые я решил отложить так как не считаю их сколько либо важными и работа в данный момент у меня есть. Небольшой модуль Сервисного дизайна и диплом, в котором я для себя не вижу необходимости. Остальные примерно 200 уроков это доп., материалы куда входят курсы фотошопу, анимация в Digital, анимация в Principle.
Что хочется рассказать об опыте онлайн обучения. Опыт был не первый, поэтому я примерно понимал чего стоит ждать и как выстроен сам процесс обучения. В целом, каких-то критических замечаний у меня нет, добротные кураторы (при желании их можно поменять, если вас не устраивает проверка ваших дз), старые модули периодически заменяются новыми, если непонятно, всегда можно задать вопрос куратору или написать в чат курса в телеге. Конечно, присутствует определенная неконсистентность подачи, так как я брал курс профессии целиком, некоторые прописные истины хотелось бы узнать уже в блоке веб-дизайна, а не UX дизайнера, но это для меня мелочи.
Чаты курса в телеге -- это бомба, потому что считаю, что при погружении в тему очень важно общаться с людьми с общими целями и взглядами. К счастью, у меня есть знакомые дизайнеры, которые направляют на истинный путь, но остальным уверен, что будет очень полезно пообщаться с коллегами и теми людьми, кто уже давно в профессии.
Как и обещалось, по завершении курса вы оформляете 2 работы в виде кейса на беханс, на самом деле практических заданий и редизайнов хватает, рисовать придётся много. Ниже креплю ссылку на свои 2 работы. Работы свои считаю довольно средними для начального уровня, в целом всё зависит от вашего желания/времени, у некоторых студентов работы выглядят гораздо сильнее и профессиональнее))
https://www.behance.net/Igorcrazyp
Теперь к главному, цена, конечно, совсем немаленькая и я уверен, что можно найти курсы в 2 раза дешевле и без такого количества "доп" материалов, часть из которых мне не пригодится никогда, но к ним есть доступ и в целом пускай будут.
Занимался я по 1-3 часа в день, 5 дней в неделю. После чего занимался основной работой.
Если честно чувствую, что силы на исходе, поэтому планирую взять перерыв и отдохнуть какое-то время. Я изначально понимал, что одними курсами тут не обойдётся, поэтому был готов гуглить, читать и смотреть то, что мне совсем непонятно, к счастью, таких ситуаций было немного.
Мой коллега, который занимается непосредственно ux/ui посмотрев мои работы сказал, что в целом, если я выполню 3 его задания, то можно будет меня отправлять на позицию джуна, чем я и планирую заняться после отдыха. :)
Для тех, кто планируется начать обучаться ux/ui дизайну очень рекомендую видео, которое вы можете посмотреть с субтитрами, в нём очень подробно и по полкам рассказывают как должен выглядеть ваш путь в ux/ui с ноля:
Всех обнял-приподнял, надеюсь, что пост окажется полезным для тех, кто раздумывает попробовать себя в чём-то новом.
@Likestea @leviiiafanПривет, пикабу!
Делюсь своим проектом Gradients.app, занимаюсь им в свободное время и очень жду замечаний и предложений. Проект может пригодиться дизайнерам и иллюстраторам — тут про цвета и градиенты.
Набор градиентов
На сайте можно скачать градиенты разных размеров в PNG, скопировать цвета по отдельности и CSS-коды градиентов. Градиенты сортируются по цветам, скачиваниям и дате. Градиентов на сегодня 87, добавляю их самостоятельно, если у вас есть классные сочетания — буду рад их добавить.
Можно провалиться внутрь карточки градиента, там будет больше информации и разные размеры для скачивания. Для веб-дизайнера есть CSS-код градиента, а для иллюстраторов — цвета в RGB, CMYK, HEX и HSL.
Генератор градиентов
Можно делать градиенты самим: подбирать цвета, смотреть разные сочетания. Есть возможность выбрать от 1 до 5 цветов, скачивать в FHD, копировать CSS-код и рандомно менять цвета всего градиента или по отдельности.
Наборы палитр
Потом я добавил на сайт ещё один раздел — цветовые схемы. Загрузил картинки в разных стилях, с разными палитрами. Эти палитры можно использовать для оформления сайтов, графического дизайна или даже дизайна интерьеров.
Схемы можно отфильтровать по цветам и скопировать HEX-код каждого цвета палитры. На подробной странице схемы цвета применяются к небольшому web-шаблону: блоки, кнопки и другие элементы раскрашиваются под выбранную палитру.
Генератор палитры по фото
Ещё можно загрузить любую картинку или фотографию и определить палитру на ней. Изображение разбивается на 10 основных цветов. Есть подробные блоки с яркими, приглушенными, темными, светлыми и противоположными цветами. У всех цветов можно скопировать HEX-код.
Проект переведен на английский и частично на китайский язык.
Буду рад критике и идеям, может что-то вышло неудобно и непонятно.
Ссылка на сайт — https://gradients.app/ru
Спасибо, всем!
Дорогие фронтенд разработчики, у меня назрел вопрос. В бутсрэпе слишком много модулей, которые я вообще никогда не использую, мне особо мало-то и нужно. Чтобы бутсрэп настроить под себя мне нужен sass, который затем конвертится в css. Чтобы вытворить чудо конвертацию sass-css нужно gulp настраивать, писать коды, подключать модули и бла бла бла. В итоге всё снова занимает много места. Кто-то говорит использовать webpack, но там тоже как-то всего много. Есть какой-нибудь оптимальный способ, ведь мне нужна только сетка по сути?
Учел рекомендации комментаторов и сделал мобильную версию сайта и упаковал работу.
Готов взять еще один проект (интернет-магазин, приложение)
Всем благ :)
отдельная благодарность за помощь @kirill.perevalov
В хорошем качестве можно посмотреть тут:
https://www.behance.net/gallery/122389723/nastojaschie-skazk...
Возможно всему виной моя больная фантазия, но я вижу это именно так. А вы?
Если вам нужно быстро освоить After Effects, понять, как делается анимация, но времени совсем нет — это видео для вас!
Это видео будет полезно для веб-дизайнеров и тех, кто работал в различных графических программах.В примерах я буду ссылкатся на Photoshop, Figma, Sketch, чтобы было более понятно, что и как работает.
Я не буду вам показывать все функции программы, а покажу только самые важные.
В видео вы найдете таймкоды по каждому разделу для удобства в навигации