Телеграм канал Начинающий дизайнер
Блог человека, который начинает свой путь в непростом мире UX/UI дизайна. @nicklascazares - по всем вопросам Чат канала - t.me/designrookiechat
Поделиться с друзьями:
статистика поднять канал
О чём пишут в канале @designrookie
Домашняя работа
В седьмом задании начинаем создавать макет высокой точности. До этого, работали с макетами низкой точности (макет без логотипов, картинок, цветов, только сырой конструктор).
Цвета выбраны в соответствии с цветовой палитрой справа (изначально было 4 цвета, добавился серый, а так же, к каждому из цветов темный и светлый оттенок). На этом этапе так же определяется основой шрифт. Об этом мы говорили в прошлом посте.
Прототипом моей главной страницы выступал сайт habitat.co.uk.
Посмотреть макет в высоком разрешении можно на Behance
PS.
https://unsplash.com - прекрасный сайт с бесплатными качественными картинками. На нем нашел картинку для стартовой страницы.
#учеба
2019-11-18 16:00:56
Шрифты
По курсу, о шрифтах рассказывается только самое необходимое.
В веб-дизайне, перед началом работы над проектом, необходимо выбрать шрифт, в котором будет выполнятся вся текстовая работа. Обычно, выбирают 2 шрифта, которые хорошо смотрятся в паре.
Не рекомендуется выбирать больше, чем 2 шрифта. Желательно, использовать минимальное количество начертаний шрифтов (к примеру, “обычный”, “курсив” и “жирный”). Количество шрифтов и его начертаний, влияет на то, как быстро будет загружаться сайт. Если их будет слишком много, все будет сильно тормозить.
"С точки зрения дизайнера, много начертаний — это круто. И действительно, для заголовочка — Bold, а вон там, для врезочки — ExtraLight, ненужные текстики вообще запихнем и запрессуем в Condensed Bold. Но когда все это «богатство» начинают переносить на сайт, выясняется, что все жутко тормозит."
(20 вопросов про веб-шрифты, параграф из 11-ого вопроса)
Откуда брать шрифты?
Бесплатные шрифты можно брать здесь - fonts.google.com. На каждый шрифт от Google действует бесплатная лицензия, их можно без проблем использовать в своих работах.
Если шрифтов от Google будет не хватать (что маловероятно), их можно взять здесь - fonts.adobe.com. Когда покупаете подписку на Adobe Creative Cloud, вам доступны платные шрифты (их количество зависит от типа подписки).
На картинке показан мой выбор шрифтов для домашней работы. Open Sans для заголовков и Open Sans Condensed для основного текста.
#учеба
2019-11-18 12:01:11
Доступ к контенту (документы, файлы, аудио, видео, изображения) возможен только в приложении Телеграм.
2019-11-17 15:50:44
Стикеры начинающего дизайнера
У канала "Начинающий дизайнер" теперь есть свои официальные стикеры! 🎉
Добавить себе стикерпак можно по ссылке: https://telegram.im/addstickers/designrookie или нажмите на стикер под постом, чтобы сохранить все стикеры.
2019-11-17 15:50:30
Бесплатный онлайн-интенсив по UX
Предлагаю записаться на курс "UX-интенсив: создаем удобные формы за 3 дня" от Skillbox.
Дата: 21-23 ноября
Время: 15:00 (мск)
Я никогда не участвовал в таких онлайн-мероприятиях. Узнал о курсе случайно, решил записаться, выглядит интересно. Чтобы зарегистрироваться, нужно ввести только свой email - остальные инструкции придут на почту (сообщение приходит с опозданием).
Подхожу к мероприятию без каких-либо ожиданий. О том, как все прошло, расскажу обязательно.
Вся основная информация по ссылке -> https://bit.ly/37d4rze
2019-11-16 19:01:04
Дизайн для реального мира
Выкладываю книгу "Дизайн для реального мира" Виктора Папанека. Это первая книга из списка для начинающего веб-дизайнера.
В книге 253 страницы. Чтобы прочитать ее за неделю, нужно уделить 1 час чтению каждый день (примерно 36 страниц за час).
Скачать в PDF формате можно прямо из канала (после поста).
2019-11-16 16:53:12
Цвета
Понятие "цвета" в курсе затрагивается поверхностно. Важно то, что у каждого проекта есть свой определенный набор цветов, который необходимо выдерживать на протяжении всей работы. Цветоведение я буду изучать глубже, в ближайшее время об этом будет сделан еще один пост.
Как сочетать цвета и от чего отталкиваться?
У начинающего дизайнера вариантов не много. Заходим на color.adobe.com и выбираем приятные на глаз цветовые комбинации, затем, используем их в своих проектах. Если нужны идеи по градиенту, заходим сюда grabient.com. В начале пути, вся работа строится на заимствовании и ничего зазорного в этом нет. Наоборот, происходит наработка собственного стиля, пропуская через себя работы других авторов.
В домашней работе мы работаем над приложением и сайтом для мебели. В шестом задании, предлагают изменить цвета логотипа. Создал 6 вариантов, где последний мне нравится больше всего. В левом нижнем углу логотип с оригинальными цветами.
Варианты цветов в большом разрешении можно посмотреть на Behance
#учеба
2019-11-15 17:42:40
Психология пользователя
Говоря об UX/UI дизайне, оба значения имеют важную роль в создании интерфейса. Но, сегодня предлагаю знакомство с психологией пользователя в простой и увлекательной форме.
Делюсь ускоренным курсом по UX, посвященный психологии пользователя. На чтение каждого урока уходит не более 5 минут. Всего уроков - 31. Все оформлено в виде кратких статей на разные темы.
“UX заключается не в создании идеального мира. Суть UX — убрать все, что встает на пути достижения целей (как пользователя, так и наших).” (урок № 21: Внимание)
Это поверхностный обзор большой темы, но данный материал существенно облегчит вам жизнь при проектировании пользовательского интерфейса, начатый вчера, без опыта за спиной.
“Запомните: каждый раз, когда пользователь кликает по чему-то дерьмовому, он в это время не кликает по чему-то полезному.” (урок № 29: Вероятность взаимодействия)
Подогревая интерес, обратите внимание на 17, 23 и 27-ой урок. Нарушайте правила!
Ссылка на материал
#ссылки
2019-11-14 21:42:16
Выкладываю свою статью на vc.ru про самостоятельное обучение на платформе Udemy.
Приятного чтения!
https://vc.ru/design/92518-kak-uchitsya-ux-ui-dizaynu-samostoyatelno-pri-pomoshchi-platformy-onlayn-kursov-udemy
2019-11-13 22:18:44