Архив тега: веб-дизайн новичкам

На странице собраны все публикации по тегу «веб-дизайн новичкам».

Лучшие заметки о веб-дизайне за 2017 год, материалы для скачивания и вдохновения

Первая статья в новом году традиционно будет в виде дайджеста — предлагаем вам ознакомиться с лучшими публикациями Дизайн Мании за 2017. Они пригодятся как новым посетителям, которые только недавно подключились к аудитории сайта, так и тем, кто хотел бы освежить в памяти все важные заметки прошедшего года. Основные тематики постов в 2017 не сильно отличались от более ранних периодов, все они сгруппированы в несколько разделов: статьи, материалы для скачивания, вдохновение и сервисы. Подобные записи найдете за 2016 год и предыдущий […]

комментария 3

Как начать рисовать с нуля — краткое руководство из 6-ти упражнений

В основе ремесла хорошего рисовальщика 2 базовые вещи: умение контролировать свою руку и правильное видение. Если хотите создавать красивые иллюстрации или рисованные дизайны сайтов, то без специальной подготовки тут не обойтись. Следующие 6 упражнений из статьи, по сути, являются первым шагом в данном направлении — вы узнаете как научиться рисовать и с чего начать. Это перевод заметки с Medium от Ralph Ammer (вся графика его же). Совет. Для следующих 6 задачи используйте один вид ручки и один тип бумаги (например, А5). Ловкость рук – два […]

комментариев 5

Веб-цвета в дизайне — сервис W3Schools с таблицами, кодам и другими инструментами

В продолжение статьи о полезных сервисах подбора цвета решили познакомить вас с еще одним интересным проектом — W3Schools. Помнится, раньше на портале в основном была информация о HTML/CSS, но теперь там можно найти и другие вопросы, касающиеся веб-разработки: PHP, JavaScript, Bootstrap, jQuery, XML. Один из разделов W3Schools посвящен web цветам в дизайне сайтов, он содержит разные таблицы, генераторы, коды, палитры, форматы и т.п. Создатели ресурса рассмотрели практически все детали, которые так или иначе связаны с цветовым оформлением веб-проектов. И хотя многие из […]

комментария 2

Тенденции и тренды веб-дизайна сайтов 2017

Изначально планировалось разместить перевод англоязычной статьи о трендах веб-дизайна в 2017 году, но после изучения разных источников, решили немного изменить концепцию данной заметки. Все дело в том, что за последний месяц в интернете было опубликовано достаточно много тематических материалов про современные тенденции веб-дизайна, и мнения, как говорится, разошлись. С одной стороны, это логично, т.к. у разных авторов имеются свои какие-то предположения о том, что же будет актуально для сайтов в текущем году. С другой — эти прогнозы весьма субъективны. В […]

комментариев 5

Лучшее в веб-дизайне за 2016 год. Итоги блога

Традиционно в начале января собираем лучшие публикации в нашем блоге про веб-дизайн за год — встречайте подборку 2016! Это отличная возможность быстро просмотреть все заметки и найти что-то интересное для себя, если случайно упустили. Читайте обзоры полезных сервисов и обучающие статьи по верстке, вдохновляйтесь дизайнами сайтов и логотипов, скачивайте материалы для работы. Чтобы удобнее это все было воспринимать мы сгруппировали посты по категориям. Также советуем глянуть похожие публикации за прошлые годы — в 2015 и 2014 было достаточно много толковых тем. […]

комментария 2

Горизонтальное выпадающее меню на CSS + HTML

Большинство классических сайтов в интернете использует горизонтальное меню в качестве основного элемента навигации. Иногда в нем могут встречаться разные дополнительные фишки — многоуровневые конструкции, иконки для подпунктов, блок поиска, сложные списки и т.п. Недавно в блоге уже была небольшая подборка стильных меню в PSD, а сегодня рассмотрим 4 практических примера как сделать выпадающее меню на CSS + HTML. Информация пригодится начинающим разработчикам и тем, кто хочет изменить навигацию на своем сайте. В сети хватает разных туториалов по теме, можете с […]

1 комментарий

Чему можно научиться в японских дизайнах сайтов?

В далеком 2014 году мы публиковали интересную подборку дизайнов японских сайтов аниме. Наверняка вы догадываетесь, что работы там представлены достаточно специфические и оригинальные. Они сильно отличаются от общепринятых стандартных подходов к веб-дизайну, скажем, в Европе или США. Визуальное оформление японских онлайн сайтов очень красочное, там используется много разной яркой графики, изображений, плюс страницы буквально «напичканы» текстами. Многим пользователям воспринимать подобные веб-проекты сложно, они выглядят запутанно и даже местами немного напрягают. Однако, как правильно заметили в комментариях к прошлой статье, такой подход […]

Нет комментариев

Клиенты в веб-дизайне, которых следует избегать

После того, как вы наконец-то стали веб-дизайнером и начали бороться за успех в реальном мире, можете оказаться в довольно затруднительном положении. Учителя наверняка предупреждали (или вы слышали) о том, что с будущими клиентами могут возникнуть разные проблемы. Однако реальность зачастую оказывается еще более жестокой, чем нам представляется поначалу. Счета начинают накапливаться, срок оплаты за квартиру все ближе и в таких условиях сомнительный заказчик, который хочет, чтобы вы разработали ему логотип и дизайн сайта за $100-$150 выглядит не таким уж и […]

комментария 2

Как сделать закругленные углы CSS: описание + CSS генераторы

Решил на своем сайте стандартным блокам в сайдбаре сделать закругленные углы с помощью CSS3. Раньше, помнится, чтобы реализовать данную задачу рисовали отдельные картинки для каждого угла и совмещали их с помощью нескольких DIV блоков в HTML. К счастью, сейчас все это легко задается в CSS стилях. Для определенных макетов и тематик (например, женской) подобное CSS закругление выглядят намного интереснее прямых строгих линий. В общем, пришлось детально разбираться с вопросом, узнавать, что за свойство такое border-radius, какие параметры в нем можно […]

комментария 2

30+ красивых шрифтов для Word (+как установить шрифты)

Встречайте очередное масштабное пополнение раздела красивых шрифтов где я собираю все соответствующие подборки. В отличии от других заметок с материалами здесь дополнительно будут представлены пояснения по процессу их установки в Ворде (и заодно Фотошопе). Заметка пригодится пока я работаю над обновлением поста о красивых русских шрифтах. Решил немного развить эту тему т.к. на прошлую статью часто заходят из поиска по фразам похожим на «красивые шрифты для word» или «где найти русские шрифты для ворда«. А ведь там нет вообще никакой […]

комментариев 8

Наложение текстуры в фотошопе

В прошлом посте про бесплатные осенние текстуры была одна красивая иллюстрация, которая привлекла мое внимание. Это отличный пример того зачем могут пригодиться данные материалы. Поэтому сегодня я бы хотел рассмотреть вопрос как наложить текстуру в фотошопе подобно картинке выше. Продвинутым пользователям это все, конечно, уже известно, однако тем новичкам, что не сталкивались с данным уроком ранее, заметка однозначно пригодится. В данной методике нет ничего сложного, постараюсь детально остановится на каждом шаге. Как наложить текстуру на текст в Photoshop 1. Начнем, […]

комментария 3

Жирный текст с помощью HTML и CSS

Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным обзорам шрифтов для создания фотошоп иллюстраций рассмотрю вопросы, связанные с версткой. Подборки фонтов найдете тут: интересные жирные, разные bold и русские толстые шрифты. Сегодня расскажу как сделать слова жирным шрифтом на сайте с помощью HTML и CSS. Такое оформление используется когда вам нужно выделить […]

комментария 3

Скидки на курсы дизайна в Нетологии

Недавно на страницах блога вы могли читать мои отзывы и впечатления про обучение в центре онлайн-образования Нетология. Я проходил там курс HTML верстки. Тем, кого интересует данная тема, предлагаю скидки 15% на будущие курсы по дизайну, стартующие буквально на днях. В августе планируется сразу 3 интересные программы. Вы можете выбрать следующие направления: Курс «Веб-дизайнер» — старт с 7-го августа. Начало обучения по теме «UX-дизайнер» — с 14-го числа. И последний курс по «HTML-вёрстка» — с 21 августа. Дабы получить скидку […]

Нет комментариев